[Archive] UI for Student Home Page (Checklists)

[philipmjohnson]

I have been working this week on revisions to the UI for the student home page. I have done some extensive refactoring, which enabled me to easily "swap out" the original UI (one column, based on segments) for a new UI (multiple columns, based on Semantic UI Cards). Currently, both UIs are in different branches, and we can select which one we want simply by choosing the one we want to merge into master.

Here are the candidates:

The one column UI

You can run this UI by checking out branch issue-417-1. Here are some screen shots that together show the entire home page for [email protected]:

There are two issues that I see with this UI (although it's pretty attractive):

• I had to scroll four times on a large screen monitor in order to show the entire page.
• The fonts are big: text is 17 point, and titles are 28 point. It is jarring to go from this page to any of the others, which have more "normal" sized fonts.
• There is little adaptability to different screen sizes.

The multi-column UI

You can run this UI by checking out branch issue-417-2. The home page only requires two screen shots:

The differences with this UI are:

• Much less scrolling, because up to three checklist items can appear in a row.
• Font sizes are "normal" or at least consistent with other pages.

What do you think?

Please discuss.

I think that if we go with the one column UI, then we need to rethink the sizes of fonts for our other pages. We need to be consistent.