LonePaladin
 member, 828 posts
 Creator of HeroForge
Sun 16 Jun 2019
at 04:12
RPoL Design Update
Any reason why the color scheme won't change? I've been using Dark Purple for so long my brain simply associates that color pattern with the site, so the plain look of the responsive site just doesn't look right to me.
jase
 admin, 3622 posts
 Cogito, ergo procuro.
 Carpe stultus!
Sun 16 Jun 2019
at 04:37
RPoL Design Update
Single theme at the moment, all themes will have to be redone once the responsive site is no longer a moving target.
jase
 admin, 3624 posts
 Cogito, ergo procuro.
 Carpe stultus!
Sun 23 Jun 2019
at 14:18
RPoL Design Update
In lieu of feedback of any sort I've updated the "white" (default) theme to support the creation of custom themes.  You can now go into your preferences and create a theme for the responsive site.  The old site will still have your current settings if you want to use that as a basis.

((As an aside this involved changing the way the entire theme was calculated, I no longer use a separate template file but use the default css file as the template which means any changes I make to that are automatically applied to any themes based upon it.  Additionally all custom themes will be identical in structure to the master file which means that if people reckon they've created the perfect theme it can be suggested that it's cloned to become one of our available options!))

Note that the list of colours is currently very long, there's a stack of other styles now and also the css hasn't been optimised as of yet (two (or more) settings that should have the same colour might be listed separately).  I also think there's a few colours defined outside of the theme which will need cleaning up/moving over.

The new css also has gradients, shading and opaque settings which complicate things even more, but I think the layout makes it pretty simple except for the fact that it's just a much longer list.

I've also fixed a bunch of other aesthetic things while I was going about it (and, to harp on the point, having no other feedback to go on).  CSS updates should be automatically loaded but if in doubt force a refresh on your browser.
nauthiz
 supporter, 603 posts
Mon 24 Jun 2019
at 05:39
RPoL Design Update
Since June 13th I've started using the responsive site exclusively when interacting with RPoL on my phone.  Below are some notes I've kept regarding the user experience.

All experiences were had on a device running Android 7.0 (Nougat) and using Chrome 75.0.3770.101.  Any "bugs" or other unexpected behaviors were verified on the same device in Firefox 67.0.3.

---

The Main Menu drop down does not work as a user probably might expect, especially based on a touch screen friendly design.  Based on the initial button interaction a user will likely expect that touching the blank space on the list to the right of the words will trigger the expected behavior, it does not.  A user must press each individual word like an old fashioned hyperlink.  This issue is further compounded by the other navigation drop downs which are fully responsive across the entire horizontal width of the drop down menus

---

On the compose messages screen the "private to" checkboxes extend "off screen" when composing a message.  A user can access then by scrolling the screen right if they realize that's an option

---

The position and size of the remove game minus signs make them very difficult to interact with due to their small size and placement against the right side of the website margin.  While this may be a specific decision to prevent accidental interaction, even when zooming in to intentionally use them the right side justification makes them very difficult to use since they remain on the right edge of a device's screen.  Adding some space between them and the right border of the site, even just an amount equal to the width of the button itself, would help this issue.

---

Game map functionality doesn't seem to be working correctly in all cases.  I have two games which do not have a "main game map" but instead have a map assigned to a specific group.  Attempting to view that map via the "select another map to view" menu does not work correctly.

In both cases it causes the site to send you to the "RPoL Announcements" forum, as indicated by the "Welcome to" text beneath the RPoL logo, and gives you an error.

quote:
This is not a game

"RPoL Announcements" is not a game.

Game information is (logically enough) only available for games.


I do not have any games that actually do have a "main game map" uploaded so I was unable to test whether that altered this particular issue or not.

---

Nomenclature.  On the old site the page you see when you're logged in and visit RPoL is called the "main menu" according to all the site's navigation links.  On the responsive site the drop down navigation list is labeled main menu and now "home" is used for that same page.  However there's still other navigation options, like the links at the bottom of pages, which are labeled "main" when they should probably be labeled "Home" to follow the naming structure of the responsive site.

