SlideShare a Scribd company logo
1 of 10
UX Design = Creating for the Human Experience
UX and Product
Development
Process Alignment
Define
Ideate
Decide
Prototype
Test
Review product prioritization and high level
requirements, methodology selection, define
information architecture /
Empathy mapping, journey mapping, rapid
prototyping, sketch and/or white-board
design concepts, user flows
Review of assets from ideate phase, team
agreements on approach
Wireframes, visual design, mockups, lo-fi
clickable prototypes
In house User testing, In house Usability
labs, Paid external User Testing
Review
Initial team reviews, stakeholder reviews
Iteratebackuptheprocessasneeded
Development
</>
QA
Testing for bugs, and functional UI problems
3 Iteration Limit
Not all activities are appropriate for every project
(e.g. changes to backend services that do not affect
the UI will not require visual design).
Iteration is not a bad thing – iterations during UX
design are faster and CHEAPER than iterations
during development.
Sooo...what is UX
Design again?
Understanding user behaviors, needs, and motivations through
observation techniques, task analysis, and other feedback
methodologies that impact of design on an audience.
User Research
Design thinking refers to design-specific cognitive
activities that designers apply during the process of
designing that puts human concerns at the core of the
entire design process.
The process in which designers focus on creating engaging web
interfaces with logical and thought out behaviors and actions. Successful
interactive design uses technology and principles of good
communication to create desired user experiences.
Interaction Design
One who understands and creates the structural design of shared
information environments; the art and science of organizing and
labelling websites, apps, intranets, online communities and software to
support usability and findability.
Information Architecture
This is the use of imagery, color, shapes, icons, typography, and form to
enhance usability and improve the user experience. Visual design as a
field has grown out of both UI design and graphic design.
Visual Design
A framework of processes (not restricted to interfaces or technologies) in
which the needs, wants, and limitations of end users of a product,
service or process are given extensive attention at each stage of the
design process.
User Centered Design
Define
Both the Product Owner, and UX designer
are responsible for ensuring that all
information needed to proceed is correct prior
to moving into the ideate stage.
The structural design of shared information environments; the art
and science of organizing and labelling websites,intranets, online
communities and software to support usability and findability within
an emerging community of practice focused on bringing principles of
design and architecture to the digital landscape. During this phase a
flow chart, feature map, or product map will be created.
Information Architecture
During this phase the front end product owner will meet with
the UX designer to go over leadership requirements and
product prioritization. From there they will decide the
methodologies that will need be used during the design
thinking phase. Use cases will be written up as needed.
A team discussion with the Product Owner, User Experience
Designer and Dev team to review the Information Architecture and
come to an agreement on the methodologies that will be used in the
ideate-prototype phases.
Methodology Selection
Product
Owner
User
Experience
Development
Business
Goals
Ideate
Both the Product Owner, and UX designer
are responsible for ensuring that all ideas
have been properly recorded and saved
prior to the decide stage.
A collaborative tool teams can use to gain a deeper insight into their
customers. Much like a user persona, an empathy map can represent a
group of users, such as a customer segment.
Empathy Map
During this stage the UX Designer will work independently
and with team members (as needed) to come up with any
and all ideas that will be the basis for building out a
prototype.
A visual or graphic interpretation of the overall story from an
individual’s perspective of their relationship with an organization,
service, product or brand, over time and across channels.
Journey Map
Sketching is an expression of thinking and problem-solving. It’s a
form of visual communication, and, as in all languages, some ways
of communicating are clearer than others.
Sketch
Whiteboarding is an expression of thinking and problem-solving.
It’s a form of visual communication, and, as in all languages, some
ways of communicating are clearer than others.
Whiteboarding
The process of quickly mocking up the future state of a system, be it a
website or application, and validating it with a broader team of users,
stakeholders, developers and designers.
Rapid Prototyping
Decide
Both the Product Owner and UX Designer must
be 100% sure about all the was created and
learned from the ideate stage before bringing it
before the development team.
This is the stage in which team agreements are to be made,
and the Design Sprint is to begin. Until there are team
agreements in place, the Design Sprint stories and tasks
can not be created.
Design Sprint
Development Sprint
Design tasks regardless of the stage it is in should fall into
its own Sprint. Any development tasks that will come out of
the design sprint will fall into following development sprint.
Sprint 1
Sprint 2
Staggered Sprints
Agile
Prototype
Iteration is not a bad thing – iterations during UX
design are faster and cheaper than iterations
during development
These are the schematics or screen blueprints, that act as a visual guide
representing the skeletal framework of a website or app. Wireframes are
created for the purpose of arranging elements to meet the design goals
and requirements.
Wireframes
This is the use of imagery, color, shapes, icons, typography, and form to
enhance usability and improve the user experience. Visual design as a
field has grown out of both UI design and graphic design.
Visual Design
A mockup, or mock-up, is a to scale or full-size design, used for teaching,
demonstration, design evaluation, promotion, and other purposes that will
be used to show stakeholders what the final system will look like, and by
developers us base their system off of when developing.
Mockups
A clickable prototype that can be sketchy and incomplete, or has
complete pixel perfect mockups with the complete visual design. No
coding is done or required for this method. This prototype will have most
of if not all the characteristics and interaction design of the target product
but is otherwise simple, in order to quickly produce the prototype and
test broad concepts.
Lo-fi Prototypes
During this stage the UX Designer will work independently
and with team members (as needed) to come up with any
and all ideas that will be the basis for building out a
prototype.
Review
This is the main Design Review. There will be
feedback loops, and reviews during the
Design Sprint between the UX Designer and
development team members.
The design review is intended to include members of the
dev team that will be handling the development of the
design tasks as well as all the Product Owner, and
stakeholders involved in the project. Prior to any user testing
there will need to be agreements made. If iterations are in
order they will be discussed by everyone during this review,
then the UX Designer and Product Owner will meet with the
necessary dev team members to plan out.
Test
This is NOT to be confused with the testing done in
QA. This is strictly User Testing of prototypes.
The point of User Testing is to Quickly and easily understand how
the user experience of a site or app works for the User. Through
this testing analytics and data will be collected to better understand
how a user thought, and felt while using an app. Both positive and
negative feedback can come out of this and will be crucial in
understanding where improvements need to be made (if any) prior
to development. The type of user testing will we do are:
Through certain tools user will have access to clickable prototypes. They
will be able to go through the prototype on a an actual device as if it
were the final product. During this testing the user's, gestures, touches,
and interactions will be recorded, analytics will be collected, and a video
of the session will be made using the device’s camera.
Remote Usability Testing
This is a place where Usability testing is done. It is an environment
where users are studied either as a group or individually interacting with
a system for the sake of evaluating the system's usability.
Usability Lab
Is comparing two versions of a web page, or app screen to see which one
performs better. You compare the two by showing the two variants (let's
call them A and B) to similar users at the same time. The one that gives a
better conversion rate or better positive feedback, wins!
A/B Testing
Good UX =
Improved ROI
$1 spent on UX =
$10 saved on Development =
$100 saved on QA =
$1000 saved on Refactor and Rework

