Travel Mapping

Web Design Discussion => General Web Design Discussion => Topic started by: michih on July 19, 2020, 01:46:33 pm

Title: Redesign of user page
Post by: michih on July 19, 2020, 01:46:33 pm

What do you think about the user page https://travelmapping.net/user/ ?

--------------------------------------------
From https://github.com/TravelMapping/Web/issues/530

Actual design:

(https://user-images.githubusercontent.com/16516970/87868721-587d3000-c999-11ea-85e2-27dc34f3aafe.png)

I think that the size of the new text about scrollable maps and top stats should be aligned with the link to the log file
Wording should also be aligned (once "stats" once "statistics"). And, do we still need "new"? Should the links be here or is there a better place for it?

Suggestions:

• Move the "mapview" link from user page to the header between "Traveler Stats" and "Highway Browser".
• Use same font size for "top stats" as used for "log files"
• Move the (user) "top stats" link under "Overall stats" and use the smaller font size
• Link to https://travelmapping.net/shields/clinched.php should be visible under "Overall stats" (currently "hidden" link on 3rd and 4th line of table)
• Leave the "log file" where it is or move it to "Overall stats" to have all links there?
• Use "stats" only, not "statistics"

--------------------------------------------

H o w    s h o u l d    t h e    u s e r    p a g e    b e    d e s i g n e d ?

Title: Re: Redesign of user page
Post by: Jim on July 19, 2020, 07:56:02 pm

Hoping to get feedback from many of you about this.  It's easy enough to experiment with some redesign ideas.

Title: Re: Redesign of user page
Post by: Jim on July 21, 2020, 12:15:35 am

Check out a version on tmstage.teresco.org.

Title: Re: Redesign of user page
Post by: Spinoza on July 21, 2020, 04:28:17 am

I think it is nice, especially the scrollable mapview.

Title: Re: Redesign of user page
Post by: Jim on July 21, 2020, 08:26:15 am

Another possibility for "top stats" is to put that table right in this same page.

Title: Re: Redesign of user page
Post by: Markkos1992 on July 21, 2020, 12:26:05 pm

Quote from: Jim on July 21, 2020, 12:15:35 am

Check out a version on tmstage.teresco.org.

I am fine with this version at the moment.

Title: Re: Redesign of user page
Post by: michih on July 21, 2020, 03:58:38 pm

I like the additional info "User michih has travels in 86 regions." or "User michih has travels in 150 highway systems." I'd like to have more like this, e.g. "has clinched x regions / highway systems" etc.

It looks odd that the "user links" paragraph is left-aligned while everything else is centered. I have no good idea how to solve it though. A centered table with one column and left-aligned text?

Title: Re: Redesign of user page
Post by: Jim on July 21, 2020, 08:42:37 pm

Quote from: michih on July 21, 2020, 03:58:38 pm

I like the additional info "User michih has travels in 86 regions." or "User michih has travels in 150 highway systems." I'd like to have more like this, e.g. "has clinched x regions / highway systems" etc.

I didn't bother with clinched counts since it's pretty unusual for our users to clinch any but the smallest regions and highway systems.

Quote

It looks odd that the "user links" paragraph is left-aligned while everything else is centered. I have no good idea how to solve it though. A centered table with one column and left-aligned text?

To start, I just used the same CSS for the text that we use throughout the site.  I worry that doing too much to try to get this somehow centered (which I don't want to do outright) will not behave nicely on a variety of screen sizes.