1

My Current App UI

If my problem is confusing to you, please refer to the image above.This is regarding an app I'm designing for a local railway.In which, you can search for train schedules.The reason I hide most search options is that I needed to trim the UI from clutter and because most people don't use the advanced options as timings.

Other UI/UX critique is also welcome :)

Thank you.

Improve this question

1 Answer 1

Reset to default
4

It is alright to expand certain content, but provide enough information of what is hidden.

Right now the user won't know what the button does/displays until he clicks it.

Take this Material design - expansion panels example. There is certain information displayed when it is collapsed that shows us what is the hidden information about:

enter image description here

enter image description here

Maybe something like this (rough design):

enter image description here

Improve this answer
5
  • I like your example better than Material's one with all those actions in something that should be very straightforward
    – Devin
    Commented Dec 28, 2016 at 18:08
  • What I don't understand from Material's examples is why the panels separate when one is expanded.
    – Alvaro
    Commented Dec 28, 2016 at 19:11
  • Based on other documentation, I think they transform into cards when active. This is a good behavior, because when collapsed, it works fine as an expandable list (or even accordion). But try editing your image and getting all the list items together, and you'll see it gets really confusing, and user may tap on save or open an expandable item. Conceptually, when collapsed, they belong to a group, but once expanded, you go deep one dimension, so the element has an entity of its own. Just guessing, of course
    – Devin
    Commented Dec 28, 2016 at 19:19
  • It makes sense, so it has to do with the Action buttons. Good point! I guess if it is only information displayed there is no need to separate the elements, like in a list.
    – Alvaro
    Commented Dec 28, 2016 at 19:23
  • 1
    Date is also an important field so show it but for timing do as Alvaro shows for date as "today and then angle down " so for time give "Any and angle down".
    – Jasmin Javia
    Commented Dec 29, 2016 at 5:46

Your Answer

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

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