More Related Content

What's hot

User experience & design part 3
User experience & design part 3User experience & design part 3
User experience & design part 3Preeti Chopra
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX ProcessRicardo Luiz
 
An Introduction To User Centred Design Techniques
An Introduction To User Centred Design TechniquesAn Introduction To User Centred Design Techniques
An Introduction To User Centred Design Techniquessuzeingram
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1Durgesh Pandey
 
Ux design process&docmenteiton
Ux design process&docmenteitonUx design process&docmenteiton
Ux design process&docmenteitonShunsuke Kawai
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyJoshua Randall
 
Creating an Online Community for User Research
Creating an Online Community for User ResearchCreating an Online Community for User Research
Creating an Online Community for User ResearchTom Vollaro
 
UX leaks : mythes et réalités
UX leaks : mythes et réalitésUX leaks : mythes et réalités
UX leaks : mythes et réalitésKaoutar ADJERIME
 
Mouse tracking technique and mouse patterns
Mouse tracking technique and mouse patternsMouse tracking technique and mouse patterns
Mouse tracking technique and mouse patternssilvana churruca
 
Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...
Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...
Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...Use8.net
 
Ericsson Review: Crafting UX - designing the user experience beyond the inter...
Ericsson Review: Crafting UX - designing the user experience beyond the inter...Ericsson Review: Crafting UX - designing the user experience beyond the inter...
Ericsson Review: Crafting UX - designing the user experience beyond the inter...Ericsson
 
