The common 10 steps to design an app from the beginning process till the delivery process to the developer. These UI/UX steps is what my team and I do when designing an application.

1. UI/UX Steps
on Application Design
Afif Bimantara
www.aveef.net

2. I’m Aveef
I’m a UI/UX Designer who
currently help some startups to
bring their app into reality.
Trace my timeline:
@aveef

3. Ideation
1.

4. Clear Understandable Problem
Never Hesitate to Ask Stakeholder
Note All Important Points

5. The “X-for-Y”
Gojek, Airbnb, Tinder
Instagram, Strava, Sing! by Smule
The “Wouldn’t it be cool if
we had …”
Traveloka, Bukalapak, Banking App
The “Significant Improvement”
IDEAS
CATEGORY
https://www.apptentive.com/blog/2015/06/10/ideation-create-an-app-by-wondering-why-things-dont-work-as-they-should/

6. Persona
2.

7. A persona is a representation of a type
of customer. Personas answer the
question, “Who are we designing
for?” and they help to align strategy
and goals to specific user groups
https://uxmastery.com/create-ux-personas/

8. SampleofPersona

9. User/Customer
Journey
3.

10. A user journey is a series of steps
(typically 4-12) which represent a
scenario in which a user might interact
with the thing you are designing.
https://uxmastery.com/how-to-create-a-customer-journey-map/
https://theuxreview.co.uk/user-journeys-beginners-guide/
https://medium.com/@harrybr/how-to-run-an-empathy-user-journey-mapping-workshop-813f3737067

12. Flow Chart &
User Flow
4.

13. Flow Chart
https://hackernoon.com/ux-design-on-an-agile-team-incremental-user-flows-b9f551a9f096
https://uxplanet.org/ux-glossary-task-flows-user-flows-flowcharts-and-some-new-ish-stuff-2321044d837d

14. User
Flow

15. Wireframe
5.

16. Wireframe
https://theuxreview.co.uk/wireframes-beginners-guide/

17. Not Detail
Represent Ideas
Should be Quick

18. Lo-Fidelity
6.

19. https://medium.com/design-ibm/the-design-fidelity-conundrum-63769bbc3e40

21. Hi-Fidelity
7.

22. https://www.uxpin.com/studio/blog/wireframe-mockup-lofi-hifi-nomenclature/

23. https://medium.com/design-ibm/the-design-fidelity-conundrum-63769bbc3e40

24. Prototype
8.

27. Prototype Tools

28. Usability Testing
9.

29. Usability testing is the practice of
testing how easy a design is to use on
a group of representative users.
https://www.interaction-design.org/literature/topics/usability-testing
https://uxmastery.com/beginners-guide-to-usability-testing/

30. Tester
Moderator
Prototype

32. Hand Over
10.

34. Hand Over Tools

35. Think, act, evaluate, iterate
@aveef