UXD's process

2,379 views

Published on

This presentation should provide the viewer a fair idea of our service areas and how we treat various projects.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,379
On SlideShare
0
From Embeds
0
Number of Embeds
267
Actions
Shares
0
Downloads
69
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

UXD's process

  1. 2. Entry Points into a UX project
  2. 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
  3. 4. Our UX Design Process
  4. 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
  5. 6. 1. Understand
  6. 7. Our Understanding of your business Understand Understand – Study – Analyze the requirements <ul><li>Understand the application within the business context </li></ul><ul><li>Understand the personas and scenarios </li></ul><ul><li>Understand the application and the workflows, features and functionalities </li></ul><ul><li>Understand the technology – its capabilities and limitations. </li></ul>Audit Research Plan Design Functional Design Visual Develop
  7. 8. 2. Audit
  8. 9. Our Understanding of your business Audit Heuristic Evaluation and Usability Audit <ul><li>Audit the application to identify: </li></ul><ul><ul><li>Obvious usability/ UX bugs </li></ul></ul><ul><ul><li>Possible areas of improvement </li></ul></ul><ul><li>The application will be tested for: </li></ul><ul><ul><li>Usability </li></ul></ul><ul><ul><li>Standardization </li></ul></ul><ul><ul><li>Information Architecture </li></ul></ul><ul><ul><li>Help/ Tool-tips </li></ul></ul><ul><ul><li>Communication/ Instructions </li></ul></ul><ul><ul><li>Workflow </li></ul></ul><ul><ul><li>Navigation </li></ul></ul>Understand Research Plan Design Functional Design Visual Develop
  9. 10. 3. Research
  10. 11. Our Understanding of your business Research User Research <ul><li>Understand the user requirements and document the same. </li></ul><ul><li>Understand the user needs and pain-points from a domain perspective. </li></ul><ul><li>Understand their views on the application, its limitations and irritants. </li></ul><ul><li>Document he user requirement and classify according to personas and scenarios </li></ul><ul><ul><li>UXD will not engage in user research for the project with Elucido </li></ul></ul>Understand Audit Plan Design Functional Design Visual Develop
  11. 12. 4. Plan
  12. 13. Our Understanding of your business Plan Planning to re-design and develop an application must take into consideration the following: <ul><ul><li>Project budget </li></ul></ul><ul><ul><li>Thick/ Thin client or platform </li></ul></ul><ul><ul><li>Technology to be used </li></ul></ul><ul><ul><li>Limitations/ constraints </li></ul></ul><ul><ul><li>End-user minimum system configurations </li></ul></ul><ul><ul><li>Deployment environments – SaaS/ On-Premise </li></ul></ul><ul><ul><li>Level of interactivity end-users may need based on personas and domains. </li></ul></ul><ul><ul><li>Available bandwidth </li></ul></ul><ul><ul><li>etc </li></ul></ul>Understand Audit Research Design Functional Design Visual Develop
  13. 14. 5. Functional Design
  14. 15. Our Understanding of your business Design Functional Functional Design <ul><li>Defining the features, functionalities, workflow </li></ul><ul><li>What new features can be added? </li></ul><ul><li>How can the work-flow be simplified? </li></ul>Structuring/ Navigation <ul><li>How must the application be structured? </li></ul><ul><li>How can a user navigate through the application? </li></ul><ul><li>What can be added to make navigation simple and easy to use? </li></ul><ul><li>What can be done to improve accessibility? </li></ul>Understand Audit Research Plan Design Visual Develop
  15. 16. Our Understanding of your business Design Functional Information Architecture <ul><li>What should the page contain? </li></ul><ul><li>Laying out the functionalities on each page. </li></ul><ul><li>Where must it exactly be placed on a page? </li></ul>Usability Design <ul><li>What can be done to enhance ease of use of features and functionalities. </li></ul><ul><li>Deciding on persistent/ on-demand information presentation. </li></ul><ul><li>Deciding on dashboard numbers and types. </li></ul><ul><li>Type of information that must be made available to make users feel comfortable. </li></ul><ul><li>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) </li></ul>Understand Audit Research Plan Design Visual Develop
  16. 17. Our Understanding of your business Design Functional Wire-Framing <ul><li>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 </li></ul><ul><li>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 </li></ul><ul><li>It captures all of the previous activities of all the previous phases </li></ul><ul><li>Iterations are made until all stakeholders and users are completely satisfied. </li></ul>Understand Audit Research Plan Design Visual Develop
  17. 18. 6. Visual Design
  18. 19. Our Understanding of your business Design Visual <ul><li>Attention given to communication, instruction, messaging throughout the interfaces </li></ul><ul><li>The content that has been generated will be placed into the information architecture. </li></ul><ul><li>Content/ information elements will be highlighted, hidden from view, placed on demand in a manner that will enhance ease of use. </li></ul><ul><li>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. </li></ul><ul><li>Strong iconization that will further enhance usability. </li></ul><ul><li>Every screen of the application will be designed in PhotoShop </li></ul>Visual & Graphic Design Understand Audit Research Plan Design Functional Develop
  19. 20. 7. Develop
  20. 21. Our Understanding of your business Develop Development and Testing <ul><li>We can develop in </li></ul><ul><ul><li>HTML/ JS/ CSS </li></ul></ul><ul><ul><li>FLASH/ Silver lite/ Flex </li></ul></ul><ul><ul><li>.NET Framework </li></ul></ul><ul><ul><li>PHP </li></ul></ul><ul><ul><li>Wordpress/ Joomla/ Drupal and other open-source frameworks. </li></ul></ul>Understand Audit Research Plan Design Functional Design Visual
  21. 22. Delivery
  22. 23. Our Understanding of your business <ul><li>Delivery: </li></ul><ul><li>Delivery can done before development as layered Photoshop files </li></ul><ul><li>Or it can be delivered as HTML/ CSS/ Flash/ JS/ JQ files </li></ul><ul><li>Backend integration is optional </li></ul><ul><li>Final files are tested for compatibility (across browsers or operating systems) </li></ul><ul><li>Code will be verified and validated. </li></ul><ul><li>The final application will be run on real-time test servers to catch bugs early. </li></ul><ul><li>Once all parameters are matched/ adhered to, source files will be transferred via FTP or e-mail. </li></ul>
  23. 24. Thank You

×