SlideShare une entreprise Scribd logo
1  sur  9
Télécharger pour lire hors ligne
User Experience Roles
Architecture as User Center Design




Version 01
Published January 07, 2011
Created by Ryan Winzenburg
User Experience Roles                                                                     2 of 9
       Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com)




UX Objective
User Experience Roles                                                                                                       3 of 9
        Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com)




Architectural Design Roles




 Architect              Move Planner &                                                             Interior   Drywaller &   Plumber &
                        Closet Organizer                                                          Designer    Brick Layer   Electrician
User Experience Roles                                                                                                       4 of 9
        Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com)




UX Similarity




 Architect              Move Planner &                                                             Interior   Drywaller &   Plumber &
                        Closet Organizer                                                          Designer    Brick Layer   Electrician




Interaction                      Information                                           User Interface         Front End     Back End
 Designer                          Architect                                             Designer             Developer     Developer
User Experience Roles                                                                                                                   5 of 9
                 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com)




UX Roles




Interaction                               Information                                           User Interface            Front End        Back End
 Designer                                   Architect                                             Designer                Developer        Developer
• Interviewing                            • Content Inventory                                       • Design Principles   • HTML           • HTML
• Wireframe                               • Card Sorting                                            • Usability           • CSS            • .NET/Java
• Prototypes                              • Labeling                                                • Typography          • jQuery         • SQL/Database
• Work Flow (Usability)                   • Navigation                                              • HTML/CSS            • JavaScript     • Server
• Excel                                   • Thesauri                                                • Photoshop           • Flash/Flex
• Silverback, Captcha                     • Search                                                  • Illustrator         • ActionScript
• Omnigraffel, Visio                      • Controlled Vocabulary                                   • Fireworks
• InDesign, Balsamiq                      • Excel                                                   • jQuery
• Fireworks, HTML                         • Optimal Sort
User Experience Roles                                                                                                                            6 of 9
                 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com)




UX Denver

          User Experience Designer                                                                                  Interactive Designer




Interaction                               Information                                           User Interface                    Front End         Back End
 Designer                                   Architect                                             Designer                        Developer         Developer
• Interviewing                            • Content Inventory                                       • Design Principles            • HTML           • HTML
• Wireframe                               • Card Sorting                                            • Usability                    • CSS            • .NET/Java
• Prototypes                              • Labeling                                                • Typography                   • jQuery         • SQL/Database
• Work Flow (Usability)                   • Navigation                                              • HTML/CSS                     • JavaScript     • Server
• Excel                                   • Thesauri                                                • Photoshop                    • Flash/Flex
• Silverback, Captcha                     • Search                                                  • Illustrator                  • ActionScript
• Omnigraffel, Visio                      • Controlled Vocabulary                                   • Fireworks
• InDesign, Balsamiq                      • Excel                                                   • jQuery
• Fireworks, HTML                         • Optimal Sort
User Experience Roles                                                                                  7 of 9
                 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com)




Implementation Centered Design

                                                                      Interactive Designer




Back End                               User Interface                                                 Front End
Developer                                Designer                                                     Developer
• HTML                                      • Design Principles                                        • HTML
• .NET/Java                                 • Usability                                                • CSS
• SQL/Database                              • Typography                                               • jQuery
• Server                                    • HTML/CSS                                                 • JavaScript
                                            • Photoshop                                                • Flash/Flex
                                            • Illustrator                                              • ActionScript
                                            • Fireworks
                                            • jQuery
User Experience Roles                                                                                 8 of 9
                 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com)




Design Centered Design

                 Interactive Designer




User Interface                                   Front End                                            Back End
  Designer                                       Developer                                            Developer
 • Design Principles                              • HTML                                              • HTML
 • Usability                                      • CSS                                               • .NET/Java
 • Typography                                     • jQuery                                            • SQL/Database
 • HTML/CSS                                       • JavaScript                                        • Server
 • Photoshop                                      • Flash/Flex
 • Illustrator                                    • ActionScript
 • Fireworks
 • jQuery
User Experience Roles                                                                                                       9 of 9
                 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com)




UX Denver




Interaction                               Information                                           User Interface             Front End   Back End
 Designer                                   Architect                                             Designer                 Developer   Developer
• A List Apart                                • Rosenfeld Media                                     • Smashing Magazine
• UX Booth                                    • I.A. Podcast                                        • I.A. Podcast
• UX Matters                                                                                        • Design Was Here
• Adaptive Path                                                                                     • CSS Cream
• UIE Brain Sparks                                                                                  • Communication Arts
• UXpod                                                                                             • Web Designer Depot
                                                                                                    • CSS Tricks
                                                                                                    • Hongkiat

