3

The problem: We have 2 screens in our app where the scrolling chronological is reversed (one page scroll in ascending chronological order and the other descending). From a UX point of view, this seems problematic and inconsistent UI behavior.

Page 1: Is like a scrolling calendar list where the current day is at the top of the list and the user scrolls down (past/present -> future) to view upcoming calendar items. This makes good sense because the users will start from the day they are on and rarely have the need to look at previous days in their calendar.

Page 2: Is more like a notice board where the user views notes from others. It is most important for them to see the upcoming and current note items first and then scroll to see previous notes (newest -> oldest).

As you can see the chronological order of the scrolling direction is reversed between each page.

Will this be a big problem for the users? How might I go about reducing any possible confusion?

1 Answer 1

3

When in doubt, I find that thinking about how a feature would work in the physical world is a good clue to how the digital feature should work.

In the calendar on page 1, it makes sense that the items in the future are below the current items, as this is how every calendar is designed. Both digital and paper calendars move left to right (in western cultures), top to bottom, first page to last page, as they progress forward in the timeline.

In the notice board, users will want to see the most relevant items at the top, and those are going to be the newest ones. As new messages come in they "push" the older messages down, in the same way that new messages on a physical noticeboard would be pinned on top of the older messages, and you have to move them out of the way to see the older ones.

Given the above I think your ordering is fine as it is, however you could use little visual hints to underscore the differences. For example, page 1 could be formatted in a more calendar like manner, and on the notice board you could put a border around each notice that is reminiscent of a real life post-it note.

4
  • If you're saying that it's fine to have these two pages ordered in opposite directions, then I agree with you.
    – KlaymenDK
    Sep 17, 2018 at 13:23
  • Thanks for the input @Franchesa. I think the problem is exaggerated by the fact we have a very similar design to both pages- one page might be mistaken for the other because the labeling and components are very similar (to save development time). So I think we can will avoid it by keeping the 2 designs a little different. Sep 17, 2018 at 13:25
  • @RobE Perhaps giving the calendar page some visual hints associated with a calendar will help under score the difference.
    – Franchesca
    Sep 17, 2018 at 13:47
  • @KlaymenDK I was, I'll edit to make that clearer. Thanks!
    – Franchesca
    Sep 17, 2018 at 13:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.