This document outlines the steps for designing a mobile app interface, including determining the platform, choosing functionalities, adjusting position and size of elements, creating the screen flow, and testing and fixing issues. It discusses factors like available devices, basic functions, button colors, animation, screen logical links, and using tools like Visio. The process involves working with artists, testing in a team with feedback, and referring to references.

4. What information
do I need to convey
to users?

5. 1/10

9. Image & Text?

10. ORDER
MAIL
SETTING
PRIVATE SHOP
EXPGOLD
DIAMOND
HELP
NEWSBOARD
RANKING

11. ORDER
MAIL
SETTING
PRIVATE SHOP
EXP
GOLD DIAMOND
HELP
NEWSBOARD
RANKING

15. Position

18. Button size ?

22. DETERMINE PLATFORM
CHOOSING FUNCTIONALITIES
ADJUSTING POSITION & SIZE
CREATING SCREEN FLOW
TESTING & FIXING

23. DEVICE iOS (iPhone 4 & prev, iPhone 5 & later,
iPad...)
Android (HD, SD…)
Choose basic device
(960 x 640)

24. FUNCTION Provide information
Allow user to do

27. POSITION
&
SIZE
Work with artists
Rule of button’s color
Uniform (BG, button,…)
Animation

28. Special
Easy
Medium
Difficult

31. SCREEN
FLOW Logical link
Easy to group features
Tool: MS Excel, MS Visio,...

34. TEST
&
FIX
Team +
Feedback
Detail

35. REFERENCES
DETERMINE PLATFORM
CHOOSING FUNCTIONALITIES
ADJUSTING POSITION & SIZE
CREATING SCREEN FLOW
TESTING & FIXING

36. REFERENCES