The Pub Discussion Board

Get your favorite beverage, sit back, and join in the discussion

You are not logged in.

#1 2016-08-18 19:33:17

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Request for Comment: Story Items Listing Design

Okay, folks, I've spent the last 2-3 days working out a look that I like for the story listings.

You can find a demo page here: Demo Page

None of the clickable links go anywhere.  If you want a good description of the page, click the Help icon in the upper left corner.

Please let me know what you think of this design.  Yes, there is still room for modification, but I must say that this design has grown on me the longer I've worked on it.

Eric Storm

PS:  A few notes:

1) This page, like the new site, requires Javascript.  If you have disabled JS, you will need to enable it for this page, and the new version of the website.

2) There is no consistency in which icons are displayed.  For instance, PRM is not a per-story system, so there's no way you'd have PRM access to one thing and not another.  I just wanted to let you see all of the icons.  I picked them, basically, at random for each item.

3) The "Storm Blue" theme is not (necessarily) the look of the new site.  This is my preferred working theme, so that's the one I built it in.  The new site will have as many of the old theme choices as possible, updated for the new look.

4) This is not, by any means, a "completed" page, but it does reflect the basic design concept behind the new version of the site.  There are many things missing from it, however, like menus, header information, and a navigation toolbar.

5) I have tested this in the three browsers I have on my computer (Firefox, Chrome, IE11).  It worked on all three of them.  If you encounter a problem, let me know, but please be specific about the problem, which browser and version, etc.


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#2 2016-08-18 19:53:19

Barbarian3165
Completely Blotto
Registered: 2015-02-11
Posts: 329

Re: Request for Comment: Story Items Listing Design

For multi-chapter stories like Woodward Academy year 6, would it be possible to have a line of links for finished chapters?  something like:

Currently Available Chapters: 1, 2, 3, 4, 5

or

Currently Available Chapters: one, two, three, four, five

Whichever would be better for links.

That way, those of us that are actively following the story wouldn't have to click through to a second page with a full description and other information in order to navigate to the chapter we want.

Offline

 

#3 2016-08-18 19:55:16

Jefferson
Completely Blotto
From: East Coast, USA
Registered: 2006-12-03
Posts: 449

Re: Request for Comment: Story Items Listing Design

Take this for what it's worth, considering I know almost nothing about web or artistic design, but it looks good to me. I like the expanding story descriptions and, I gotta say, I love the warning at the bottom.

One thing, the "arrow" to expand the story description doesn't show up for me. If I click in the center of the box, it still expands but no arrow is visible. Is this a problem with my laptop or are they not there? Just curious.

Offline

 

#4 2016-08-18 20:06:12

Wicked Storm
Completely Blotto
From: New Orleans
Registered: 2012-06-15
Posts: 367

Re: Request for Comment: Story Items Listing Design

It look's great so far, I love the tool tips and how it set up easier to read. ^_^ good job!


In the dark your lips taste like sweet nectar, and in the line they tease me endlessly.

Offline

 

#5 2016-08-18 21:00:19

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Re: Request for Comment: Story Items Listing Design

Jefferson:

1) Do you see the other icons?
2) What browser are you using, and which version?

The arrow at the bottom, like all the other icons, is part of the FontAwesome icon-font set.  It has, however, had a CSS rule applied to stretch it out.  Perhaps your browser doesn't like CSS transforms (though even older IE's are supposed to be able to handle it...)

Barbarian: 

How about, instead of a line of links to chapters, if clicking the title simply takes you to the last chapter you read?  I'm thinking that the new site may "auto-bookmark".  That is, it will automatically bookmark your spot in a book when you leave a page.  Then, when you click on the title, you would be taken directly to that chapter (and spot within the chapter).  Of course, if you finished reading what was available, you'll still have to click through to the newly posted chapter, but fixing that would, I think, require logic beyond my ability to program.

Wicked Storm:

Glad you found it easier to read.

Thanks for the feedback, you guys
Eric Storm


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#6 2016-08-19 01:35:49

Barbarian3165
Completely Blotto
Registered: 2015-02-11
Posts: 329

Re: Request for Comment: Story Items Listing Design

Auto bookmarking sounds good to me.  I was just thinking about reducing the number of clicks we would have to make to get to the content.

Offline

 

#7 2016-08-20 21:21:05

thehilz
Completely Blotto
Registered: 2010-09-06
Posts: 368

Re: Request for Comment: Story Items Listing Design

