Bài chia sẻ của anh Nguyễn Thái Duy đến từ Zoo Studio tại hội thảo Vietnam Mobile Day 2013 tổ chức tại Hà Nội vào ngày 11/05/2013.

1. Designing Input Form
for
Smartphone Application
NGUYEN THAI DUY
ZooStudio
5/2013

2. Nguyen Thai Duy
Concept Designer, Android developer
@ ZooStudio

3. FORMS

4. Content
Form design matters
What we have to consider
Solutions

5. Form design matters

6. Where ???
Form design matters
Commerce
Buying stuff, selling stuff...
Social Activity
Joining a social network, creating an event...
Productivity
Participating in a survey, adding an expense transaction...

7. Form design matters
Forms stand between
users and our service

8. What we have to consider

9. Design Principles
Minimize the pain
Illuminate a path to completion
Consider the context

10. Context
Home
Saving the world
Waiting
Work

11. Device characteristics
Small screen
Touch input
Personal
Features

12. Solutions

13. Minimize amount of questions
Form organization
Sign up - Tumblr

14. Break form into pages if possible
Form organization
Add transaction - Money Lover

15. Break form into pages if possible
Form organization

16. Phone number
Labels and Inputs
Add contact - Android Stock Contact

17. Password field
Labels and Inputs
Log in - Pocket

18. Password field
Labels and Inputs

19. Password field
Labels and Inputs
Log in - Polar

20. - Gesture
- Camera input
- Voice input
Take advantage of device
capabilities

21. Gesture
Take advantage of device capabilities
To create new way to input

22. Camera input
Take advantage of device capabilities

23. Voice input
Take advantage of device capabilities
Add transaction by voice command- Money Lover

25. One more thing
Interesting in mobile apps?
Keep in touch with us
ZooStudio
contact@moneylover.me
16th Floor, Hoa Binh Building, 106 Hoang Quoc Viet
Str., Ha Noi

26. Thank you

27. Q A&