Simple Dropdown UI Element

Shot_1

6 Responses

  1. Pro Ricardo Vazquez Ricardo Vazquez

    Simple Dropdown UI Element for a mock reading web app.

    10 months ago

  2. Bart Boudewijns Bart Boudewijns

    Why you don't use a - (minus) instead of the x?

    10 months ago

  3. Pro Ricardo Vazquez Ricardo Vazquez

    @Bart Boudewijns Very good point! The icon is meant to rotate when the user clicks on it. But now I'm thinking it might be confusing on a usability perspective.

    10 months ago

  4. Bart Boudewijns Bart Boudewijns

    I only use X to close things that will disapear like modals or popups...

    likes

    10 months ago

  5. Pro Ricardo Vazquez Ricardo Vazquez

    Thanks so much for the feedback Bart, I will modify the art board to include a minus sign instead of the X.

    10 months ago

  6. Erik von Stackelberg Erik von Stackelberg

    Nice work Ricardo—I'd think that it might add a bit of visual interest and improve legibility if the dropdown selector row was a different colour than the dropdown itself. Also, how do you foresee the border working? Would it resize with an expansion animation when the dropdown is selected?

    10 months ago

keyboard shortcuts: previous shot next shot L or F like