I like the layout but I'm unable to hover over the dotted line or see any icons. I'm on an iPhone so I use safari which is probably the problem.

Offline

 

#8 2016-08-20 22:07:17

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Re: Request for Comment: Story Items Listing Design

Unfortunately, since Apple no longer produces a Safari version for Windows, I cannot check what the problem is.  Do you have a Mac at home that you can check this on?

Eric Storm


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#9 2016-08-21 03:32:10

thehilz
Completely Blotto
Registered: 2010-09-06
Posts: 368

Re: Request for Comment: Story Items Listing Design

No I've broke all my laptops. I do have an old desktop that runs Windows 98 I could set up but that probably won't help too much lol. Worse case I'll have to download Firefox for my phone.

Last edited by thehilz (2016-08-21 03:34:58)

Offline

 

#10 2016-08-21 03:40:02

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Re: Request for Comment: Story Items Listing Design

No, that wouldn't have helped.  Turns out it was broken for ALL mobile devices.  I believe I have fixed the "missing icons" problem now.  Please check it and let me know if you see them.

I have also corrected the "info box is wider than its background" problem, which I didn't see until it was on a mobile platform with a narrow screen.

As to the no-hover thing:  The tooltips I'm using work through Javascript, rather than directly through the browser (so that they will look better), so the usual double-tap-to-hover trick doesn't seem to work.  I could try adding in a double-tap event...  (Not sure how to do that, so it would be exploration time again...)

Or I could either add to, or switch altogether, the tooltips to a click modality.  In other words, if you wanted to know about an icon or underlined term, you would click it.  This works find until I come to an icon I actually want you to interact with... 3dbig_smile

I'll look into the double-tap event for Javascript, to see if it even exists.

I have also not fixed the "more-info box font is way too damned big" problem on mobile devices, because I haven't the foggiest clue what's causing it.

Eric Storm


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#11 2016-08-21 05:06:44

thehilz
Completely Blotto
Registered: 2010-09-06
Posts: 368

Re: Request for Comment: Story Items Listing Design

Yes I can see the icons now but the arrows are not opening up any more info for me.

Last edited by thehilz (2016-08-21 05:08:17)

Offline

 

#12 2016-08-21 06:42:17

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Re: Request for Comment: Story Items Listing Design

Well, now that's a really odd one.  I'll have to look into that and get back to you.

*mutters about non-standards-compliant browsers...*

Eric Storm


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#13 2016-08-24 21:35:23

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Re: Request for Comment: Story Items Listing Design

thehilz:

Could you take a look at this once more, and see if it's working for you now?  I added in the (VERY STUPID) piece of code that iOS needs to treat the down arrow as clickable (as well as all the other places it was needed...)

The hover issue is a non-fixable problem, because I'm not willing to put in the weeks of learning it would probably take to make things function as perfectly on a mobile device as on a real computer, so what I've done, instead, is to add a double-down-arrow icon at the end of the codes.  When clicked, it expands a listing that shows the codes and their definitions.  The hover tooltips will still work for computers that work with a cursor onscreen.

The font-size issue is another non-fixable problem, because I can't comprehend how to tell mobile devices, "LEAVE MY FUCKING CODE ALONE!"  Mobile devices actually alter the size of text on webpages to suit their own "inflation algorithm" in order to make sure that text is large enough to read.  Of course, "large enough to read" is highly subjective, and in this case, the algorithm has blown it way the hell out of proportion.  I'll keep fiddling with it, but I don't hold out much hope.  I hate it when people actually choose to violate standards like this.

Eric Storm


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#14 2016-08-25 10:04:44

Jefferson
Completely Blotto
From: East Coast, USA
Registered: 2006-12-03
Posts: 449

Re: Request for Comment: Story Items Listing Design

It works for me now.

I can see the down arrow, the heart, the bookmark, the star and the lock. I can also see the ? on the Help page button. The help page works now too.

I don't know what you did, but it worked.

Offline

 

#15 2016-08-25 16:30:40

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Re: Request for Comment: Story Items Listing Design

You don't want to know what I did.  It's complicated and highly illogical, thanks to Apple and Android.

Eric Storm

PS:  Most annoyingly, I also realized that the iPad doesn't have the font-size problem that the Android does.  I hate standards non-compliance!


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#16 2016-08-25 21:54:47

thehilz
Completely Blotto
Registered: 2010-09-06
Posts: 368

Re: Request for Comment: Story Items Listing Design

I didn't have any issues this time. Thanks for putting in the work.

