[Нам пишут] История одного интерфейса
Нам пишет Александр Ногай
Добрый день, уважаемые читатели! В этой статье мы решили показать вам изнанку разработки пользовательского дизайна на примере одного из интерфейсов нашего кофейного приложения — Great Coffee App. Собрав в кучу промежуточные наметки, мы представили их последовательно, в виде диалога между дизайнером и арт-директором проекта.
Задача: создать интерфейс навигации по видеорецепту. Нужен грубый набросок, и давай попробуем обойтись стандартными компонентами.
Плохо. Плеер вырывает из контекста приложения. Нижняя панель лишняя. Бар видеоперемотки лишен контекста.
Иконки «шагов» нравятся. Нужно дать пусть небольшое, но пояснение каждому шагу. Также замечу, у нас широкоформатное видео.
Для прототипа хорошо. Давай идти к деталям. Общая претензия — слишком темно.
Серый — хорошо. Еще светлее?
Полноэкранный режим?
Хорошо, а что, если стилизовать это под металлическую поверхность кофемашины?
Хорошо, но монотонно. И почему экран «утоплен» в машину?
Что это? Темный пластик, LED-экран? Если пластик, то почему иконки загораются на пластике?
И почему «динамическое» описание выдавлено в металле? В настоящих эспрессо-машинах для этого обычно используются LCD-экраны.
Экран хороший. Как будет выглядеть переходное состояние при горизонтальном свайпе?
Так не пойдет. Не кофемашина, а набор карточек.
Несколько пожеланий:
- Алюминий и экраны должны стоять на месте. Следовательно, все «динамическое» содержимое нужно убрать в LCD.
- В типичных LCD не используется пунктир – просто прямые линии.
- Вставь какой-нибудь реальный стоп-кадр из нашего видео.
- Давай попробуем вернуть блик на стекло.
Отлично. Но если мы имитируем настоящую кофемашину, то два LCD экрана рядом вызывают подозрения — в промышленном дизайне это неоправданно дорогой прием. Давай попробуем объединить в один. И попробуй другую текстуру металла.
Текстура хуже. Гравировка сверху – лучше. Как это будет выглядеть при вертикальном свайпе?
Плохо. Опять не машина, а бумажная бутафория. Нужно придать ей тяжести.
Лучше. Но по-прежнему выглядит длинной, погнутой картонкой. Давай попробуем завершить по краям.
Лучше, но все-равно как-то странно. У настоящей машины сверху отверстия с горячим воздухом, которым греются и сушатся чашки.
Вот это хорошо. Еще одна придирка – так чашки будут падать при работе. Обычно, для них делают что-то вроде «загона».
Отлично. Оставляем. Только в текстуру добавь немного шума, для пущей «железности». И нужно где-то разместить кнопку «Поделиться видео»
Текстура – хорошо! Поделиться – плохо. На телефоне выглядит слишком мелко и невыразительно – как случайное пятно. Нужно что-нибудь, на что хочется нажать.
Хорошо! Интригующе и забавно. Только подними ему руку.
Подними, а не сломай.
Закончено! В разработку!
Название: Great Coffee App
Издатель/разработчик: Mobile Creators
Встроенные покупки: Нет
Цена: 99 руб.
Ссылка: Универсальное приложение
