SlideShare a Scribd company logo
UX - Design Process
Murali Krishna Garimella
Tech Manager - UX/UI & Mobile
Overview
UX Design process - Stages
● Understand
● Research
● Brainstorming & Sketching
● Design
● Implement
● Evaluate
By GMK
By GMK
1. Understand
Design solves a problem. To provide a solution, we first need to understand the problem.
“Before beginning the design work, let your Design team understand the requirements clearly.”
To analyze requirements, will follow the industry standard, user research methods, including contextual and individual interviews while
observing the users in the real environment. If there are no Clients, will include the stakeholders on the place to conduct brainstorming
sessions to get their feedback. Product Manager is the role in an organization that works directly with clients and gets requirements from
them. The design team can work closely with the Product Manager to understand users and their needs. This knowledge about user and his
environment helps you to provide a clear direction to your design.
“To be a great designer, you need to look a little deeper into how people think and act.”
Stakeholders
● Design Team
● Product Manager
Activities
● Meet, talk, observe and understand users in their environment
● Analyze requirements to understand and clarify them & Define user personas and use-cases
Outcomes
● User Personas, User Stories, Use Cases
● Flow Diagrams By GMK
2. Research - Choosing the Style of the Interface
Research is the basic key step to design the user experience with the best output of UI.
The design team works with the User interface team and does their research work to explore how the outer world is working on such
features and functionalities.
The UX Competitive Analysis was in three parts 😀
1. Understand market competition
2. Learn about your domain and the system
3. Get inspirations and ideas from your competitors”
Keep an eye on the latest UI trends, design principles and your existing user experience guidelines.
While doing research, start thinking about possible layouts and options to provide the desired experience.
Stakeholders
● Design Team with the User Interface Team
Activities
● Study of competitors’ approaches
● Research on similar features in the world
● Analysis of latest UI/UX trends, design principles, and rules, complexities, Consistency
● Keep an eye on your own UI/UX guidelines
Outcomes
● A bunch of ideas and material on which you can build your actual design work
By GMK
3. Brainstorming & Sketching
This stage involves the UI definition of the required feature. Draw paper sketches, whiteboard flows and wireframes to share your ideas with
stakeholders. This stage itself is an iterative process.
“Designing is not something that you just create and start using it. Draw and draft and redraw and redraft, thus
creating an unmatched experience.”
Testing and evaluation of wireframes is part of this stage. Design team builds initial Sketches and share with stakeholders to get their input.
Throughout the process, it is important to keep your goal in mind — make a usable design to achieve end-user satisfaction.
Stakeholders
● Design Team
● Product Managers
● Technical Experts
Activities
● Generate ideas and work on basic sketches
● Brainstorming sessions with User interface team to get their feedback on the technical perspective
● Re-draw sketches and re-test them with stakeholders
Outcomes & Tools
● Sketches
● Wireframes, Mockups
By GMK
4. Design
Now we have finalized layout and flow of the required interface, the next step is to work on final graphics with the actual content.
Visual design is the “final coat of paint” on the product. Visual design can greatly affect the UX of a product, and therefore must be
approached very carefully. Hopefully, a lot of interaction designs and Usability heuristics were worked out during prior steps of the UX
design process so that the designers can focus on the visuals. It’s one last opportunity to take the product to the next level.
Visual design is the last step before handoff to the User Interface team and the phase where a style guide and final specs are crafted. It’s
not just about “making things pretty,” but an opportunity to define, or implement a brand colour-scheme and affect usability with the layout,
contrast, and visual hierarchy.
Turn the initial mockups and wireframes to great-looking images with theme and styles applied to them. Preparing and sharing of design
specifications (principles, guidelines, colours, typography, iconography) to User Interface and Development team is also part of this step
activity.
Stakeholders
● Design Team
● Product Managers
● Technical Experts
Activities
● Design UI images, Define the final theme, specs, and guidelines required for implementation
● Design icons to display on screens
● Sessions with stakeholders to get their feedback from a business and technical perspective
Outcomes
● Design images
● Detailed design specs like colours, theme, styles, guidelines
By GMK
5. Implement
Since technical people participate in the early stages of the process, they can start implementation while the Design phase is in
progress.
The User interface team will start the UI artefacts and connect with the Development team to get the Back end functionalities.
It is better than the Design team involves in this step to help development phase. While implementing, it is possible to raise the
need for minor changes in design.
Stakeholders
● User Interface team (UI)
● Development team (Dev + Database)
● Design Team (UX)
Activities
● Implement back-end functionality and front end interface
Outcomes
● Developed UI with complete functionality and experience following the designed theme and style
By GMK
6. Evaluate
When product features are implemented, the end product is evaluated based on a few factors:
● Did we fulfilled the expectation of the End-User
● Whether the system is usable?
● Is it easy to use for the end-user?
● Is it flexible and easy to change?
● Does it provide the desired solution to user’s problems?
● Does the product have the credibility that makes someone want to use it because of the experience it provides?
Stakeholders
● Testing Team
Activities
● Go through the flow and feel the experience
● Perform a comparison of implementation and a defined interface
Outcomes
● User feedback
● Product audit reports
● Areas marked where improvement is required
By GMK
Thanks!
Murali Krishna Garimella
Tech Manager - UX/UI & Mobile

