Neodes Uxd Profile 2012


Published on

neodes is an award winning design firm helping various businesses & non-profits create integrated value for various stakeholders. We achieve this by employing our domain knowledge from the fields of Industrial design, Interaction design & Visual communication.

  • 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

Neodes Uxd Profile 2012

  1. 1. Neodes  Interac-on  Design  case  studies  /  2010  
  2. 2. Who we are?neodes is an award winning design firm helping We are a close-knit team of business strategists,various businesses & non-profits create integrated design thinkers, engineers & model makers. Wevalue for various stakeholders. We achieve this by strongly believe in cross-pollination of ideasemploying our domain knowledge from the fields which leads to interesting & out-of-the-boxof Industrial design, Interaction design & Visual solutions which benefit our clients. The very flatcommunication. & open organizational culture we’ve cultivated over the years is inspiring not only for the in- house teams but also for our clients.
  3. 3. Our logo symbolizes our belief incontinuous improvement spiralingtowards perfection but never quitereaching it…
  4. 4. Director’s Profile Amogh Chougule Director, Interaction Design Neodes interact.Amogh is an alumni of National Institute of Design. After getting hisPost graduate degree in Product design he worked in the industry forabout three years. Currently he is leading Neodes interact.He has worked with various industries like Whirlpool, Persistent, MatrixTelecom, Axis Technical Group, Godrej, Cummins, etc. in variouscapacities. He has over 7 years of experience in User experience Design,Usability and visual Design.Amogh is also a production engineer from College of Engineering, Pune.When not at work, He’s often spotted shooting with his Nikon.
  5. 5. ResourcesWe have highly skilled and experienced designers and engineers from prestigiousInstitutes like NID, MIT(Pune), COEP, etc. with domain experience in Interfacedesign, Visual communication, Automotive styling & Product design. Ourpassionate multi disciplinary team enable us to deliver innovative solutions to ourclients.
  6. 6. How we do it?
  7. 7. Service offerings in UI DesignWe have the capability of delivering all components of the user experience design1. User Research2. Usability review (Expert review)3. User testing4. Information architecture5. Wire frames6. Prototyping (Low & Hi Fidelity)7. Visual design (Look n feel)
  8. 8. Our Approach User Research
  9. 9. Design ProcessUser Research Usability Review Work Flow Wireframes representing IA Visual Design
  10. 10. User Research
  11. 11. User Research In most of the projects, we start with the user research. User research employing ethnographic studies helps us understand the users while they use the products/ services in their environment. We have built a culture of empathy which sensitizes our team members about the motivations, fears and aspirations of the end users observed through their lifestyles. After user interviews and field studies we synthesize the data gathered and distill the insights which can inform & inspire the designers to create pleasurable products & experiences for the end users. Depending upon the context, we can do a research with initial concepts/ prototypes to get concrete feedback early on in the development of the new designs.Mortgage Data Systems Axilonteh Pvt. Ltd. 2007
  12. 12. Mortgage Data Systems Axilonteh Pvt. Ltd. 2007
  13. 13. Usability Review
  14. 14. Usability Review (or Expert Review) Expert Review is when an usability specialist inspects the application for potential usability problems. We have certified usability specialists who review the applications based on heuristic principles*. The deliverables of Expert review is a report which documents the usability issues in detail for each screen along with recommendations for the redesign. Expert review is a quick and cost effective way of evaluating where your application stand in terms of usability. Often it is done to decide if the application needs a user testing or not. *Defined by Jakob NielsonMortgage Data Systems Axilonteh Pvt. Ltd. 2007
  15. 15. A less frequently used function isplaced in the main menus Recommendation: we keep it in the “settings” menu
  16. 16. A less frequently used function isplaced in the main menus icon Recommendation: Can we have icon legends on the roll over?
  17. 17. The popup for Annotation propertiesobstructs significant portion of thex-ray image, requiring user to shift itfrequently to see the X-ray image Recommendation: we can have a slim while annotating popup with icons to accommodate the functions in smaller area.
  18. 18. User has to read so much of text to decide which button he should press. “Please ensure that you do not click “Default” the system” while Using wizard post installation” > Can a new user understand this message? Recommendation: The system can detect if the user is using the wizard “post- installation” and offer only valid choices.Brand identity 2007
  19. 19. User testing
  20. 20. User Testing User testing involves getting people from the target audience to evaluate your application whilst performing tasks. We will define these tasks depending upon priority & criticality and ask users to perform them. Typically 2-5 users will be recruited consisting of novices as well as experts We’ll observe them doing these tasks and at times capture the video as well for later analysis. Usually, user testing is better at finding issues related to special domain knowledge and task flows.  This method is slightly time consuming and costly as it involves spending significant time with the end users.Mortgage Data Systems Axilonteh Pvt. Ltd. 2007
  21. 21. Mortgage Data Systems Axilonteh Pvt. Ltd. 2007
  22. 22. InformationArchitecture
  23. 23. Information Architecture (IA) Information Architecture defines the organization structure of information within your application. After conducting user testing & expert reviews, we propose solutions to the usability problems. In some cases the solution can be modifications/ restructuring of the IA. Since any changes in IA usually asks for significant development efforts, The client has to decide whether they are open for these changes or not. Nonetheless we recommend the refinements in IA if some usability problems are very critical. As this stage is crucial from the development point of view, feedback from client’s development team is crucial. We use various techniques like card sorting, to create the IAs The output of IA phase is either a flowchart/ tree diagram/ a layout in the form of a Wireframe.Mortgage Data Systems Axilonteh Pvt. Ltd. 2007
  24. 24. Flow charts
  25. 25. Flow charts
  26. 26. Structure treeMortgage Data Systems Axilonteh Pvt. Ltd. 2007
  27. 27. 3D flow diagramMortgage Data Systems Axilonteh Pvt. Ltd. 2007
  28. 28. Wireframes
  29. 29. Wireframes Wireframes are the visual representation of the IA. They make the Information structure visible and understandable across team members. Wireframes are a common platform for Information architects, usability experts and UI designers. We use various tools to create wireframes: Powerpoint, Axure, Coreldraw. We usually test the wireframes with the end users since they contain the core functionality & resolved usability. The development teams can give critical feedback on the wireframes regarding the feasibility of various solutions. We use their feedback to iterate the wireframes till we arrive at the best solution.Mortgage Data Systems Axilonteh Pvt. Ltd. 2007
  30. 30. Prototypes
  31. 31. Prototypes We strongly believe in prototyping the concepts early on. This gives us definite feedback from all the stakeholders and improves the design with every iteration. For initial stages, we make paper mocks/ low fidelity prototypes. After few iterations, we go for hi-fidelity prototypes or click through mock-ups, depending upon the application. This can either be done as interactive PowerPoint presentation or an interactive Flash presentation with active links. Depending upon the application, type of user group, time and budget, we decide the type of prototype to go for.Mortgage Data Systems Axilonteh Pvt. Ltd. 2007
  32. 32. Paper Mock-upMortgage Data Systems Axilonteh Pvt. Ltd. 2007
  33. 33. Interactive Flex PrototypeMortgage Data Systems Axilonteh Pvt. Ltd. 2007
  34. 34. Interactive Flash PrototypeMortgage Data Systems Axilonteh Pvt. Ltd. 2007
  35. 35. Visual Design(Look n feel)
  36. 36. Visual Design (Look n Feel) After the Prototypes/ sample screens are approved, we create the final look n feel screens. We specify the colours, gradients, fonts, layout, etc. for the application. If required we create icons for the application. In case of Rich Internet platforms like Adobe Flex, we define the transformations between screens to define the interaction elements. Usually we give the deliverables in BMP/ JPEG / HTML CSSMortgage Data Systems Axilonteh Pvt. Ltd. 2007
  37. 37. Icon developmentMortgage Data Systems Axilonteh Pvt. Ltd. 2007
  38. 38. Work samples
  39. 39. What  we  do?   Work  samples   Automobile Telecom Finance Healthcare Healthcare Consumer
  40. 40. What  we  do?   Clients
  41. 41. Thank you ! For Business enquiries contact :   Amogh  Chougule   Director,  Interac-on  Design   Neodes     +91  98906  96063   Skype:  amoghsc  Brand identity  2007