UI UX 概論
-
Upload
ruby-kuan- -
Category
Internet
-
view
333 -
download
1
Transcript of UI UX 概論
-
UI UX WHATS UI UX?
RUBY KUAN
1
-
Ruby Kuan Digital Director ELLE / / Harpers Bazaar
Linkedin
Proficient in: User Research, User Experience, Persona & Scenarios, Products Development, Project Management, Internet Marketing, Community Marketing,
2004 / > 2007 > 2009 > 2010 > 2012 >2016
14User research 7Headlines
-
UX UI
WHATS UI UX?UI()UX()
-
UI
USER INTERFACE /
-
UX
USER EXPERIENCE /
-
UI
UX
Designtrendsspecification
Platformsandtools
Multi-deviceexperience
Flowandprocess
UserExperienceDesign
Multi-devicedesign
-
UI INTERFACE
-
EXPERIENCEUX
-
UI INTERFACE
https://goo.gl/3cMuUH
https://goo.gl/3cMuUH
-
EXPERIENCEUX
-
UI INTERFACE
-
UX EXPERIENCE
-
UX EXPERIENCE
1956
-
UI UX
-
UX UI
-
via: Jayan Narayanan
-
https://www.youtube.com/watch?v=Q5763pPchvw
-
Navigation bar mail box
Profile thumbnail
Content image/video
Clickable textButton
Tab bar
UI
IS WHAT
-
Why is this page the homepage
Why are we displaying user faces
Why is the content this size/long
Why those name need to be clickable
Why are we allowing to do those
Why 5 tabs
UX
IS WHY
-
ALL ABOUT
PEOPLE
-
UX researcher
UI designer
User Experience Research Usability Expert Analytics
Visual Design* Interaction Design * usefulness, usability, emotional
-Patientdoctor
UX designer
-ChiefPhysician
-Surgeons
Strategy Product Design Information Design
-
UX BEFORE UIUX UI
-
User Experience Research when marketing research is needed, and user
experience research is needed!
-
INVOLVEUX
-
ExperienceDesigner
Information Architecture
User research practices
Visual design
Interaction design
Editing & curatingCopy writing
Design process management
Information design
Agile methods
Analytics
User cases
Domain knowledge
ROI
Business knowledge
Technology
Marketing
Social Networks
Ethnography
Storytelling Sketching
Presenting
Facilitating
Critiquing
*>>
-
User Experience Research Marketing Research Interaction Design
Visual Design Product Design
Usability Expert Anthropology Research
Web Develop Front to End Engineer
UX
-
Visual
Design
Interaction
Design
Product
Design
Usability
Expert
User Experience
Research
UIdesigner
UXdesigner
UX researcher
FEengineer
Visualdesigner
-
Service Blueprint
Consumer Journey Map
Personas
Ecosystem Map
Competitive Audit
Value Proposition
Stakeholders Interviews
Key Performance Indicators
Brainstorming
Moodboards
Storyboards
User Flow
Task Analysis
Taxonomies
Content Audit
Heuristic Analysis
Sitemap
Use Cases and Scenarios
Metrics Analysis
User Interview / Focus Group
Quantitative Survey
Usability Testing
Card Sorting
A/B Test
Eyetracking
Accessibility Analysis
Sketches
Wireframe
METHODS AND TOOLSUX
-
Service Blueprint
Consumer Journey Map
Personas
Ecosystem Map
Competitive Audit
Value Proposition
Stakeholders Interviews
Key Performance Indicators
Brainstorming
Moodboards
Storyboards
User Flow
Task Analysis
Taxonomies
Content Audit
Heuristic Analysis
Sitemap
Use Cases and Scenarios
Metrics Analysis
User Interview Focus Group
Quantitative Survey
Usability Testing
Card Sorting
A/B Test
Eyetracking
Accessibility Analysis
Sketches
Wireframe
METHODS AND TOOLSUX
questionnaire survey
-
Who are the Users? What
are users trying to
do?
What will the
interface look like
How will it be
organized?
What problems are users having
Deployment and Release
Project start
Concept design
Detailed design
Product launch
USER CENTERED
DESIGN
user centered design is a process
-
Who are the Users?
What are users trying
to do?
What will the interface
look like
How will it be
organized?
What problems are users
having
Deployment and
Release
Project start
Concept design
Detailed design
Product launch
Persona / Market Segmentation
Competitive Analysis Contextual Inquiry Stakeholder Interviews Quality Function
Deployment
User Interview Focus Group
-
WhoaretheUsers?
Whatareuserstrying
todo?
What will the interface
look like
How will it be
organized?
What problems are users
having
Deployment and
Release
Project start
Concept design
Detailed design
Product launch
Journey Map Use Cases and Scenarios Task Analysis
User Interview Focus Group
questionnaire survey
-
WhoaretheUsers?
How will it be
organized?
What problems are users
having
Deployment and
Release
Project start
Concept design
Detailed design
Product launch
Sketches Wireframing Prototyping
Lean UX
What are users trying
to do?
What will the
interface look like
-
WhoaretheUsers?
What problems are users
having
Deployment and
Release
Project start
Concept design
Detailed design
Product launch
What are users trying
to do?
How will it be
organized?
What will the interface
look like
Card Sorting Tree Testing First Click Testing Keystroke Level
Modeling Heuristic Evaluations
-
WhoaretheUsers?
Deployment and
Release
Project start
Concept design
Detailed design
Product launch
What are users trying
to do?
What will the interface
look like
How will it be
organized?
What problems are users having
Unmoderated Remote Usability Testing
-
WhoaretheUsers?Project start
Concept design
Detailed design
Product launch
What are users trying
to do?
What will the interface
look like
How will it be
organized?
What problems are users
having
Deployment and Release
Usability Testing Comparative
Benchmark Study
A/B Testing
-
https://www.youtube.com/watch?v=Ovj4hFxko7c
What the #$%@ is UX Design?
via:UX Mastery
-
Do the design behind the visual
UX
-
THANKYOU!!
#LTUX_TP #LTUX facebook.Me:rubykuan418