What does UX means? How to apply it to a mobile app project? UI vs UX Personas Usability test

1. inmediatum.com
UX design
by @drumerch

2. inmediatum.com
EXPERIENCE=
The totality of the cognitions given by
perception; all that is perceived, understood,
and remembered.

3. inmediatum.com
USER EXPERIENCE=
A person’s perceptions and responses that
result from the use of a product, system or
service.
Includes:
Emotions
Beliefs
Preferences
Perceptions
Physical and psychological responses
Behaviors and accomplishments

4. inmediatum.com
DESIGN=
The creation of a plan or convention for the
construction of an object or a system.

5. inmediatum.com
UX vs UI

6. inmediatum.com
BEFORE DURING AFTER
The ask
The audience
The competition
The ecosystem
The content
The information architecture
The interaction design
The usability
The tests
The analytics
THE WORK

7. inmediatum.com
BEFORE DURING AFTER
The ask
The audience
The competition
The ecosystem
The content
The information architecture
The interaction design
The usability
The tests
The analytics
THE WORK

8. inmediatum.com
BEFORE DURING AFTER
The ask
The audience
The competition
The ecosystem
The content
The information architecture
The interaction design
The usability
The tests
The analytics
THE WORK

9. inmediatum.com
BEFORE DURING AFTER
The ask
The audience
The competition
The ecosystem
The content
The information architecture
The interaction design
The usability
The tests
The analytics
THE WORK

10. inmediatum.com
THE ASK
Client needs
What behaviour he’d like from his users
Who he believes his users are
BEFORE

11. inmediatum.com
BRIEF

12. inmediatum.com
THE AUDIENCE
The people who will use the product
What they will use it for?
Under what conditions they will use it?
BEFORE

13. inmediatum.com
PERSONAS

14. inmediatum.com

15. inmediatum.com
THE COMPETITION
Pull out key conventions
Discover key opportunities
BEFORE

16. inmediatum.com
THE ECOSYSTEM
Technical limitations
What have they done?
Alternatives
BEFORE

17. inmediatum.com
THE CONTENT
All information
All sections
Everything the client will need
BEFORE

18. inmediatum.com
THE INFORMATION ARCHITECTURE
Hierarchy
Contextual analysis
Corporate & product strategy
UI roadmap
Card sorting
DURING

19. inmediatum.com
DIAGRAMS

20. inmediatum.com

21. inmediatum.com
THE INTERACTION DESIGN
Flow
Labels & content
Patterns
Hierarchy
Placement
Design error
DURING

22. inmediatum.com
WIREFRAMES

23. inmediatum.com

24. inmediatum.com
THE USABILITY
Tests the system
Cognitive walkthrough
Forms
DURING

25. inmediatum.com
THEFUN
BEGINS

26. inmediatum.com
FOR EVERYONE

27. inmediatum.com

28. inmediatum.com

29. inmediatum.com
THE TESTS
Tests the system
Cognitive walkthrough
Heuristic tests
AFTER

30. inmediatum.com
THE TESTS
For the devs
meta tag
AFTER

31. inmediatum.com

32. inmediatum.com
THE ANALYTICS
Forms
Mouse tracking
Eye tracking
AFTER

33. inmediatum.com
Eye tracking

34. inmediatum.com

35. inmediatum.com
Data
Logic
UI
Magic
UI
Data
Logic
UI
Data
Logic
UI
Your product How users see it
How do you see it How should you see it