Lecture 11 | Socialcomputing

Basics Interaction Design

Credit: http://www.tanjadebie.nl/wp-content/uploads/2009/02/reactable_01.jpg

The interaction design basics can divide into 6 topics;
- Design
- The design process
- Users
- Scenarios
- Navigation
- Iteration and prototypes

For design interactions, it’s not just interface but include the changing of technology style. Design inventions is also not just artefacts but include document, manual and tutorial etc.

Basics Interaction Design

Goal of design is focus on who is it for and why do they want it. Golden rule of design is understand the materials very well. In human-Computer Interaction, understanding computer and devices, people and their interaction is important. You must understand computer and device for their limitation, tools or platforms. Understanding People need to study psychology and social aspects. We need to consider about human error which is normal because human cannot work under stress for a long time. The most important thing in design is the user.

Design
What’s design?

The process of design

There are step of design that called the process of design. The step of design can extract in many steps;
- Requirement – define the goal of design such as what is wanted
- Analysis – rearrange the requirement in order and try to understand the requirement
- Design – use requirement to design
- Iteration and Prototyping – finding what is really need and make design follow the requirement
- Implementation and Deployment – make the real product for user testing by following requirement

The most important thing is users focus because every step must follow the requirement that collect form users. The first thing that designer must know about user is know the users like who are they?, the environment around user and users behavior. We can know by talking and watching them. The next thing is persona of user, designer must describe the example of user and define the detail about user.

User

Scenario is about the stories for design which can be known by communication with other and linearity which is about timing. For scenarios, designer must follow step by step such as, what can they see like screen and sketches, what do they do from key board or mouse and what are they thinking? Designer must consider about interaction which study the situation that can happen. The next thing is cognition which consider about users’ feeling. The last thing is architecture which consider about thing that happen inside.

Scenarios

There are 2 structures in navigation; Local structure and global structure. Levels is consider about the widget choice such as menu and buttons, screen design, application navigation design and environment.
- Local – for single screen
There are 4 golden rules
• Knowing where you are -
• Knowing what you can do
• Knowing where you are going or what will happen
• Knowing where you’ve been or you’ve done

- Global – for the hole websites and consider between screen within the application
There are many diagrams that use in global structure;
• Hierarchical diagrams – divide the application into part and separate the function in type
• Network diagram – show the different path in the system and show the situation that will happen when do one thing.

Navigation

Prototyping

Prototyping is use to check the right thing before launch the application. If prototype is not pass in evaluation by user, the prototype will be brought back to re-design and do this loop until prototype is follow the requirement.

Please add your comment here! Thank you :)