chicco touch terminal

15
Александр Быченко Интерфейсы и веб-дизайн [email protected] Интерфейс и дизайн тач скрин-терминала для Chicco-Украина Тач скрин-терминалы устанавливаются в фирменных мага- зинах сети Chicco в Украине. Основная цель их использова- ния — получение обратной связи от покупателей для и сво- евременная реакция на жалобы и предложения. Кроме того, они используются продавцами-консультан- тами для получения информации о товаре и его наличии в общей базе. ЗАДАЧА Сделать простой и удобный интерфейс терминала в фирмен- ном стиле. Финальный вариант

Upload: aleksandr-bychenko

Post on 12-Mar-2016

228 views

Category:

Documents


5 download

DESCRIPTION

Touch terminal UI and design for Chicco Ukraine

TRANSCRIPT

Page 1: Chicco touch terminal

Александр БыченкоИнтерфейсы и веб-дизайн [email protected]

Интерфейс и дизайн тач скрин-терминаладля Chicco-Украина

Тач скрин-терминалы устанавливаются в фирменных мага-зинах сети Chicco в Украине. Основная цель их использова-ния — получение обратной связи от покупателей для и сво-евременная реакция на жалобы и предложения.Кроме того, они используются продавцами-консультан-тами для получения информации о товаре и его наличии в общей базе.

ЗАДАЧАСделать простой и удобный интерфейс терминала в фирмен-ном стиле.

Финальный вариант

Page 2: Chicco touch terminal
Page 3: Chicco touch terminal
Page 4: Chicco touch terminal
Page 5: Chicco touch terminal
Page 6: Chicco touch terminal

Александр БыченкоИнтерфейсы и веб-дизайн [email protected]

ПроцессОпределяемся с необходимыми элементами и их располо-жением на экранах. При наибольшей информативности для отдела связей с потребителем сокращаем число действий клиента к минимуму.

Page 7: Chicco touch terminal

Александр БыченкоИнтерфейсы и веб-дизайн [email protected]

Добавляем короткие пояснения к кнопкам на главном экране.

Кнопку для продавцов размещаем внизу, не акцентируя на ней внимание. Для доступа с базу данных товаров (ис-пользуется специализированный софт) продавец дол-жен ввести короткий цифровой пароль на появляющейся по тапу клавиатуре.

Page 8: Chicco touch terminal

Александр БыченкоИнтерфейсы и веб-дизайн [email protected]

Утверждаем прототип и interaction design, попутно советуясь с отделом по связям с потребителями и принимаем решения о целесообразности тех или иных полей и обязательности их заполнения.

Прорабатываем графический дизайн. Находим стиль для кнопок — интуитивный, но не кричащий.

Получаем утвержденные переводы текстов, верстаем экраны.

Page 9: Chicco touch terminal

Александр БыченкоИнтерфейсы и веб-дизайн [email protected]

Отказываем маркетологу в желании перекрасить надписи в корпоративный синий цвет.

Заодно меняем фон.

Page 10: Chicco touch terminal

Александр БыченкоИнтерфейсы и веб-дизайн [email protected]

Без велосипедов не обходимся. Учитываем необходимость ввода текста на нескольких языках (электронная почта, муль-тиязычность, магазины от Донеца до Львова), придумываем способ переключения языков.

Page 11: Chicco touch terminal

Александр БыченкоИнтерфейсы и веб-дизайн [email protected]

Окончательно разбираемся с клавиатурами. Проверяем ал-фавиты убираем лишнее, добавляем забытое.

Page 12: Chicco touch terminal

Александр БыченкоИнтерфейсы и веб-дизайн [email protected]

Думаем, как вписать в интерфейс простой браузер для про-смотра фирменного сайта.

Цвет корпуса терминала — черный, оставляем его для неза-действованных участков интерфейса.

Собираем клиентское air-приложение, настраиваем сервер и имейлы для отправки сформированных программой отчетов, отдаем IT-отделу для установки в магазинах.

Весной меняем фон, вносим несколько мелких изменений в дизайн, типографику и функционал.

Page 13: Chicco touch terminal
Page 14: Chicco touch terminal
Page 15: Chicco touch terminal