Beyond Usability Testing: Assessing the Usefulness of Your Design
Beyond Usability Testing: Assessing the Usefulness of Your DesignBeyond Usability Testing: Assessing the Usefulness of Your Design
Beyond Usability Testing: Assessing the Usefulness of Your DesignDan Berlin
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1Sameer Chavan
 
Introduction to ux
Introduction to uxIntroduction to ux
Introduction to uxBill Darby
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2Durgesh Pandey
 

What's hot (20)

Best Practices in UX Design
Best Practices in UX DesignBest Practices in UX Design
Best Practices in UX Design
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
User experience & design part 3
User experience & design part 3User experience & design part 3
User experience & design part 3
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX Process
 
An Introduction To User Centred Design Techniques
An Introduction To User Centred Design TechniquesAn Introduction To User Centred Design Techniques
An Introduction To User Centred Design Techniques
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
UI/UX Design in Agile process
UI/UX Design in Agile process  UI/UX Design in Agile process
UI/UX Design in Agile process
 
Ux design process&docmenteiton
Ux design process&docmenteitonUx design process&docmenteiton
Ux design process&docmenteiton
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the Ugly
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
Creating an Online Community for User Research
Creating an Online Community for User ResearchCreating an Online Community for User Research
Creating an Online Community for User Research
 
UX leaks : mythes et réalités
UX leaks : mythes et réalitésUX leaks : mythes et réalités
UX leaks : mythes et réalités
 
Mouse tracking technique and mouse patterns
Mouse tracking technique and mouse patternsMouse tracking technique and mouse patterns
Mouse tracking technique and mouse patterns
 
Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...
Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...
Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...
 
Ericsson Review: Crafting UX - designing the user experience beyond the inter...
Ericsson Review: Crafting UX - designing the user experience beyond the inter...Ericsson Review: Crafting UX - designing the user experience beyond the inter...
Ericsson Review: Crafting UX - designing the user experience beyond the inter...
 
Beyond Usability Testing: Assessing the Usefulness of Your Design
Beyond Usability Testing: Assessing the Usefulness of Your DesignBeyond Usability Testing: Assessing the Usefulness of Your Design
Beyond Usability Testing: Assessing the Usefulness of Your Design
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
 
Introduction to ux
Introduction to uxIntroduction to ux
Introduction to ux
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2
 

Similar to HoytUX Design Process 2016

The Methodology of a Trustworthy User Interface Design Agency.pdf
The Methodology of a Trustworthy User Interface Design Agency.pdfThe Methodology of a Trustworthy User Interface Design Agency.pdf
The Methodology of a Trustworthy User Interface Design Agency.pdfZazz
 
The Complete UX Deliverables
The Complete UX Deliverables The Complete UX Deliverables
The Complete UX Deliverables Bashar louzon
 
UXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedUXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedJames Kelway
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersSarah Dutkiewicz
 
Ux Overview
Ux OverviewUx Overview
Ux Overviewmbrosset
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationPankaj Deshpande
 
User Experience Design in Agile Development for Enterprise Software
User Experience Design in Agile Development for Enterprise SoftwareUser Experience Design in Agile Development for Enterprise Software
User Experience Design in Agile Development for Enterprise SoftwareSoCal UX Camp
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designerMetricoid Technology
 
A project guide to ux design vm
A project guide to ux design vmA project guide to ux design vm
A project guide to ux design vmValentina Marzola
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfssuser6609a5
 
Mobile Best Practices for UX
Mobile Best Practices for UXMobile Best Practices for UX
Mobile Best Practices for UXThe Wisdom Daily
 
PDF Submission for Checkux prototypes vs wireframes.pdf
PDF Submission for Checkux  prototypes vs wireframes.pdfPDF Submission for Checkux  prototypes vs wireframes.pdf
PDF Submission for Checkux prototypes vs wireframes.pdfpetter son
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 
User Centered Design
User Centered DesignUser Centered Design
User Centered DesignShawn Calvert
 

