SlideShare a Scribd company logo

UXD's process

•Download as PPS, PDF•
•
Arvind Tadimalla
Arvind Tadimalla

The document outlines the key entry points and process for a user experience (UX) project, including: 1) Understanding the business, conducting opportunity evaluations, validating ideas, and developing a product vision. 2) A UX design process involving understanding requirements, auditing the existing experience, researching users, planning, functional design, visual design, and development. 3) Descriptions of each stage in the process from understanding to development and delivery.

Related slideshows

MCA Projects topics,Btech final year projects,Final year engg projects,BE fin...
MCA Projects topics,Btech final year projects,Final year engg projects,BE fin...MCA Projects topics,Btech final year projects,Final year engg projects,BE fin...
MCA Projects topics,Btech final year projects,Final year engg projects,BE fin...
 
Akanksha_Sagar_SAP_ABAP_CRM_Consultant
Akanksha_Sagar_SAP_ABAP_CRM_ConsultantAkanksha_Sagar_SAP_ABAP_CRM_Consultant
Akanksha_Sagar_SAP_ABAP_CRM_Consultant
 
Resume(1)
Resume(1)Resume(1)
Resume(1)
 
1 of 24
 
Entry Points into a UX project
Our Understanding of your business Entry points into any product/ application design exercise Opportunity evaluation Idea Validation Product Visioning Business Analysis User Research Functional Specification Market Research Functional Design Work Flow design Usability Design Navigation design Structure Visual Design Graphic design Communication design Iconization User Testing Application testing Development 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
Our UX Design Process
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
1. Understand
Our Understanding of your business Understand 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. Audit Research Plan Design Functional Design Visual Develop
2. Audit
Our Understanding of your business Audit 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 Understand Research Plan Design Functional Design Visual Develop
3. Research
Our Understanding of your business Research 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 Understand Audit Plan Design Functional Design Visual Develop
4. Plan
Our Understanding of your business Plan 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 Understand Audit Research Design Functional Design Visual Develop
5. Functional Design
Our Understanding of your business Design Functional 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? Understand Audit Research Plan Design Visual Develop
Our Understanding of your business Design Functional 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) Understand Audit Research Plan Design Visual Develop
Our Understanding of your business Design Functional 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. Understand Audit Research Plan Design Visual Develop
6. Visual Design
Our Understanding of your business Design Visual 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 on demand 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 Understand Audit Research Plan Design Functional Develop
7. Develop
Our Understanding of your business 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. Understand Audit Research Plan Design Functional Design Visual
Delivery
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.
Thank You

More Related Content

UXD's process

  • 1.  
  • 2. Entry Points into a UX project
  • 3. Our Understanding of your business Entry points into any product/ application design exercise Opportunity evaluation Idea Validation Product Visioning Business Analysis User Research Functional Specification Market Research Functional Design Work Flow design Usability Design Navigation design Structure Visual Design Graphic design Communication design Iconization User Testing Application testing Development 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
  • 4. Our UX Design Process
  • 5. 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
  • 7. Our Understanding of your business Understand 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. Audit Research Plan Design Functional Design Visual Develop
  • 9. Our Understanding of your business Audit 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 Understand Research Plan Design Functional Design Visual Develop
  • 11. Our Understanding of your business Research 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 Understand Audit Plan Design Functional Design Visual Develop
  • 13. Our Understanding of your business Plan 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 Understand Audit Research Design Functional Design Visual Develop
  • 15. Our Understanding of your business Design Functional 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? Understand Audit Research Plan Design Visual Develop
  • 16. Our Understanding of your business Design Functional 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) Understand Audit Research Plan Design Visual Develop
  • 17. Our Understanding of your business Design Functional 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. Understand Audit Research Plan Design Visual Develop
  • 19. Our Understanding of your business Design Visual 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 on demand 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 Understand Audit Research Plan Design Functional Develop
  • 21. Our Understanding of your business 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. Understand Audit Research Plan Design Functional Design Visual
  • 23. 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.