neodes uxd profile 2012

Neodes  Interac-on  Design  case  studies  /  2010  

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.

Who we are?

We are a close-knit team of business strategists, design thinkers, engineers & model makers. We strongly believe in cross-pollination of ideas which leads to interesting & out-of-the-box solutions which benefit our clients. The very flat & open organizational culture we’ve cultivated over the years is inspiring not only for the in-house teams but also for our clients.

Our logo symbolizes our belief in continuous improvement spiraling towards perfection but never quite reaching it…

Amogh Chougule Director, Interaction Design Neodes interact.

Amogh is an alumni of National Institute of Design. After getting his Post graduate degree in Product design he worked in the industry for about three years. Currently he is leading Neodes interact. He has worked with various industries like Whirlpool, Persistent, Matrix Telecom, Axis Technical Group, Godrej, Cummins, etc. in various capacities. 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.

Director’s Profile

We have highly skilled and experienced designers and engineers from prestigious Institutes like NID, MIT(Pune), COEP, etc. with domain experience in Interface design, Visual communication, Automotive styling & Product design. Our passionate multi disciplinary team enable us to deliver innovative solutions to our clients.

Resources

How we do it?

We have the capability of delivering all components of the user experience design

1. User Research 2. Usability review (Expert review) 3. User testing 4. Information architecture 5. Wire frames 6. Prototyping (Low & Hi Fidelity) 7. Visual design (Look n feel)

Service offerings in UI Design

Our Approach User Research

Design Process

User Research Usability Review Work Flow

Wireframes representing IA Visual Design

User Research

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

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

Usability Review

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

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 Nielson

A less frequently used function is placed in the main menus

Recommendation: we keep it in the “settings” menu

icon

A less frequently used function is placed in the main menus

Recommendation: Can we have icon legends on the roll over?

The popup for Annotation properties obstructs significant portion of the x-ray image, requiring user to shift it frequently to see the X-ray image while annotating Recommendation: we can have a slim

popup with icons to accommodate the functions in smaller area.

Brand identity 2007

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.

User testing

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

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

Information Architecture

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

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.

Flow charts

Flow charts

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

Structure tree

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

3D flow diagram

Wireframes

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

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.

Prototypes

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

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

Paper Mock-up

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

Interactive Flex Prototype

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

Interactive Flash Prototype

Visual Design

(Look n feel)

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

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 CSS

Mortgage Data Systems Axilonteh Pvt. Ltd. 2007

Icon development

Work samples

What  we  do?  Work  samples  

Automobile Telecom Finance

Healthcare Healthcare Consumer

What  we  do?  Clients

Brand identity 2007

Thank you !

For Business enquiries contact :  Amogh  Chougule  Director,  Interac-on  Design  Neodes    +91  98906  96063  amogh@neodes.in  Skype:  amoghsc