This leaves enough room for your finger to easily click the button. ACCESSIBLE AND VISIBLE CONTROLS If the interactive elements are a short distance from each other , the user is allowed a faster transition between them. This helps to reduce any confusion that the user may have about how to get to the different sites of the app and that the processes to follow do not seem complex to the point of stopping using them. Design thinking about communicating at the same time The human brain receives visual information much faster than words, so visual communication is incredibly useful in conveying information. A good visual style will add value and also support the purpose of the content or interactions.
The whole will turn out to be a better user experience overall. THE VERTICAL RHYTHM The architecture of how information is presented on mobile devices is very important; the fact of structuring it vertically and allowing it to be navigated up and down or left and right (changing the screen) is what makes us optimize the space more. Content flows much better and whatsapp list navigation is more intuitive. UX design for mobile: learning to design the visual part of the user experience - music uitableview When everything is distributed vertically, in addition, a rhythm and order is established to which the user gets used to and that orders the information in sections, so that it is much easier to interpret and read. The grid system we talked about earlier will help create a nice vertical rhythm.
These are the ones that specify the heights with the horizontal rules that allow you to establish the sizes of the fonts, boxes and images and ensure that all the elements will be the same and will be in proportion to each other. PLAYING WITH COLORS Color is another very important communication element, with it the rest of the content is complemented and it helps us to give meaning and differentiation to the interactions of the app. To begin with, you have to decide on a tone or style and be consistent with it . An interesting web page that allows us to choose already created color ranges and combinations is Colorlisa or Flat UI Colors , very useful to find inspiration and, in addition, you can copy the color code to be able to copy it directly to your own app development code . Mobile UX Design: Learning to design the visual part of the user experience - Screenshot 2016 05 12 at 10.37.