Date post: | 06-Apr-2018 |
Category: |
Documents |
Upload: | abhishek-sahu |
View: | 226 times |
Download: | 0 times |
of 24
8/3/2019 UXD Process Doc
1/24
8/3/2019 UXD Process Doc
2/24
Entry Points into a UX project
8/3/2019 UXD Process Doc
3/24
Our Understanding of your business
Entry points into any product/ application design exercise
Opportunity
evaluationIdea Validation
Product
Visioning
Business
AnalysisUser Research
Functional
Specification
Market
Research
Functional
Design
Work Flow
design
Usability
Design
Navigation
designStructure
Visual Design Graphic designCommunication
designIconization
User TestingApplication
testingDevelopment Deployment
Wire Framing
User
Requirement
Doc
Low Fi Proto
Hi Fi Proto
Entry Level 1
Entry Level 2
Entry Level 3
Entry Level 4
Entry Level 5
Entry Level 6
8/3/2019 UXD Process Doc
4/24
Our UX Design Process
8/3/2019 UXD Process Doc
5/24
Our Understanding of your business
Design Process
Each activity is explained in detail on ensuing slides
Understand Audit Research Plan Design Functional Design Visual Develop
8/3/2019 UXD Process Doc
6/24
1. Understand
8/3/2019 UXD Process Doc
7/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
Understand Study Analyze the requirements
Understand the application within the business context
Understand the personas and scenarios Understand the application and the workflows, features and functionalities
Understand the technology its capabilities and limitations.
8/3/2019 UXD Process Doc
8/24
2. Audit
8/3/2019 UXD Process Doc
9/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
Heuristic Evaluation and Usability Audit
Audit the application to identify:
Obvious usability/ UX bugs Possible areas of improvement
The application will be tested for:
Usability
Standardization
Information Architecture
Help/
Tool-tips
Communication/ Instructions
Workflow
Navigation
8/3/2019 UXD Process Doc
10/24
3. Research
8/3/2019 UXD Process Doc
11/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
User Research
Understand the user requirements and document the same.
Understand the user needs and pain-points from a domain perspective.
Understand their views on the application, its limitations and irritants.
Document he user requirement and classify according to personas and scenarios
UXD will not engage in user research for the project with Elucido
8/3/2019 UXD Process Doc
12/24
4. Plan
8/3/2019 UXD Process Doc
13/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
Planning to re-design and develop an application must take into consideration the
following:
Project budget
Thick/ Thin client or platform Technology to be used
Limitations/ constraints
End-user minimum system configurations
Deployment environments SaaS/ On-Premise
Level of interactivity end-users may need based on personas and domains.
Available bandwidth
etc
8/3/2019 UXD Process Doc
14/24
5. Functional Design
8/3/2019 UXD Process Doc
15/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
Functional Design
Defining the features, functionalities, workflow
What new features can be added?
How can the work-flow be simplified?
Structuring/ Navigation
How must the application be structured?
How can a user navigate through the application?
What can be added to make navigation simple and easy to use?
What can be done to improve accessibility?
8/3/2019 UXD Process Doc
16/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
Information Architecture
What should the page
contain? Laying out the
functionalities on each
page.
Where must it exactly be
placed on a page?
Usability Design
What can be done to enhance ease of use of features and
functionalities. Deciding on persistent/ on-demand information presentation.
Deciding on dashboard numbers and types.
Type of information that must be made available to make users feel
comfortable.
What Nice-to-have features can be added to bring in a lighter
tone to the overall appeal of the application, that will be
appreciated by the user (e.g. rich drop-down navigations)
8/3/2019 UXD Process Doc
17/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
Wire-Framing
This is a process and is the stage where a bulk of our efforts are spent. This is the
skeletal structure of the interfaces comprising navigation, work flow, information
architecture, content, functionality
This is the stage where the top-line strategy gets rolled into the actual execution and
this translation requires us to get right into the business case and get greatly
involved in architecting each interface
It captures all of the previous activities of all the previous phases
Iterations are made until all stakeholders and users are completely satisfied.
8/3/2019 UXD Process Doc
18/24
6. Visual Design
8/3/2019 UXD Process Doc
19/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
Attention given to communication, instruction, messaging throughout the interfaces
The content that has been generated will be placed into the information architecture.
Content/ information elements will be highlighted, hidden from view, placed ondemand in a manner that will enhance ease of use.
This step also provides a direction to the graphic design stage - bringing in a WOW
factor through powerful visual appeal, high levels of finishing and detailing.
Strong iconization that will further enhance usability.
Every screen of the application will be designed in PhotoShop
Visual & Graphic Design
8/3/2019 UXD Process Doc
20/24
7. Develop
8/3/2019 UXD Process Doc
21/24
Our Understanding of your businessUnderstand Audit Research Plan Design Functional Design Visual Develop
Development and Testing
We can develop in
HTML/ JS/ CSS
FLASH/ Silver lite/ Flex
.NET Framework
PHP
Wordpress/ Joomla/ Drupal and other open-source frameworks.
8/3/2019 UXD Process Doc
22/24
Delivery
8/3/2019 UXD Process Doc
23/24
Our Understanding of your business
Delivery:
Delivery can done before development as layered Photoshop files
Or it can be delivered as HTML/ CSS/ Flash/ JS/ JQ files
Backend integration is optional
Final files are tested for compatibility (across browsers or operating systems)
Code will be verified and validated.
The final application will be run on real-time test servers to catch bugs early.
Once all parameters are matched/ adhered to, source files will be transferred via
FTP or e-mail.
8/3/2019 UXD Process Doc
24/24
T
hank You