A few things i’ve learned while working on
Throw away your
A touchscreen is not like a usual device.
Don’t rely on your design “habits”.
A touchscreen is
not an iPhone. (or an Android)
All touchscreens are not created equal.
Multi-touch, quick response, modern browser,
device-speciﬁc form elements, predictive keyboard,
sound & visual feedback...
Don’t take it (all) for granted.
but it might not be
a desktop either...
Tablets, handheld devices, kiosks, tables...
The touchscreen landscape is still evolving.
Imagine the use cases
What kind of hardware? Which OS? Screen size?
Will the app mostly be used seated, standing,
running, on the loo...?
Will the screen always be lighted correctly?
Do i know the type of users?
Dumb it down.
Don’t forget accessibility basics.
Remove any unnecessary or distracting elements.
Use clear call-to-actions.
Use large inputs.
& consistent icons
With no tooltips available, you should not confuse
Use common conventions, pay attention to detail.
Use even more
Prevent accidental triggers by design.
Provide the user with
Did this button register my tap?
Is the page loading?
Have i selected the right input?
Why does this look like a christmas tree?
Use feedback for actions
& use inline validation wisely.
You might have to
make some trade-offs
Ex: What happens when CSS3 is not supported?
Think about your lowest common denominator.
Your app should be usable by everyone. Just make
it even better for those with the right technology.
when they apply.
but don’t hesitate to throw them away when they’re
not relevant or mess with your users.