This document provides an introduction to user experience (UX) wireframing and prototyping. It defines UX as "the design of anything independent of medium, or across media, with human experience as an explicit outcome and human engagement as an explicit goal." The document discusses that UX comes from psychology and aims to identify real-world problems and solve them through design. It then explains the various stages of UX design from field research and wireframing to prototyping at different levels of fidelity up to a visual design. Principles of usability are also covered. An example prototype is provided and common tools used are listed.

1. A warm welcome
to you all

2. Wifreframing and
Prototyping
-Thiyagu Vairam

3. The topic has
Intro to UX Wireframing Prototyping

4. What is User
Experience?
“Experience design is the design
of anything independent of
medium, or across media, with
human experience as an explicit
outcome and human
engagement as an explicit goal.”
-Jesse James Garret

5. Where does UX
comes from?
It comes from psychology
Thinking Feeling Instinct

6. Goal of UX
User Experience is
concerned with
identifyng a real-world
‘problem’ and using
design to attempt
to solve it

7. What UX Actually is
Field Research
Fact to Face interviewing
Brainstorm coordination
Gathering, organizing and presenting statistics
Graphic Arts
Interaction Dsign
Usabilty
Prototyping
Usabilty
Interface Design
Visual Design
What People think is
Interface Design
Visual Deign

8. Wireframing
Paper
Sketch
Ideas are cheap, Building thing is Expensive
Every idea needs user
interface translation
Sketching helps you
brainstorm ideas
Sketch can be basic
but still communicate
wonderfulluy

9. Up the
Fidelity
Grayscale or Mono-
chrome
Good to test usability
More Tangible
Good to test interactions

10. Up Up the
Fidelity
This is where you get the visual
design and branding in
Great to Communicate
with stakeholders
Good to get design feedback
Look and feel

11. Prototyping
Why is prototyping?
“If a picture is worth 1,000 words,
A prototype is worth 1,000 meetings.”
-Tom & David Kelly IDEO

12. Principles of Usabiltity
Learnability - How easy is it for users to accomplish basic task for
the first time?
Efficency - Once users have learned the design, how quickly can
they perform tasks?
Memorability - When users return to the design after a period of
not using it, how easily can they reestablish proficiency?
Error Management - How many errors do user make, how severe
are these errors, and how easily can they recover from errors?
Satisfaction - How pleasant is it to use the design?

13. Example
Lets see Yahoo Redesign App for the prototype example
Invision Link

14. Tools Used
Wireframe
UI Design
Prototype

15. Thank you...