The Project
This was a Human-Computer Interaction course from Stanford University. The course presents the connection between the computer and the human interaction.
Design Process
The process begins with understanding the correlation between the design, implementation and evaluation of the interface.
The project starts with need finding. The observation of people to discover their needs and goals.
Observation helps collect data from their point of view.
The group of people I talked with did not use a task manager to keep them on track of their goals. Their daily lives were filled but they did not make a schedule to keep them on track. The project, to create an easy to use mobile task manager.
Prototypes:
Storyboarding: Plan out the sequence and key points of the project. It’s not about a good drawing; it’s about communicating the idea, the task and results. The storyboard should convey these items.
- Setting: Show the environment, people and the task to be accomplished.
- Sequence: Include the steps involved, what leads the person to use the interface. Show the task.
- Satisfaction: What motivates a person to use it, what would they accomplish and what need does the interface fill.
Wireframe
Building the architecture of the interface is the vital part of the process. Make the item user friendly and provide them an exit plan. That means give the user a way to get back to the any part of the interface with ease. After the wireframe is worked out, a paper prototype can be developed. It’s a low cost way to work out the interface and quickly make updates. The wireframe was made using Balsamiq wireframing software.
High End Prototype
Making the interface look good is the finishing touch. Keep in mind on a mobile device simplicity can play key factor in useability. The prototype was made to test and provide feedback in user testing. JustinMind was the prototyping tool of choice.
View Prototype
The outcome of the course was the understanding to make interfaces intuitive.
Technologies Involved
- Photoshop
- Illustrator
- Balsamiq Wireframing Program
- JustinMind Interactive Prototyper