---

The dice roller doesn't work.  Changing dice options, inputting manual rolls, all seem to be behaving normally.  However no amount of touching or tapping the "Roll the Dice" button actually triggers the expected page behavior and generates a dice roll.
jase
 admin, 3625 posts
 Cogito, ergo procuro.
 Carpe stultus!
Mon 24 Jun 2019
at 12:43
RPoL Design Update
Wow, awesome thanks nauthiz.

Main menu drop down - Had never even noticed!  Was ready for a battle to get this to work but it was a simple "display: block" for the hyperlink, so... fixed.

Private to list - Had been ignoring that one.  Should be better now.  Colouring/spacing needs tweaking, but so does most everything!

Game removal minus sign - Not sure how that one needs to be fixed, have been ignoring it.  Will ponder and procrastinate in the hope someone else will come up with a solution.  (c;

Maps - Fixed thanks.  Was a wider problem so glad you spotted that one.

Main Menu vs Home - Haven't decided what's the best way to go.  Home is more commonly used, main menu is what we've used for ages.  Can standardise on either (or something else entirely).
nauthiz
 supporter, 604 posts
Mon 24 Jun 2019
at 19:12
Re: RPoL Design Update
jase:
Game removal minus sign - Not sure how that one needs to be fixed, have been ignoring it.  Will ponder and procrastinate in the hope someone else will come up with a solution.  (c;


If this was a document I'd assume that minus sign image was "aligned right" and just needed someone to put the cursor to the right of it and press the space key a few times give it some white space between itself and the right margin, which would solve the issue.

If that's actually harder to do because of web coding reasons, since the minus sign is just a 7x7 image, if you added 7 or 14 pixels of transparency to the right side of it, it should make the graphic big enough to more easily interact with without changing its appearance and (presumably) not having to actually change anything but the image file itself.
MalaeDezeld
 member, 111 posts
Mon 24 Jun 2019
at 19:47
Re: RPoL Design Update
Maybe something in the game menu instead? But not nearby the "Mark all as Read".
jase
 admin, 3626 posts
 Cogito, ergo procuro.
 Carpe stultus!
Tue 25 Jun 2019
at 00:51
Re: RPoL Design Update
I was wondering whether the whole process of automatically adding games to the list needed to be revised.  Replace it with a notification at the top of the game asking if they want to add it to their watch list (which could possibly have a few options as people have asked of ways of separating different games on the main menu).

Depends whether it's more annoying to have to remove games from your list when just browsing around or it'd end up being more annoying to constantly have to add games to your watch list.

As for the minus sign -- adding white space to the actual would work but will have issues as it's then a white image that can cause wrap issues.  Actually, as the blank area would be part of the image then it'd also be part of the hyperlink, so more potential for miss-clicking.  It'd also be best if they were all lined up like on the current site.

I'd actually thought about moving it to the user preferences screen.  Add a link on the main menu (under the "main menu" menu section) to manage the games.
DarkLightHitomi
 member, 1573 posts
Tue 25 Jun 2019
at 02:50
Re: RPoL Design Update
On adding vs removing games,

I find removing games from a sticky list is many times better. I can't tell you how often I forget to "subscribe" to a thread before navigating away and then can't find the thread again. Removing from a sticky list doesn't have that problem.

That said, I don't find the issue nearly as big a problem on rpol as on other sites. In fact, rpol is the only site I've been on where I need to remove more than I wanted to add.
jase
 admin, 3627 posts
 Cogito, ergo procuro.
 Carpe stultus!
Tue 25 Jun 2019
at 03:00
Re: RPoL Design Update
I think having to remember to remove is better than having to remember to add.  No real issue if you forget to remove (and it's pretty hard to).  Opposite when you have to add.

Unless others disagree then it's just a case of do we need a removal link on the main menu along with the clutter it brings or can we move it to another page?
nauthiz
 supporter, 605 posts
Tue 25 Jun 2019
at 06:58
Re: RPoL Design Update
I think the functionality as is, is the best way to go.  It's also more intuitive to teach a new user how to remove games, than how to add them.

Also, just to illustrate the concept.  I don't think the button needs to be enlarged significantly.

I think something like this

https://www.dropbox.com/s/xgw8.../minus_wide.gif?dl=0

would be more than sufficient to make it more accessible on a smaller touch interface, like a smartphone, without making it so huge people might accidentally remove a game they don't mean to while just trying to scroll the page.
jase
 admin, 3628 posts
 Cogito, ergo procuro.
 Carpe stultus!
Tue 25 Jun 2019
at 09:18
Re: RPoL Design Update
At a glance having a wide image will fix some stuff but I think it'll end up oddly aligned.  Also as mentioned the whole image would be the hyperlink which will mean blank area will be a clickable area, plus it'll mean wrapping has to compensate for the entire length.

I think we can do the same with image alignment, padding and margin.
Skald
 moderator, 849 posts
 Whatever it is,
 I'm against it
Sat 29 Jun 2019
at 04:38
Re: RPoL Design Update
I'd like to see the functionality moved to the preference screen - its more intuitive to keep all that kinda stuff in the one place.  But definitely automatically add and manually remove.

Looking at the responsive site on a desktop, there's a nice empty third of the screen to the right where that could sit - I'm imagining a scrollable list of games, with a single checkbox next to each - if checked it shows on the main screen, if not checked it doesn't.
jase
 admin, 3629 posts
 Cogito, ergo procuro.
 Carpe stultus!
Sun 30 Jun 2019
at 07:59
Re: RPoL Design Update
It'll still be there under the user preferences but if we can keep it on the main menu then I guess why not.  I've tweaked the plus/minus symbol on the main menu, should flow nicely now.  Image probably still needs to be a little larger, but not much.  I generally have to enlarge the screen to be able to click the minus but I think that's mostly a good thing.

Bunch of other things I've messed with, so much I've generally forgotten.

The one obvious change is I've made the colouring a little less like candy for the header/footer/bars.  Will let that sit for a while and see how it goes.
nauthiz
 subscriber, 606 posts
Sun 30 Jun 2019
at 08:35
Re: RPoL Design Update
The symbol is way easier to actually interact with now on a mobile device.  Still have to zoom in, which I think is a good feature rather than a bug, but it's not right up against the side bezel now, so it's much easier to use it if you need it.
jase
 admin, 3630 posts
 Cogito, ergo procuro.
 Carpe stultus!
Tue 2 Jul 2019
at 13:52
Re: RPoL Design Update
I've increased the max site width by a bit under 10% (1,100 increased to 1,200 pixels).  Seems good for reading threads but a little wide in other areas (this compose screen for one).  As with the new colours I'll see how it sits after a bit more use.

I've also updated the custom theme page so you can now set a width between 1,000 and 2,000 pixels.
jase
 admin, 3631 posts
 Cogito, ergo procuro.
 Carpe stultus!
Wed 3 Jul 2019
at 14:57
Re: RPoL Design Update
Have added "lightboxes" to images in game threads.  That is, if you click on an image it'll popup a full screen version of it (if it's large enough).

Unavoidably requires javascript.  If you don't have it (enabled) then it'll just open up the image instead.

If a single message has multiple images then there'll be next and back icons (> and <) to navigate through them.  Left/right arrow also does the trick.

Also did a tweak to the front GM menu.  Needs to be prettified (is that really a word?!) but should otherwise not be so horrible as it was.

A bit aimless with what I'm fixing/tweaking/making responsive at the moment, feedback is always welcome (and sometimes quite necessary!!).
nauthiz
 subscriber, 607 posts
Wed 3 Jul 2019
at 17:46
Re: RPoL Design Update
Bug Report: I RTJ'd a game.  The GM replied to my RTJ but didn't add me to the game yet.  From the responsive site I have no way of accessing my private messages for that game.

The Game Menu that normally would have the link to PMs has the following options

-Game Menu
-Request Access
-Mark all as Read
-Request Access
-Die Roller
-Game Map
-The Cast

Both of the "Request Access" entries take me to the initial RTJ page where I can create a new RTJ message.

---
On the Character Details page, when you add a portrait to a character, the formatting breaks slightly with the "View and Edit Description" text now overlapping the border line that extends from the character portrait area.

No Portrait
https://www.dropbox.com/s/pc42...NO_Portrait.jpg?dl=0

With Portrait
https://www.dropbox.com/s/67gk..._W_Portrait.jpg?dl=0
jase
 admin, 3632 posts
 Cogito, ergo procuro.
 Carpe stultus!
Thu 4 Jul 2019
at 05:59
Re: RPoL Design Update
Thanks.  PM link should now be there if you've sent a request (and the banner at the top will also go).  I've tried not to change any of the underlying logic but when there's some big changes it can creep in.

Have removed all those multicoloured borders on the character profile screen, that was just for me lining things up.  Screen still needs a bit of tweaking but the red, green and blue should be gone!
nauthiz
 subscriber, 608 posts
Thu 4 Jul 2019
at 10:14
Re: RPoL Design Update
Tested, and looks good on both issues.

However there's still two entries for "Request Access" on the game menu.
jase
 admin, 3633 posts
 Cogito, ergo procuro.
 Carpe stultus!
Thu 4 Jul 2019
at 12:08
Re: RPoL Design Update
Whoops, missed that bit of your message.  Should only have one now (before you RTJ) and none after (replaced with "Contact the GM").

Also removed a bunch of thread management links that were there for everyone, not just GMs.  Didn't work if you clicked on them, but shouldn't have been there to begin with.
seraphmoon
 member, 66 posts
 I've Been Touched By
 His Noodly Appendage
Thu 4 Jul 2019
at 22:15
Re: RPoL Design Update
On the responsive site, “Private Messages” doesn’t show up in the This Game menu on the map, cast, or introduction pages. Using iOS; can screenshot if necessary.

ETA: Also on iOS, the post button says "Post Mesage" :)

ETA2: On the Private Messages screen under Thread Details, entires are listed as "private thread by with X replies." Again, on iOS.

This message was last edited by the user at 22:42, Thu 04 July 2019.

jase
 admin, 3634 posts
 Cogito, ergo procuro.
 Carpe stultus!
Fri 5 Jul 2019
at 03:10
Re: RPoL Design Update
Thank you!  Can you elaborate on when you're not seeing the "Private Messages" links?  I can see a bit of inconsistency between some of the screens (which I'll fix) but I'm seeing the PM link.

