Journey Wireflow
This wireflow diagram shows the process a user goes through to complete a specified task.
Wireframe design example
This wireframe design shows the structure of a screen within an application on the kiosk, and how the design may look.
Styleguide page example
This is an example page from the styleguide, in this case explaining some of the aspects of pagination on the kiosk.
Tesco multiuse kiosk styleguide
Tesco wanted to place in their stores a touchscreen kiosk which would offer their customers useful and valuable functionalities to help them with their shopping and also introduce them to additional Tesco services. We were tasked to prepare a general interaction and style guidelines document to assist them with designing individual applications.
Solution
After doing research into the current state of kiosk design, and touchscreen design we set about designing a modern interface which would serve Tesco's needs. Several different approaches were sketched and presented as ipad prototypes to the client, and using guerilla user testing. Different approaches were tried until we found an approach that worked for users and Tesco. This was then interpreted into a set of interactive guidelines.
Results
Guide was enthusiastically received and will be used to implement kiosk tests in the near future.
Tools used
- Pencil sketches
- Paper prototyping
- omnigraffle
- iPad prototyping