Designing Input Form for Smartphone Application NGUYEN THAI DUY ZooStudio 5/2013
Jul 02, 2015
Designing Input Form for
Smartphone Application
NGUYEN THAI DUYZooStudio
5/2013
Nguyen Thai DuyConcept Designer, Android developer
@ ZooStudio
FORMS
Content
Form design matters
What we have to consider
Solutions
Form design matters
Where ???
Form design matters
CommerceBuying stuff, selling stuff...
Social ActivityJoining a social network, creating an event...
ProductivityParticipating in a survey, adding an expense transaction...
Form design matters
Forms stand between
users and our service
What we have to consider
Design Principles
Minimize the pain
Illuminate a path to completion
Consider the context
Context
Home
Saving the world
Waiting
Work
Device characteristics
Small screen
Touch input
Personal
Features
Solutions
Minimize amount of questions
Form organization
Sign up - Tumblr
Break form into pages if possible
Form organization
Add transaction - Money Lover
Break form into pages if possible
Form organization
Phone number
Labels and Inputs
Add contact - Android Stock Contact
Password field
Labels and Inputs
Log in - Pocket
Password field
Labels and Inputs
Password field
Labels and Inputs
Log in - Polar
- Gesture
- Camera input
- Voice input
Take advantage of device
capabilities
Gesture
Take advantage of device capabilities
To create new way to input
Camera input
Take advantage of device capabilities
Voice input
Take advantage of device capabilities
Add transaction by voice command- Money Lover
One more thing
Interesting in mobile apps?
Keep in touch with us
[email protected] Floor, Hoa Binh Building, 106 Hoang Quoc Viet Str., Ha Noi
Thank you
Q A&