Offline

 

#17 2016-09-01 16:05:01

Archangel1962
Wasted
From: North Carolina, US
Registered: 2014-01-04
Posts: 107

Re: Request for Comment: Story Items Listing Design

Does it have to take up the whole page? Maybe have the titles off to the right of the page and as you click on them they give you a description in the center left of the page. I also like what Barbarian suggested about book links for a series because while auto bookmark sound cool, at the same time if we want to go back and read a older book in the series that would make things easier.


BALLAD of The US Navy SEAL Teams
Im a lover, a fighter, I'm a UDT Navy SEAL diver. Last of the bare-knuckle fighters.
No muff too tough, I dive for five, tuck, suck, fuck, nibble and chew.I dine and interwine, masturbate, ejaculate and copulate.Been around the world twice, and talked to everyone once. Seen two white whales fuck, and been to two pigmy picnics.Met a man from Nantucket with a marble head and wooden cock, and ladies, if you dont like my face you can sit on it.

Offline

 

#18 2016-09-01 16:46:54

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Re: Request for Comment: Story Items Listing Design

Bookmarks occur within a single book, not within a series of books.  If you want to go back and read an earlier book, that has no bearing on the bookmark in the book you're looking at.  Even within the book, once you're at the book's page, you'll be able to navigate to earlier sections.  But the simple fact is, the by-far most common place that people want to get to within a book is the place they stopped reading it.

Now, as to your suggestion for the items list... I must confess it makes no sense to me whatsoever.  WHY are you trying to conserve screen real estate?  There is nothing else to display in it.  Hell, you've even stated that the empty space your design creates eventually gets filled by the information, so what a user is presented with, on page load, is a screen that is mostly blank.  That is generally considered bad design.  I should know, as it is very similar to the design we currently use, which sucks.

Further, the point of this design was to present the reader with the basics of a story without clicking.  In essence, I wanted to give them the necessary information to know when they absolutely do not want to read a story (this is usually because there is some kind of content they don't like, such as homosexual sex).  Once they've decided the story isn't obviously objectionable, they can click to get the remaining details, to find out if they want to read it.  Likewise, if they're looking for a story that contains, as an example, sex between a teen boy and an older woman, then they'll be able to simply look at the codes for "mF", and then, again, can click for more info to see if they want to read it.  What you're suggesting requires them to click on each and every story in order to find out anything at all.

Please note that this is not a MENU.  This is a "search results page".  When you go to the author's page, there will be a menu of their stories which will consist of nothing but titles.  There will also be a page that presents all of their stories in this style, so you know what the stories are about.

And a kind of picky note:  Why would you suggest a right-to-left design concept, when English is a left-to-right language?  That would be inherently unpleasant to a lot of people.

So, unless you can give a logical reason why I would do what you're suggesting, I just can't see how it meets any of the design requirements.

Eric Storm


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#19 2016-09-01 16:52:40

Eric Storm
Pub Owner
From: New Port Richey, FL
Registered: 2006-09-12
Posts: 5745
Website

Re: Request for Comment: Story Items Listing Design

I also think you're a bit confused about Barbarian's comment.  He was asking for chapter links within a single book, not links to other books in a series.

However, the listing already contains a link to the previous book in a series, the next book in a series, and the series' home page, as it is, so I think that issue's been covered.

Eric Storm


Please Remember:  The right to Freedom of Speech does not carry the proviso, "As long as it doesn't upset anyone."  The US Constitution does not grant you the right to not be offended.  If you don't like what someone's saying... IGNORE THEM.
----
Facebook page

Offline

 

#20 2016-09-03 22:07:34

Archangel1962
Wasted
From: North Carolina, US
Registered: 2014-01-04
Posts: 107

Re: Request for Comment: Story Items Listing Design

Ok. Sorry apparently my mind was trying to take over without my consent lol. In all seriousness I have no idea why I suggested those things. So feel free to disregard them.


BALLAD of The US Navy SEAL Teams
Im a lover, a fighter, I'm a UDT Navy SEAL diver. Last of the bare-knuckle fighters.
No muff too tough, I dive for five, tuck, suck, fuck, nibble and chew.I dine and interwine, masturbate, ejaculate and copulate.Been around the world twice, and talked to everyone once. Seen two white whales fuck, and been to two pigmy picnics.Met a man from Nantucket with a marble head and wooden cock, and ladies, if you dont like my face you can sit on it.

Offline

 

Board footer

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson