Vietnam Mobile Day 2013: Designing Input Form for Smartphone Application

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

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

Thank you

Q A&