ux in the netherlands
TRANSCRIPT
Kai-Ting Huang (⿈黃楷婷)
BBA in Business Administration National Taiwan University @ Taipei
2006 - 2011
MSc in Design for Interaction Delft University of Technology @ Delft
2011 - 2013
Interaction Designer Sharewire @ The Hague
2013 - 2015
20+ app/web projects
The Hague International Zone Initiated by Museon “Smart city” Residents & tourists
The Hague Peace App
~ ~
~ ~
IdeationDiscussion
Creative sessionIterations
Iterations
Iterations
Client’sparticipation
Client’sapproval
Client’sapproval
Client’sapproval
Client’sapproval
Iterations
Client’sapproval
1Team
briefing
2Persona’s &user stories
3Flowchart
4Flow &
Wireframe
8Slicing
5Prototyping
7Visauldesign
6Usability
test
STRATEGICPHASE
DEVELOPMENTPHASE
14
Main goal Theme: Peace & Justice Brand identity Client’s Expectation Project planning (Waterfall or Agile)
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
René is project manager (BSc) working in an engineering organization in Delft. 36 years old. Married and has two children: Ben 10 and Fenna 8 years old. They live in Pijnacker, 15 minutes from Delft. Rene like, skiing does to running and playing on Friday like a game of darts with his friends in the pub………
Persona Who’s the target audience? ( lifestyle / Behavior ) 1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
User story Must have / Should have / Nice to have1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
AS I WANT BENEFIT SOLUTION
Rene, Jannie Up to date info about IZ
Stayed informed about the latest info
News about IZ
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
Sketchy screens
Clickable wireframes
Detailed animation
Generate concepts
Evaluate interactive flow
Demo
The goal of prototyping
HIGH-FIMID-FILOW-FI
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
21
http://framerjs.com/
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
SKIP
1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
V1
V2
Exploring
Final version1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
Logo1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
Icons1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
Slicing (iOS & Android)1. Team briefing
2. Persona &
User story
3. Flowchart
4. Wireframe
5. Prototype
6. Usability test
7. Visual design
8. Slicing
UX White Paper – Bringing clarity to the concept of user experience: http://www.allaboutux.org/files/UX-WhitePaper.pdf
Kai-Ting Huang (⿈黃楷婷) Freelance App/Web design
http://kaitinghuang.com/
Q & A