Contenu connexe

Tendances

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)Emerentiana Meicy
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
TechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX PresentationTechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX PresentationEvan Purnama
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
 
Enterprise UX - The "Next" Last Frontier
Enterprise UX - The "Next" Last FrontierEnterprise UX - The "Next" Last Frontier
Enterprise UX - The "Next" Last FrontierPatrick Neeman
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeMadhuri Garg
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
UX Portfolios: How to tell your story
UX Portfolios: How to tell your storyUX Portfolios: How to tell your story
UX Portfolios: How to tell your storyPatrick Neeman
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
Práticas e Processos de UX
Práticas e Processos de UXPráticas e Processos de UX
Práticas e Processos de UXBruno Polidoro
 

Tendances (20)

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
TechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX PresentationTechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX Presentation
 
Lean UX
Lean UXLean UX
Lean UX
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
What is UX?
What is UX?What is UX?
What is UX?
 
Enterprise UX - The "Next" Last Frontier
Enterprise UX - The "Next" Last FrontierEnterprise UX - The "Next" Last Frontier
Enterprise UX - The "Next" Last Frontier
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UX Portfolios: How to tell your story
UX Portfolios: How to tell your storyUX Portfolios: How to tell your story
UX Portfolios: How to tell your story
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
Design process
Design processDesign process
Design process
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
Práticas e Processos de UX
Práticas e Processos de UXPráticas e Processos de UX
Práticas e Processos de UX
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 

Similaire à UX Roles and Job Titles

Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...Holger Bartel
 
Who feeds an experience?
Who feeds an experience?Who feeds an experience?
Who feeds an experience?Jeremy Johnson
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experienceNick Finck
 
HTML 5 Development for Windows Phone and Desktop
HTML 5 Development for Windows Phone and DesktopHTML 5 Development for Windows Phone and Desktop
HTML 5 Development for Windows Phone and DesktopDoris Chen
 
A guide to hiring a great developer to build your first app (redacted version)
A guide to hiring a great developer to build your first app (redacted version)A guide to hiring a great developer to build your first app (redacted version)
A guide to hiring a great developer to build your first app (redacted version)Oursky
 
Design Responsibly
Design ResponsiblyDesign Responsibly
Design ResponsiblyJacob Surber
 
Cinematic Interactives with Animate CC
Cinematic Interactives with Animate CCCinematic Interactives with Animate CC
Cinematic Interactives with Animate CCJoseph Labrecque
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011Robert Stribley
 
Prototyping for responsive web design
Prototyping for responsive web design Prototyping for responsive web design
Prototyping for responsive web design mrscammels
 
Usability behaviors: Usability and the SDLC
Usability behaviors: Usability and the SDLCUsability behaviors: Usability and the SDLC
Usability behaviors: Usability and the SDLCTed Tschopp
 
Is the Browser a Transitional Technology?
Is the Browser a Transitional Technology?Is the Browser a Transitional Technology?
Is the Browser a Transitional Technology?Allen Wirfs-Brock
 
DelveNYC: Flash Catalyst
DelveNYC: Flash CatalystDelveNYC: Flash Catalyst
DelveNYC: Flash CatalystRyan Stewart
 
Android application development
Android application developmentAndroid application development
Android application developmentLinh Vi Tường
 

Similaire à UX Roles and Job Titles (20)

Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
 
Who feeds an experience?
Who feeds an experience?Who feeds an experience?
Who feeds an experience?
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experience
 
Angular JS - UI Development Online Training
Angular JS - UI Development Online TrainingAngular JS - UI Development Online Training
Angular JS - UI Development Online Training
 
Resume
ResumeResume
Resume
 
HTML 5 Development for Windows Phone and Desktop
HTML 5 Development for Windows Phone and DesktopHTML 5 Development for Windows Phone and Desktop
HTML 5 Development for Windows Phone and Desktop
 
A guide to hiring a great developer to build your first app (redacted version)
A guide to hiring a great developer to build your first app (redacted version)A guide to hiring a great developer to build your first app (redacted version)
A guide to hiring a great developer to build your first app (redacted version)
 
Design Responsibly
Design ResponsiblyDesign Responsibly
Design Responsibly
 
Ux design
Ux designUx design
Ux design
 
Cinematic Interactives with Animate CC
Cinematic Interactives with Animate CCCinematic Interactives with Animate CC
Cinematic Interactives with Animate CC
 
Xtext, diagrams and ux
Xtext, diagrams and uxXtext, diagrams and ux
Xtext, diagrams and ux
 
