Upload
aleksandr-bychenko
View
228
Download
5
Embed Size (px)
DESCRIPTION
Touch terminal UI and design for Chicco Ukraine
Citation preview
Александр БыченкоИнтерфейсы и веб-дизайн [email protected]
Интерфейс и дизайн тач скрин-терминаладля Chicco-Украина
Тач скрин-терминалы устанавливаются в фирменных мага-зинах сети Chicco в Украине. Основная цель их использова-ния — получение обратной связи от покупателей для и сво-евременная реакция на жалобы и предложения.Кроме того, они используются продавцами-консультан-тами для получения информации о товаре и его наличии в общей базе.
ЗАДАЧАСделать простой и удобный интерфейс терминала в фирмен-ном стиле.
Финальный вариант
Александр БыченкоИнтерфейсы и веб-дизайн [email protected]
ПроцессОпределяемся с необходимыми элементами и их располо-жением на экранах. При наибольшей информативности для отдела связей с потребителем сокращаем число действий клиента к минимуму.
Александр БыченкоИнтерфейсы и веб-дизайн [email protected]
Добавляем короткие пояснения к кнопкам на главном экране.
Кнопку для продавцов размещаем внизу, не акцентируя на ней внимание. Для доступа с базу данных товаров (ис-пользуется специализированный софт) продавец дол-жен ввести короткий цифровой пароль на появляющейся по тапу клавиатуре.
Александр БыченкоИнтерфейсы и веб-дизайн [email protected]
Утверждаем прототип и interaction design, попутно советуясь с отделом по связям с потребителями и принимаем решения о целесообразности тех или иных полей и обязательности их заполнения.
Прорабатываем графический дизайн. Находим стиль для кнопок — интуитивный, но не кричащий.
Получаем утвержденные переводы текстов, верстаем экраны.
Александр БыченкоИнтерфейсы и веб-дизайн [email protected]
Отказываем маркетологу в желании перекрасить надписи в корпоративный синий цвет.
Заодно меняем фон.
Александр БыченкоИнтерфейсы и веб-дизайн [email protected]
Без велосипедов не обходимся. Учитываем необходимость ввода текста на нескольких языках (электронная почта, муль-тиязычность, магазины от Донеца до Львова), придумываем способ переключения языков.
Александр БыченкоИнтерфейсы и веб-дизайн [email protected]
Окончательно разбираемся с клавиатурами. Проверяем ал-фавиты убираем лишнее, добавляем забытое.
Александр БыченкоИнтерфейсы и веб-дизайн [email protected]
Думаем, как вписать в интерфейс простой браузер для про-смотра фирменного сайта.
Цвет корпуса терминала — черный, оставляем его для неза-действованных участков интерфейса.
Собираем клиентское air-приложение, настраиваем сервер и имейлы для отправки сформированных программой отчетов, отдаем IT-отделу для установки в магазинах.
Весной меняем фон, вносим несколько мелких изменений в дизайн, типографику и функционал.