Please enable JavaScript.
Coggle requires JavaScript to display documents.
Mobile app development lifecycle (Wireframe and prototype (High fidelity…
Mobile app development lifecycle
Process / phases / cycle (Paul Hershey)
1. Preplanning
Data analysis / market research
User stories
User flows
Scoping
2. Exploration
Sketching
Wireframes
IA
Prototypes
Moodboards, storyboard and roadmap
3. Design
Style guide / design system
Mockups
Hand off
UI design / visual representation
concepts, color schemes, fonts, shapes, buttons, font size, images
illustrations, animation, forms
4. QA
Speed test
Finanlize design
Micro details
5. Feedback
KPI testing
A/B testing
Usability, compatibility, security, interface checks, stress, and performance.
Scope
Objectives and goals
Tasks and resources
Bugdet
Schedule
Monetization
In-app purchases
Subscription
Premium features
Ad-revenue
Selling user data
Traditional paid apps
Wireframe and prototype
Low-fidelity prototype
'See' and 'feel' the app
Multiple versions
Cherry pick elements from variations
Iterativ process
High fidelity mockup
Interactive
Navigational
Scrollable
Gestures
Common user-actions and CTA
UX & UI
UX research, wireframing and prototyping == App works
UI design == App looks
Animation
Purpose
Guide user attention
Transport users between navigation contexts
Explain changes in arrangement of elements
Reinforce hierarchy
Types
Visual feedback
Functional change
Element hierarchy
Orientation in space
Condition of the system
Visual prompt
Fun animations
Questions
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?
Design
Usability and functionality => basics of quality
Attrativeness and famimilarity => increase likelihood and engangement
Intuitive
Seamless experience / fluid transition / shared element
Robustness