Show DN: Vice Versa - diagonal UI optimized for single-handed IX(bit.ly)

over 5 years ago from Michael Oh, Interaction Designer

  • Sacha GreifSacha Greif, over 5 years ago

    I think this is a great insight, but the end result could probably be improved.

    The main problem I see is that the top triangular zone ends up being very thin at the bottom, which is where the thumb can easily reach it,

    To solve this, I would lower the angle of the diagonal. After all there's no reason why it necessarily needs to go from corner to corner.

    0 points
    • Raphael LoderRaphael Loder, over 5 years ago

      He has this implemented on the Kindle screen – I like that one better myself as well.

      0 points
      • Michael OhMichael Oh, over 5 years ago (edited over 5 years ago )

        You stole my words right out of my mouth sir. I did take that approach on Kindle screen. The core idea of Vice Versa is about dividing the screen diagonally and using the entire screen as a UI element (button) rather than rectangular zones. not necessarily dividing from corner to corner. Thanks for catching that Raphael L :D

        1 point
    • Michael OhMichael Oh, over 5 years ago (edited over 5 years ago )

      You very well could be right. As Raphael replied, I did think of lowering the angle of the diagonal and adapted that to Kindle UI. However, I thought this might actually confuse the users more when they see the diagonal division since this UI is esoteric enough already and visually, off centered diagonals are 1. ugly 2. uncomfortable to look at. I thought clear diagonal division would actually help the users to understand the form better rather than slightly off put ones. But I hear you though and since this never really was user tested, nobody will have answer to that question yet :( Great point though, my design always has room for improvement. Thanks for voicing out, really appreciate your feedback!

      1 point