Author Topic: Redesign of user page  (Read 480 times)

0 Members and 1 Guest are viewing this topic.

Offline michih

  • TM Collaborator
  • Hero Member
  • *****
  • Posts: 2987
  • Last Login:January 24, 2021, 03:29:14 pm
Redesign of user page
« 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:



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 ?

Online Jim

  • TM Collaborator
  • Hero Member
  • *****
  • Posts: 2000
  • Last Login:Today at 08:09:30 am
Re: Redesign of user page
« Reply #1 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.

Online Jim

  • TM Collaborator
  • Hero Member
  • *****
  • Posts: 2000
  • Last Login:Today at 08:09:30 am
Re: Redesign of user page
« Reply #2 on: July 21, 2020, 12:15:35 am »
Check out a version on tmstage.teresco.org.

Offline Spinoza

  • Jr. Member
  • **
  • Posts: 57
  • Last Login:January 20, 2021, 08:51:05 am
Re: Redesign of user page
« Reply #3 on: July 21, 2020, 04:28:17 am »
I think it is nice, especially the scrollable mapview.

Online Jim

  • TM Collaborator
  • Hero Member
  • *****
  • Posts: 2000
  • Last Login:Today at 08:09:30 am
Re: Redesign of user page
« Reply #4 on: July 21, 2020, 08:26:15 am »
Another possibility for "top stats" is to put that table right in this same page.

Offline Markkos1992

  • TM Collaborator
  • Hero Member
  • *****
  • Posts: 1108
  • Last Login:Yesterday at 07:22:20 pm
Re: Redesign of user page
« Reply #5 on: July 21, 2020, 12:26:05 pm »
Check out a version on tmstage.teresco.org.

I am fine with this version at the moment.

Offline michih

  • TM Collaborator
  • Hero Member
  • *****
  • Posts: 2987
  • Last Login:January 24, 2021, 03:29:14 pm
Re: Redesign of user page
« Reply #6 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?

Online Jim

  • TM Collaborator
  • Hero Member
  • *****
  • Posts: 2000
  • Last Login:Today at 08:09:30 am
Re: Redesign of user page
« Reply #7 on: July 21, 2020, 08:42:37 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.