Designing for a touch experience

22
Designing for a touch experience

description

Designing mobile applications requires usability. The most important usability tips & tricks can be found in this interactive presentation. Be sure to check out the other presentations we gave at our LBi Client Afternoon.

Transcript of Designing for a touch experience

Page 1: Designing for a touch experience

Designing for a touch experience

Page 2: Designing for a touch experience
Page 3: Designing for a touch experience

Navigation should always be accessible, it is better to provide more than one way to see the navigation?

Page 4: Designing for a touch experience
Page 5: Designing for a touch experience

A breadcrumb is better for usability?

Homepage > this is a breadcumb > this is another breadcumb >

Page 6: Designing for a touch experience
Page 7: Designing for a touch experience

Find the two usability issues on the next screen

Page 8: Designing for a touch experience

Find the two usability issues

Page 9: Designing for a touch experience

It is better to use images?

Page 10: Designing for a touch experience
Page 11: Designing for a touch experience

Can we further optimize this page?

Page 12: Designing for a touch experience

YES we canoptimize this page

Page 13: Designing for a touch experience

How can we optimize this page?

Page 14: Designing for a touch experience

How can we optimize this page?

Page 15: Designing for a touch experience

A search is a must, there should always be a search

Page 16: Designing for a touch experience
Page 17: Designing for a touch experience

This navigation will do?

Page 18: Designing for a touch experience

The labels on this page are cristal clear?

Page 19: Designing for a touch experience
Page 20: Designing for a touch experience

• Use consistent and clear navigation

• Breadcrumb is usefull for deep navigation structures

• Login screen: identify clearly on what services a user is logged in on

• Only use images when there’s an added value

• Video: print title, short description and duration

• Use the possibilities of mobile – address & phone numbers should be clickable

• In the navigation foresee clear and descriptive terminology

• TEST TEST TEST is the new ‘think before you speak’

Page 21: Designing for a touch experience

21