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

completionConsider the context

Context

Home

Saving the world

Waiting

Work

Device characteristics

Small screen

Touch

inputPersonal

Features

Solutions

Minimize amount of questionsForm 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 numberLabels and Inputs

Add contact - Android Stock Contact

Nope !

Seems legit !

Password fieldLabels and Inputs

Log in - Pocket

Password fieldLabels and Inputs

Password fieldLabels and Inputs

Log in - Polar

- Gesture

- Camera input

- Voice input

Take advantage of device capabilities

GestureTake advantage of device capabilities

To create new way to input

Camera inputTake advantage of device capabilities

Voice inputTake advantage of device capabilities

Add transaction by voice command- Money Lover

One more thing

Interesting in mobile apps?

Keep in touch with us

ZooStudiocontact@moneylover.me16th Floor, Hoa Binh Building, 106 Hoang Quoc Viet Str., Ha Noi

Thank you

Q A&