UX Workshop UX Process at Andela.

1. Howdy!
I am Yego Kevins
Interaction Designer - Andela
@uxpersona

3. Outline
1. Andela UX process
2. Design tools (Sketchapp - Craft - Invisionapp)
3. Collaborative brainstorming (Hands on)

4. 1.
Andela UX process
UX is all about solving for user needs. We talk to users all the time.
This enables us to know what we are solving for.

5. - Survey and Questionnaires
- Interviews
Step 1.
User Research
It’s a process of understanding user needs, wants, and behaviors using
different observation and feedback collection methods.
This is the very first step that any design process will need.

6. Step 2.
Build User Persona (analysis)
Great, so now you got some first data about your users,
what they need and what they expect.
Summarize those users into user personas.
You may get 2, 3 or more personas from what was collected.
But wait, what is a persona?
“Personas are fictional characters created to represent different user types / user goals, needs and interests”

7. Step 3.
Create User Stories/Experience Map
Now is the time to bring in the team.
We had personas, we have user insights. Let’s get the party started.
As a < type of user >, I want < some goal > so that < some reason >.

8. Step 3.
Create User flow
Ask everyone to define the goals for user, based on our
product requirements, write these goals into
separates notes and stick it on your brainstorming board like this:

9. Brainstorming board

10. No! just kidding, this is too much! Here is better:

11. Step 4.
Design. Start creating sketches
Sketching serves as a form of prototyping.
It’s fast, iterative, archival, and very easy to do in any setting.

12. Sketches (pen and paper)
Wireframes
Lo-Fidelity mockups
Hi-Fidelity prototypes
Step 4.
Design.Start creating Wireframes and Interaction Prototypes
Nothing’s better than something that give everyone a first
visual impression about the products.

13. Sketches (pen and paper)
Wireframes
Lo-Fidelity mockups
Hi-Fidelity prototypes
Step 4.
Design.Start creating Wireframes and Interaction Prototypes
Nothing’s better than something that give everyone a first
visual impression about the products.

14. Step 5 .
Feedback loop - align with VP - CIO
Based on user testing, various iterations, it’s time to align with the main
stakeholders. They are the main decision makers whether it’s big enough to
matter.

15. Step 6 .
Metrics Analysis
So finally developers finish the first version of our awesome
application, let’s roll out to users.
Here comes our important part of the job, to validate the design.

16. 2.
Design tools (Sketchapp - Craft - Invisionapp)
These are the tools that we use to prototype,
collaborate, get feedback and test the designs.
Sketch - https://www.sketchapp.com/
Craft - https://www.invisionapp.com/craftI
Invisionapp - https://www.invisionapp.com/

17. 3.
Collaborative brainstorming
(Hands on session)
Andela model to generate design solutions as a team

18. Andela 5 rules for brainstorming
1. Defer judgment
2 Encourage wild ideas
3. Build on the ideas of others
4. Go for Quantity
5. Be visual

19. Why does this model work?
1. Fosters a sense of ownership
2 Firming consensus
3. Uncovering hidden opportunities

20. Hands-on Activity
Objective: Create Andela Developer profile page.

21. Illuminate
5 Min
1
Sketch
8 Min
2
Critique
2 Min
4
Present
2 Min
3
Summarize
5 Min
5
Andela Methodology

22. Illuminate
5 Min
1
Review the problem as a group.
Discuss the personas pain points and the objectives.
Try to find solution for the problem.

23. Sketch
8 Min
2
Individuallly sketch ideas for possible design solution.
Go for quantity

24. Sketch example

25. Present
2 Min
3
Present your ideas to your teammates.

26. Critique
2 Min
4
Provide constructive feedback on your team’s
ideas.

27. Present
2 Min
3
Critique
2 Min
4

28. Sketch
3
Present
3
Critique
4

29. Sketch
8 Min
2
Individuallly sketch ideas for possible design solution.
Go for quantity.

30. Present
2 Min
3
Critique
2 Min
4

31. Summarize
5 Min
5
Stop and decide which design direction to move forward with.

32. Presentations