Similar to HoytUX Design Process 2016 (20)

The Methodology of a Trustworthy User Interface Design Agency.pdf
The Methodology of a Trustworthy User Interface Design Agency.pdfThe Methodology of a Trustworthy User Interface Design Agency.pdf
The Methodology of a Trustworthy User Interface Design Agency.pdf
 
Ux presentation
Ux presentationUx presentation
Ux presentation
 
The Complete UX Deliverables
The Complete UX Deliverables The Complete UX Deliverables
The Complete UX Deliverables
 
UXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedUXBASIS – Getting UX integrated
UXBASIS – Getting UX integrated
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for Developers
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
 
User Experience Design in Agile Development for Enterprise Software
User Experience Design in Agile Development for Enterprise SoftwareUser Experience Design in Agile Development for Enterprise Software
User Experience Design in Agile Development for Enterprise Software
 
Project ux intel
Project ux intelProject ux intel
Project ux intel
 
4ds
4ds4ds
4ds
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
 
Mobile UX-COE
Mobile UX-COEMobile UX-COE
Mobile UX-COE
 
A project guide to ux design vm
A project guide to ux design vmA project guide to ux design vm
A project guide to ux design vm
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdf
 
Mobile Best Practices for UX
Mobile Best Practices for UXMobile Best Practices for UX
Mobile Best Practices for UX
 
A primer on ux design
A primer on ux designA primer on ux design
A primer on ux design
 
PDF Submission for Checkux prototypes vs wireframes.pdf
PDF Submission for Checkux  prototypes vs wireframes.pdfPDF Submission for Checkux  prototypes vs wireframes.pdf
PDF Submission for Checkux prototypes vs wireframes.pdf
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 

Recently uploaded

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 

Recently uploaded (20)

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 