More Related Content

What's hot

UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
Ux design process
Ux design processUx design process
Ux design process
Junying Chang
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
Michał Aleksander
 
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
Vibloo
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
Phuong Hoang Vu
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
Matin Maleki
 
ux flow and process
ux flow and processux flow and process
ux flow and process
suniltalekar1
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
Basics of UX Research
Basics of UX ResearchBasics of UX Research
Basics of UX Research
The Wisdom Daily
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
Mohamed Shehata
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
The Wisdom Daily
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinking
Sylvain Cottong
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
deorwine infotech
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
Volodymyr Melnyk
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
Joan Lumanauw
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
Shrutee Aneja
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
Madhuri Garg
 

What's hot (20)

UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
Ux design process
Ux design processUx design process
Ux design process
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
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 Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
ux flow and process
ux flow and processux flow and process
ux flow and process
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Basics of UX Research
Basics of UX ResearchBasics of UX Research
Basics of UX Research
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinking
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 

Similar to UX Design process, #UX, #Design Process, #Agile UX

UI/UX Design in Agile process
UI/UX Design in Agile process  UI/UX Design in Agile process
UI/UX Design in Agile process
Scrum Breakfast Vietnam
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
Pankaj Deshpande
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
Think 360 Studio
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
Digital Snack
 
Webinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PMWebinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PM
Aurobinda Pradhan
 
UX in development driven culture
UX in development driven cultureUX in development driven culture
UX in development driven culture
Ahmed Badran
 
UX Explained
UX ExplainedUX Explained
UX Explained
Mind Over Machines
 
HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016
Rob Hoyt
 
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
Metricoid Technology
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdf
ssuser6609a5
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
Michael Dubakov
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
Marta Fioni
 
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
Zazz
 
User centered design process - Measurefest Presentation
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentation
flashbender
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
Jessica Fisher
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
Quikr
 
A Complete Guide to Building a Ground-Breaking UX Design Strategy
A Complete Guide to Building a Ground-Breaking UX Design StrategyA Complete Guide to Building a Ground-Breaking UX Design Strategy
A Complete Guide to Building a Ground-Breaking UX Design Strategy
Fibonalabs
 
Introduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga AcademyIntroduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga Academy
Zainul Zain
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
Ismail Norri
 
user interfaceuiuxintroduction-191206225755.pdf
user interfaceuiuxintroduction-191206225755.pdfuser interfaceuiuxintroduction-191206225755.pdf
user interfaceuiuxintroduction-191206225755.pdf
ssuser590cc81
 

Similar to UX Design process, #UX, #Design Process, #Agile UX (20)

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 - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
Webinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PMWebinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PM
 
UX in development driven culture
UX in development driven cultureUX in development driven culture
UX in development driven culture
 
UX Explained
UX ExplainedUX Explained
UX Explained
 
HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016
 
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
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdf
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
 
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
 
User centered design process - Measurefest Presentation
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentation
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
A Complete Guide to Building a Ground-Breaking UX Design Strategy
A Complete Guide to Building a Ground-Breaking UX Design StrategyA Complete Guide to Building a Ground-Breaking UX Design Strategy
A Complete Guide to Building a Ground-Breaking UX Design Strategy
 
Introduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga AcademyIntroduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga Academy
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
user interfaceuiuxintroduction-191206225755.pdf
user interfaceuiuxintroduction-191206225755.pdfuser interfaceuiuxintroduction-191206225755.pdf
user interfaceuiuxintroduction-191206225755.pdf
 

Recently uploaded

siu degree offer diploma Transcript
siu degree offer diploma Transcriptsiu degree offer diploma Transcript
siu degree offer diploma Transcript
ymeada
 
Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
AidanOKeefe2
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
kimmi singla$A17
 
Inspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptxInspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptx
siddharthsinghdikhit
 
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UPBeyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Deuglo Infosystem Pvt Ltd
 
Business Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptxBusiness Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptx
davidsaputra50
 
Art by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising CampaignsArt by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising Campaigns
vsingram
 
UCSF degree offer diploma Transcript
UCSF degree offer diploma TranscriptUCSF degree offer diploma Transcript
UCSF degree offer diploma Transcript
ymeada
 
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
kimmi singla$A17
 
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
sheetal singh$A17
 
Carleton University degree Cert diploma offer
Carleton University degree Cert diploma offerCarleton University degree Cert diploma offer
Carleton University degree Cert diploma offer
sabsge
 
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
Anit Kapoor
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Fashions
 
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptxNityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya
 
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Stress Analysis of Maraging Steel Differential Gear  using ANSYSStress Analysis of Maraging Steel Differential Gear  using ANSYS
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Ram Krishna Singh
 
The built environment plays a crucial role in shaping a child's visual identity.
The built environment plays a crucial role in shaping a child's visual identity.The built environment plays a crucial role in shaping a child's visual identity.
The built environment plays a crucial role in shaping a child's visual identity.
Mostafa Abd Elrahman
 
Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024
Hemant Nagwekar
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
MojtabaMeghdari
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
Pixeldarts
 
Otago degree offer diploma Transcript
Otago degree offer diploma TranscriptOtago degree offer diploma Transcript
Otago degree offer diploma Transcript
asazt
 

Recently uploaded (20)

siu degree offer diploma Transcript
siu degree offer diploma Transcriptsiu degree offer diploma Transcript
siu degree offer diploma Transcript
 
Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
 
Inspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptxInspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptx
 
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UPBeyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
 
Business Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptxBusiness Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptx
 
Art by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising CampaignsArt by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising Campaigns
 
UCSF degree offer diploma Transcript
UCSF degree offer diploma TranscriptUCSF degree offer diploma Transcript
UCSF degree offer diploma Transcript
 
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
 
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
 
Carleton University degree Cert diploma offer
Carleton University degree Cert diploma offerCarleton University degree Cert diploma offer
Carleton University degree Cert diploma offer
 
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
 
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptxNityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptx
 
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Stress Analysis of Maraging Steel Differential Gear  using ANSYSStress Analysis of Maraging Steel Differential Gear  using ANSYS
Stress Analysis of Maraging Steel Differential Gear using ANSYS
 
The built environment plays a crucial role in shaping a child's visual identity.
The built environment plays a crucial role in shaping a child's visual identity.The built environment plays a crucial role in shaping a child's visual identity.
The built environment plays a crucial role in shaping a child's visual identity.
 
Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
 
Otago degree offer diploma Transcript
Otago degree offer diploma TranscriptOtago degree offer diploma Transcript
Otago degree offer diploma Transcript
 

