UI | UX By & For Dev : User Focus

UI | UX By & For Dev : User Focus

As a developer, if I need to pick a concept which I find most important in deciding the placement of information, then it is the user focus areas on screen. You want your users to find more important information swiftly so you keep those elements in the areas of the screen which get more focus and keep less important elements in areas which are less intrusive during user scanning the page. Have a look at following imaginary compartmentalization of screen areas:

Sufrace Pro 3 Screen Elements Placement UX UI

Green dots represent user focus. So, 1,2 and 5 are the areas which are going to get most focus of user. Then come 3, 6, and 9. And the least focus grabbing areas are 4, 7 and 8. The arrows show the shifting of user gaze while they are scanning your app’s page. This shifting of gaze is closely related to the focus areas. User’s focus shifts in this sequence (not very strictly but generally)
1 > 2 > 5 > 3 > 6 > 9 > 4 > 8 > 7.

This can be a great guide to plan control/element placement in your app.

Microsoft Visual Layout Guide

Advertisements

Released: My Dingbat Font Under OPEN FONT LICENSE

Thanks for participating in the poll and supporting my decision to distribute the font designed and created by me as open source. Now, I have published my font under OPEN FONT LICENSE as PilcrowIcons. Originally the font was created for my app:

PilcrowIcons

If you are interested in the app you can download it here – Avirall Time Suite.

These symbols and icons are available in PilcrowIcons for now.

PilcrowIcons

PilcrowIcons.ttf by Sanjay Sharma

 

Follow me on Twitter here – @SanjayAtPilcrow, and RT to support this move!

You can download the font at OPEN FONT LIBRARY.

Thanks again!