HoytUX Design Process 2016

  • 1. UX Design = Creating for the Human Experience
  • 2. UX and Product Development Process Alignment Define Ideate Decide Prototype Test Review product prioritization and high level requirements, methodology selection, define information architecture / Empathy mapping, journey mapping, rapid prototyping, sketch and/or white-board design concepts, user flows Review of assets from ideate phase, team agreements on approach Wireframes, visual design, mockups, lo-fi clickable prototypes In house User testing, In house Usability labs, Paid external User Testing Review Initial team reviews, stakeholder reviews Iteratebackuptheprocessasneeded Development </> QA Testing for bugs, and functional UI problems 3 Iteration Limit Not all activities are appropriate for every project (e.g. changes to backend services that do not affect the UI will not require visual design). Iteration is not a bad thing – iterations during UX design are faster and CHEAPER than iterations during development.
  • 3. Sooo...what is UX Design again? Understanding user behaviors, needs, and motivations through observation techniques, task analysis, and other feedback methodologies that impact of design on an audience. User Research Design thinking refers to design-specific cognitive activities that designers apply during the process of designing that puts human concerns at the core of the entire design process. The process in which designers focus on creating engaging web interfaces with logical and thought out behaviors and actions. Successful interactive design uses technology and principles of good communication to create desired user experiences. Interaction Design One who understands and creates the structural design of shared information environments; the art and science of organizing and labelling websites, apps, intranets, online communities and software to support usability and findability. Information Architecture This is the use of imagery, color, shapes, icons, typography, and form to enhance usability and improve the user experience. Visual design as a field has grown out of both UI design and graphic design. Visual Design A framework of processes (not restricted to interfaces or technologies) in which the needs, wants, and limitations of end users of a product, service or process are given extensive attention at each stage of the design process. User Centered Design
  • 4. Define Both the Product Owner, and UX designer are responsible for ensuring that all information needed to proceed is correct prior to moving into the ideate stage. The structural design of shared information environments; the art and science of organizing and labelling websites,intranets, online communities and software to support usability and findability within an emerging community of practice focused on bringing principles of design and architecture to the digital landscape. During this phase a flow chart, feature map, or product map will be created. Information Architecture During this phase the front end product owner will meet with the UX designer to go over leadership requirements and product prioritization. From there they will decide the methodologies that will need be used during the design thinking phase. Use cases will be written up as needed. A team discussion with the Product Owner, User Experience Designer and Dev team to review the Information Architecture and come to an agreement on the methodologies that will be used in the ideate-prototype phases. Methodology Selection Product Owner User Experience Development Business Goals
  • 5. Ideate Both the Product Owner, and UX designer are responsible for ensuring that all ideas have been properly recorded and saved prior to the decide stage. A collaborative tool teams can use to gain a deeper insight into their customers. Much like a user persona, an empathy map can represent a group of users, such as a customer segment. Empathy Map During this stage the UX Designer will work independently and with team members (as needed) to come up with any and all ideas that will be the basis for building out a prototype. A visual or graphic interpretation of the overall story from an individual’s perspective of their relationship with an organization, service, product or brand, over time and across channels. Journey Map Sketching is an expression of thinking and problem-solving. It’s a form of visual communication, and, as in all languages, some ways of communicating are clearer than others. Sketch Whiteboarding is an expression of thinking and problem-solving. It’s a form of visual communication, and, as in all languages, some ways of communicating are clearer than others. Whiteboarding The process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers and designers. Rapid Prototyping
  • 6. Decide Both the Product Owner and UX Designer must be 100% sure about all the was created and learned from the ideate stage before bringing it before the development team. This is the stage in which team agreements are to be made, and the Design Sprint is to begin. Until there are team agreements in place, the Design Sprint stories and tasks can not be created. Design Sprint Development Sprint Design tasks regardless of the stage it is in should fall into its own Sprint. Any development tasks that will come out of the design sprint will fall into following development sprint. Sprint 1 Sprint 2 Staggered Sprints Agile
  • 7. Prototype Iteration is not a bad thing – iterations during UX design are faster and cheaper than iterations during development These are the schematics or screen blueprints, that act as a visual guide representing the skeletal framework of a website or app. Wireframes are created for the purpose of arranging elements to meet the design goals and requirements. Wireframes This is the use of imagery, color, shapes, icons, typography, and form to enhance usability and improve the user experience. Visual design as a field has grown out of both UI design and graphic design. Visual Design A mockup, or mock-up, is a to scale or full-size design, used for teaching, demonstration, design evaluation, promotion, and other purposes that will be used to show stakeholders what the final system will look like, and by developers us base their system off of when developing. Mockups A clickable prototype that can be sketchy and incomplete, or has complete pixel perfect mockups with the complete visual design. No coding is done or required for this method. This prototype will have most of if not all the characteristics and interaction design of the target product but is otherwise simple, in order to quickly produce the prototype and test broad concepts. Lo-fi Prototypes During this stage the UX Designer will work independently and with team members (as needed) to come up with any and all ideas that will be the basis for building out a prototype.
  • 8. Review This is the main Design Review. There will be feedback loops, and reviews during the Design Sprint between the UX Designer and development team members. The design review is intended to include members of the dev team that will be handling the development of the design tasks as well as all the Product Owner, and stakeholders involved in the project. Prior to any user testing there will need to be agreements made. If iterations are in order they will be discussed by everyone during this review, then the UX Designer and Product Owner will meet with the necessary dev team members to plan out.
  • 9. Test This is NOT to be confused with the testing done in QA. This is strictly User Testing of prototypes. The point of User Testing is to Quickly and easily understand how the user experience of a site or app works for the User. Through this testing analytics and data will be collected to better understand how a user thought, and felt while using an app. Both positive and negative feedback can come out of this and will be crucial in understanding where improvements need to be made (if any) prior to development. The type of user testing will we do are: Through certain tools user will have access to clickable prototypes. They will be able to go through the prototype on a an actual device as if it were the final product. During this testing the user's, gestures, touches, and interactions will be recorded, analytics will be collected, and a video of the session will be made using the device’s camera. Remote Usability Testing This is a place where Usability testing is done. It is an environment where users are studied either as a group or individually interacting with a system for the sake of evaluating the system's usability. Usability Lab Is comparing two versions of a web page, or app screen to see which one performs better. You compare the two by showing the two variants (let's call them A and B) to similar users at the same time. The one that gives a better conversion rate or better positive feedback, wins! A/B Testing
  • 10. Good UX = Improved ROI $1 spent on UX = $10 saved on Development = $100 saved on QA = $1000 saved on Refactor and Rework