Mobile app development lifecycle (Wireframe and prototype (High fidelity…
Mobile app development lifecycle
Process / phases / cycle (Paul Hershey)
Data analysis / market research
Moodboards, storyboard and roadmap
Style guide / design system
UI design / visual representation
concepts, color schemes, fonts, shapes, buttons, font size, images
illustrations, animation, forms
Usability, compatibility, security, interface checks, stress, and performance.
Objectives and goals
Tasks and resources
Selling user data
Traditional paid apps
Wireframe and prototype
'See' and 'feel' the app
Cherry pick elements from variations
High fidelity mockup
Common user-actions and CTA
UX & UI
UX research, wireframing and prototyping == App works
UI design == App looks
Guide user attention
Transport users between navigation contexts
Explain changes in arrangement of elements
Orientation in space
Condition of the system
Who are the target audience?
Which problem do they have? Why?
Current market trends? Market insights?
Available apps ? Competitor audit? Problem space?
Reason to use the app? Pain points? User interviews to validate our hypothesis?
Majority and minority? Segments?
Usability and functionality => basics of quality
Attrativeness and famimilarity => increase likelihood and engangement
Seamless experience / fluid transition / shared element