Identity   Exterior   Interface  

The making of the Vse Sam vending kiosks interface

Overview   Process  

Trying to imagine how a vending kiosk should interact with customers.

vsyo sam interface process 01
vsyo sam interface process 02

Senior designer: I recommend you to go out on the street and try to use at least 5–7 different terminals (ATMs, Kiwi terminals, etc.) to see what they look like. Blue gradients that look good on computer screen will not be visible on the terminal display.

Referring to the corporate identity and making the screen elements larger and more contrasting.

vsyo sam interface process 03

Art director: Very confusing. You need to start over.

A new designer joins in.

vsyo sam interface process 04

Art director: I don’t want to hear that you’ll see the result on a screen in the engineers’ office. What you need to do is find some cardboard or a piece of chalk and a board, take screen printouts and price tags, some tape and a chocolate bar and create a dimensional mock-up with two screens and a panel with a keypad. You’ll also have to maintain correct distances from the user to the buttons and to the Snickers with the price and the code. Before you do that, there’s nothing to talk about.

Buying some tape and a chocolate bar. Assembling an interactive prototype.

vsyo sam interface process 05

Testing the designs in real life.

vsyo sam interface process 06

Considering possible errors and unusual situations.

vsyo sam interface process 07

Adding subtle animations and other effects.

vsyo sam interface process 08

Presenting to the client.

vsyo sam interface process 09

Finalizing usage scenarios, drawing, coordinating with engineers, writing a detailed design guide and sending it to the client.


Order a design...