User centered design process


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

User centered design process

  1. 1. User Centered Design Process Rachna Mittal Product Innovator / User Experience Specialist Services Offered : User Profiling, Contextual Innovation, Information Architecture, Interaction Design Details, Visual Design, Usability Test, Product Usability, Heuristic Review, Expert Review, Web Conversion Analytics
  2. 2. User Centered Design Process User Centered Design (UCD) process is extremely successful to create user friendly applications. UCD increases the chances of applications being accepted by end user.
  3. 3. User Profiling <ul><li>“ User profiles help in describing goals of people </li></ul><ul><li>who use your product” </li></ul><ul><li>“ Persona helps in understanding scenarios in which </li></ul><ul><li>users interact with the product” </li></ul>
  4. 4. User Profiling: Understanding User <ul><li>Varun is 22 years old. </li></ul><ul><li>He belongs to Delhi. </li></ul><ul><li>Speaks Hindi and English, fluent in both. </li></ul><ul><li>He studied B.Sc from a collage in Delhi and also did computer courses from NIIT. </li></ul><ul><li>He has been working since 1 years in a leading software development center in Noida. </li></ul><ul><li>Varun stays in a shared accommodation. </li></ul><ul><li>Loves to party with friends and watching movies </li></ul><ul><li>He has posted his resume on and uses the site often. </li></ul>Varun Mishra <ul><li>Internet Usage </li></ul><ul><li>Uses internet to look for more information, booking tickets, writing emails, chatting with friends. </li></ul><ul><li>Uses internet in the office. Does not have a computer at home. </li></ul><ul><li>Most of the sites (including naukri) are firewalled in the office. Varun has to access internet from café. </li></ul><ul><li>He usually goes to the internet cafe during weekends when he has some time. </li></ul><ul><li>Insights </li></ul><ul><li>Since Varun access internet cyber cafe, the machine used may not always be the same. </li></ul><ul><li>Internet behavior is usually task oriented and not browse oriented. </li></ul><ul><li>There may not always be lot of time in hand when working on the internet. </li></ul><ul><li>Recommendations </li></ul><ul><li>Faster/ better search to get the most relevant results. Shorter registration process to avoid drop out. </li></ul><ul><li>Customization/ recognizing IP address may not help. </li></ul><ul><li>Relook at the task flow for a Goal Directed approach rather than an Experimental approach. </li></ul>Press Key for Next Slide
  5. 5. Contextual Innovation <ul><li>“ Contextual innovation is a discipline of understanding users in their natural (social, cultural, official etc) environment” </li></ul><ul><li>Definition : Any products and services need to be redesigned for new markets to fulfill their cultural, technological, attitudinal requirement. Contextual innovation is a method of studying users in their natural environment and studying their attitudes and behaviors to deduct innovative products for those markets. </li></ul>
  6. 6. User Interface Structure Application GUI <ul><li>“ A successful User interface structure determines 80% of usability. Innovative user interface structures increases the efficiency and effectiveness of application data and features” </li></ul>Provides an extensible basis for future development. Preparing for subsequent usability testing and detailed design efforts. New customers react with a positive initial impression, and repeated customers find a clean, uncluttered look. Amending the structure's visual presentation. The purpose of the application is immediately clear, and window thrashing is eliminated. If needed, reengineering of the workflow to fit the users' conceptual model of the application. Users get the information they need quickly and efficiently, without frustration. Designing of a primary navigational framework and a set of primary application windows. Benefits Features
  7. 7. Detailed Design Application GUI <ul><li>“ Detailed User Interface design completes the application so that they are visually compelling, easy to navigate & user-friendly” </li></ul>This sets a direction for further design. Detailed screen design can be applied to an overall design standard too. The designs fit the users' tasks, motivate them, and optimize screen performance. Content is organized and screens are designed to minimize the user's visual, intellectual, mental, and motor work. These work together to enhance content structure and simplify decision making. There is a proper blending of effective labeling systems, object-oriented text presentation, and appropriate use of color and graphics. The result is designs that are visually appealing, clutter-free, and ergonomic. It is to apply field-tested, specific human factors design principles with respect to color, layout, and wording. Benefits Features
  8. 8. Cross-Cultural Design For Varied Geographic Location <ul><li>There are many dimensions to cultural diversity. Products and interfaces designed for one culture may not fit another. Furthermore, methods and tools used to design products and interfaces need to be adapted in this culturally diverse world. There cannot be a one-size-fits-all approach. Cultural differences need to be understood and addressed while delivering solutions within optimized cost and effort. </li></ul>
  9. 9. Desktop Application For Macintosh This is Macintosh based desktop based application. This application allows users to review documents and share feedback from different geographic location. GUI was done in ‘Interface Builder’, a software which allow to create interface using Macintosh specific GUI control. Press Key for Next Slide
  10. 10. Desktop Application For Windows A Plugin to Microsoft Word It is very similar to the prospective project. This plugin inserts a menu bar in Microsoft word to navigate the respective functionalities. Press Key for Next Slide
  11. 11. Web Applications For Windows Press Key for Next Slide
  12. 12. <ul><li>Thanks </li></ul><ul><li>[email_address] </li></ul>