Jumpstart Your Web App
Jumpstart Your Web AppJumpstart Your Web App
Jumpstart Your Web App
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011
 
Prototyping for responsive web design
Prototyping for responsive web design Prototyping for responsive web design
Prototyping for responsive web design
 
Usability behaviors: Usability and the SDLC
Usability behaviors: Usability and the SDLCUsability behaviors: Usability and the SDLC
Usability behaviors: Usability and the SDLC
 
SVA Workshop 021112
SVA Workshop 021112SVA Workshop 021112
SVA Workshop 021112
 
Is the Browser a Transitional Technology?
Is the Browser a Transitional Technology?Is the Browser a Transitional Technology?
Is the Browser a Transitional Technology?
 
DelveNYC: Flash Catalyst
DelveNYC: Flash CatalystDelveNYC: Flash Catalyst
DelveNYC: Flash Catalyst
 
UX @ Neev
UX @ NeevUX @ Neev
UX @ Neev
 
Android application development
Android application developmentAndroid application development
Android application development
 

UX Roles and Job Titles

  • 1. User Experience Roles Architecture as User Center Design Version 01 Published January 07, 2011 Created by Ryan Winzenburg
  • 2. User Experience Roles 2 of 9 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com) UX Objective
  • 3. User Experience Roles 3 of 9 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com) Architectural Design Roles Architect Move Planner & Interior Drywaller & Plumber & Closet Organizer Designer Brick Layer Electrician
  • 4. User Experience Roles 4 of 9 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com) UX Similarity Architect Move Planner & Interior Drywaller & Plumber & Closet Organizer Designer Brick Layer Electrician Interaction Information User Interface Front End Back End Designer Architect Designer Developer Developer
  • 5. User Experience Roles 5 of 9 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com) UX Roles Interaction Information User Interface Front End Back End Designer Architect Designer Developer Developer • Interviewing • Content Inventory • Design Principles • HTML • HTML • Wireframe • Card Sorting • Usability • CSS • .NET/Java • Prototypes • Labeling • Typography • jQuery • SQL/Database • Work Flow (Usability) • Navigation • HTML/CSS • JavaScript • Server • Excel • Thesauri • Photoshop • Flash/Flex • Silverback, Captcha • Search • Illustrator • ActionScript • Omnigraffel, Visio • Controlled Vocabulary • Fireworks • InDesign, Balsamiq • Excel • jQuery • Fireworks, HTML • Optimal Sort
  • 6. User Experience Roles 6 of 9 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com) UX Denver User Experience Designer Interactive Designer Interaction Information User Interface Front End Back End Designer Architect Designer Developer Developer • Interviewing • Content Inventory • Design Principles • HTML • HTML • Wireframe • Card Sorting • Usability • CSS • .NET/Java • Prototypes • Labeling • Typography • jQuery • SQL/Database • Work Flow (Usability) • Navigation • HTML/CSS • JavaScript • Server • Excel • Thesauri • Photoshop • Flash/Flex • Silverback, Captcha • Search • Illustrator • ActionScript • Omnigraffel, Visio • Controlled Vocabulary • Fireworks • InDesign, Balsamiq • Excel • jQuery • Fireworks, HTML • Optimal Sort
  • 7. User Experience Roles 7 of 9 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com) Implementation Centered Design Interactive Designer Back End User Interface Front End Developer Designer Developer • HTML • Design Principles • HTML • .NET/Java • Usability • CSS • SQL/Database • Typography • jQuery • Server • HTML/CSS • JavaScript • Photoshop • Flash/Flex • Illustrator • ActionScript • Fireworks • jQuery
  • 8. User Experience Roles 8 of 9 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com) Design Centered Design Interactive Designer User Interface Front End Back End Designer Developer Developer • Design Principles • HTML • HTML • Usability • CSS • .NET/Java • Typography • jQuery • SQL/Database • HTML/CSS • JavaScript • Server • Photoshop • Flash/Flex • Illustrator • ActionScript • Fireworks • jQuery
  • 9. User Experience Roles 9 of 9 Version 01 published January 07, 2011 by Ryan Winzenburg (ryan.winzenburg@mapquest.com) UX Denver Interaction Information User Interface Front End Back End Designer Architect Designer Developer Developer • A List Apart • Rosenfeld Media • Smashing Magazine • UX Booth • I.A. Podcast • I.A. Podcast • UX Matters • Design Was Here • Adaptive Path • CSS Cream • UIE Brain Sparks • Communication Arts • UXpod • Web Designer Depot • CSS Tricks • Hongkiat