Share

User flows for UX and key to getting your proposition right. Here is how to justify your decision process.

Formulating best practice was key to a recent product discovery session I participated in – and as the UX-er I was keen to employ familiar design patterns . But which one?

What is best practices for scrolling and navigation on touch interfaces: horizontal vs vertical?

What is best practices for scrolling and navigation on touch interfaces: horizontal vs vertical?

This product strategy was set; i was working in the world of lottery so gameplay, although important, was not the key driver for this new experience. Key focus was on millennials and their aptitude for sharing.

1 – Vertically scroll through the journey

Vertically scroll through the journey

Vertically scroll through the journey

Vertical scrolling through the three main categories of the experience (number selection, chose a good cause and share your winning), and populating them as you go was a pattern was I keen to explore. Vertically scrolling is a very familiar mobile user behaviour and one I advocate. It is simple and intuitive – two of my favourite words in mobile UX.

Things to avoid

  • Avoid large images that take an age to download,
  • Avoid small-text layout that is simple annoyingly difficult to read on the smaller screen
  • Remember user cannot ‘go back ‘ so as a general rule keep scrolling roughly 5-6 scrolls long

2 – Selection tabs as a guide through the experience

Selection tabs as a guide through the experience

Selection tabs as a guide through the experience

Tabs are one of the most used components of mobile UIs. Employing selection tabs for the main categories of the any application is also a justifiable UX design pattern. Introducing a progression bar to act as a guide is clearly effective UX.

Some simple rules for tab UI

  • Tabs are considered to be related to each other where as Navigation Bar are not.
  • The row of tabs should be on top of the view — not on the sides or the bottom. Natural hierarchy of things go from top to bottom and users scan a new screen from top to bottom.
  • Tabs are headers and higher in information hierarchy than content on a screen.
  • Always Have One of the Tabs Pre-selected, this will prevent your user from feeling lost.

Key take aways

Follow the guidelines and your app will look and function great. Generate data feedback and discovery WHAT your users needs and wants are. But, again in true user centric design process, you will always be governed by limitations – with the lack of data until your expereince is released being a key limitation here.

Get in touch

This is but part of a selec­tion of design articles spindlelegs gen­er­ated for the creative community out there. Please con­tact us fur­ther to dis­cuss if your brand really wants to ben­e­fit from this new immer­sive expe­ri­ence here: info@spindlelegs.co.uk

If something has peaked your interest. Please leave a comment below.