UX Design process, #UX, #Design Process, #Agile UX

  • 1. UX - Design Process Murali Krishna Garimella Tech Manager - UX/UI & Mobile
  • 2. Overview UX Design process - Stages ● Understand ● Research ● Brainstorming & Sketching ● Design ● Implement ● Evaluate By GMK
  • 4. 1. Understand Design solves a problem. To provide a solution, we first need to understand the problem. “Before beginning the design work, let your Design team understand the requirements clearly.” To analyze requirements, will follow the industry standard, user research methods, including contextual and individual interviews while observing the users in the real environment. If there are no Clients, will include the stakeholders on the place to conduct brainstorming sessions to get their feedback. Product Manager is the role in an organization that works directly with clients and gets requirements from them. The design team can work closely with the Product Manager to understand users and their needs. This knowledge about user and his environment helps you to provide a clear direction to your design. “To be a great designer, you need to look a little deeper into how people think and act.” Stakeholders ● Design Team ● Product Manager Activities ● Meet, talk, observe and understand users in their environment ● Analyze requirements to understand and clarify them & Define user personas and use-cases Outcomes ● User Personas, User Stories, Use Cases ● Flow Diagrams By GMK
  • 5. 2. Research - Choosing the Style of the Interface Research is the basic key step to design the user experience with the best output of UI. The design team works with the User interface team and does their research work to explore how the outer world is working on such features and functionalities. The UX Competitive Analysis was in three parts 😀 1. Understand market competition 2. Learn about your domain and the system 3. Get inspirations and ideas from your competitors” Keep an eye on the latest UI trends, design principles and your existing user experience guidelines. While doing research, start thinking about possible layouts and options to provide the desired experience. Stakeholders ● Design Team with the User Interface Team Activities ● Study of competitors’ approaches ● Research on similar features in the world ● Analysis of latest UI/UX trends, design principles, and rules, complexities, Consistency ● Keep an eye on your own UI/UX guidelines Outcomes ● A bunch of ideas and material on which you can build your actual design work By GMK
  • 6. 3. Brainstorming & Sketching This stage involves the UI definition of the required feature. Draw paper sketches, whiteboard flows and wireframes to share your ideas with stakeholders. This stage itself is an iterative process. “Designing is not something that you just create and start using it. Draw and draft and redraw and redraft, thus creating an unmatched experience.” Testing and evaluation of wireframes is part of this stage. Design team builds initial Sketches and share with stakeholders to get their input. Throughout the process, it is important to keep your goal in mind — make a usable design to achieve end-user satisfaction. Stakeholders ● Design Team ● Product Managers ● Technical Experts Activities ● Generate ideas and work on basic sketches ● Brainstorming sessions with User interface team to get their feedback on the technical perspective ● Re-draw sketches and re-test them with stakeholders Outcomes & Tools ● Sketches ● Wireframes, Mockups By GMK
  • 7. 4. Design Now we have finalized layout and flow of the required interface, the next step is to work on final graphics with the actual content. Visual design is the “final coat of paint” on the product. Visual design can greatly affect the UX of a product, and therefore must be approached very carefully. Hopefully, a lot of interaction designs and Usability heuristics were worked out during prior steps of the UX design process so that the designers can focus on the visuals. It’s one last opportunity to take the product to the next level. Visual design is the last step before handoff to the User Interface team and the phase where a style guide and final specs are crafted. It’s not just about “making things pretty,” but an opportunity to define, or implement a brand colour-scheme and affect usability with the layout, contrast, and visual hierarchy. Turn the initial mockups and wireframes to great-looking images with theme and styles applied to them. Preparing and sharing of design specifications (principles, guidelines, colours, typography, iconography) to User Interface and Development team is also part of this step activity. Stakeholders ● Design Team ● Product Managers ● Technical Experts Activities ● Design UI images, Define the final theme, specs, and guidelines required for implementation ● Design icons to display on screens ● Sessions with stakeholders to get their feedback from a business and technical perspective Outcomes ● Design images ● Detailed design specs like colours, theme, styles, guidelines By GMK
  • 8. 5. Implement Since technical people participate in the early stages of the process, they can start implementation while the Design phase is in progress. The User interface team will start the UI artefacts and connect with the Development team to get the Back end functionalities. It is better than the Design team involves in this step to help development phase. While implementing, it is possible to raise the need for minor changes in design. Stakeholders ● User Interface team (UI) ● Development team (Dev + Database) ● Design Team (UX) Activities ● Implement back-end functionality and front end interface Outcomes ● Developed UI with complete functionality and experience following the designed theme and style By GMK
  • 9. 6. Evaluate When product features are implemented, the end product is evaluated based on a few factors: ● Did we fulfilled the expectation of the End-User ● Whether the system is usable? ● Is it easy to use for the end-user? ● Is it flexible and easy to change? ● Does it provide the desired solution to user’s problems? ● Does the product have the credibility that makes someone want to use it because of the experience it provides? Stakeholders ● Testing Team Activities ● Go through the flow and feel the experience ● Perform a comparison of implementation and a defined interface Outcomes ● User feedback ● Product audit reports ● Areas marked where improvement is required By GMK
  • 10. Thanks! Murali Krishna Garimella Tech Manager - UX/UI & Mobile