Is it for a game you're a GM?  Player?  Lurker?  Have a RTJ submitted or just a plain old visitor?
seraphmoon
 member, 68 posts
 I've Been Touched By
 His Noodly Appendage
Fri 5 Jul 2019
at 21:56
Re: RPoL Design Update
Had to go back and check. :)

On games I'm a player or GM of, it shows up on all screens. On games I'm not a member of, it vanishes. On the old site, it also vanishes in those games but sticks around on the bottom bar. It doesn't seem to matter whether I've got an active RTJ or not, but the one I am RTJ'd to still shows "Request Access" on the Map, Cast, and Intro pages instead of changing to "Contact the GM." Only just noticed that part. :) I'm not a lurker in any games, and there is no difference between desktop and mobile, nor is there a difference between desktop Chrome and Safari.

I know I'm not the most articulate of persons, so if screenshots would help let me know.
jase
 admin, 3635 posts
 Cogito, ergo procuro.
 Carpe stultus!
Sat 6 Jul 2019
at 10:01
Re: RPoL Design Update
I've fiddled with the layout of those menu options.  You should see "Request Access" if you've never sent a PM, "Contact the GM" if you're a lurker and lastly "Private Messages" if you've ever sent a PM (or play in the game, which generally will require you to send at least one PM!).

They all should now be higher up on the list, think they were a bit low before.