Дизайн приложения
для умных часов COOKOO Watch

Дизайнер: Владимир Потапов.

Суть задачи:  Переработать дизайн приложения для управления умными часами COOKOO Watch. Сделать его удобным и понятным (в отличии от существующего варианта), таким же стильным как само устройство. Обновить дизайн с учетом тенденций iOS7.

Видео работы нового интерфейса

Подробнее о новом дизайне

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

Хотя сами по себе часы довольно стильные и интересные, им нужна программа, с помощью которой можно быстро и легко настроить один раз и постоянно иметь легкий доступ к самым частым функциям: будильник, таймер и поиск часов.

В своем концепте я постарался добиться максимального удобства и предсказуемости интерфейса для ежедневного использования обычным пользователем. Большое внимание уделялось стилю, так как COOKOO Watch довольно интересные и приятные часы. Очень хотелось передать эту атмосферу.

Было

В стандартном приложении первый экран — это выбор часов к которым нужно подключиться. На самом деле крайне мало пользователей, которые покупают несколько комплектов. Чаще всего у человека только одни часы и каждый раз попадая в программу тыкать в их название нет смысла. Подключение же нового устройства — довольно редкая функция (хотя и нужная) так что ее можно легко убрать с экрана, обеспечив удобный доступ к ней в случае необходимости.

Notification center — абсолютно бесполезный функционал. В iOS есть стандартные напоминания для каждого приложения и смотреть историю напоминаний нужно разве что какому-нибудь разработчику. Мы ведь хотим сделать приложение для людей? тогда от нее можно вполне безболезненно избавиться.

Старый вариант

Есть еще пара лишних функций: «Locations» и «Camera». Для них в iOS существуют свои приложения где можно посмотреть места, сделать снимок и загружать программу таким функционалом не стоит. Это не программный комбайн, а удобная утилита для управления часами. Так что убираем и это.

Стало

В новом варианте все просто. Легкий доступ одним нажатием к установке будильника, таймера и поиску часов. При первом подключении программа отыщет все доступные устройства и в дальнейшем будет сама подключаться к выбранному. Если вы вдруг решите сменить часы, то функцию выбора устройства можно вызвать свайпом сверху вниз по главному экрану.

Новый вариант

Было

Экран подключенных часов стандартного приложения должен по сути быть главным экраном, но почему-то разработчик решил, что нужно дополнительное действие (тап на названии в списке подключенных устройств), чтобы до него добраться.

Очень странной кажется возможность установки собственной фотографии на фон этого экрана. Для этой функции даже отведен отдельный пункт нижнего меню программы (камера). Неужели пользователи постоянно будут менять картинку своих часов в приложении? Вердикт — функция не нужна.

Здесь же три кнопки-индикатора. Включение сигнала при удалении от телефона/планшета логичнее было бы перенести это в настройки. Индикатор связи с часами почему-то выполнен в виде кнопки. Зачем мне может понадобиться включать/выключать его здесь? Непонятно. С кнопкой поиска часов все нормально, здесь ей самое место.

Старый вариант

Стало

В новой версии мы сразу попадаем на экран подключенных часов. Оставляем кнопки быстрого доступа к настройке таймера, будильника и поиску устройства. Это три главные функции, которыми пользуются постоянно, остальное можно спрятать в настройки.

Заменим возможность выбора фотографии часов на их картинку. Причем, программа может получать от устройства его серийный номер и определять по нему его внешний вид. У COOKOO Watch есть несколько расцветок, в том числе и ограниченная партия с зеленым индикатором и стрелками. Картинка будет меняться в зависимости от вашей модели часов.

Новый вариант

Было

Настройки разбросаны по всем экранам программы. Что бы что-то найти сначала нужно поискать по всему приложению.

Старый вариант

Стало

Собираем все настройки в удобное меню, которое легко вызывается перетягиванием нижней иконки вверх. Все возможности разделены на группы: «настройки часов», «аккаунты», «помощь и возможности»

Новый вариант

Важно! В стандартном приложении нам почему-то предлагают управлять плеером с помощью «долгих нажатий». На самом деле довольно сложно считать секунды, которые прошли с момента нажатия кнопки. Намного привычнее было бы сделать управление с помощью количества нажатий, как в фирменной гарнитуре от Apple. Тогда пользователю даже не придётся привыкать.

Было

Для установки таймера и будильника нужно перейти в отдельный экран, а уже только после этого выбирать, что именно нужно настроить. К тому же просто так (с главного экрана программы) невозможно узнать установлен ли у меня будильник/таймер. На часах индикатора тоже нет. Обязательно нужно совершить дополнительное действие (или два).

Таскать стрелки на циферблате часов может и прикольно, но крайне неудобно, особенно когда нужно выставить их к примеру на 12:00. Есть конечно возможность установки времени стандартными средствами, но это не так стильно.

Секундная стрелка на таймере совершенно не нужна. Глупо держать в руках телефон и выставлять таймер к примеру на 15 секунд для того, чтобы сигнал подали часы.

Старый вариант

Стало

В новом варианте с главного экрана сразу видно установлен ли таймер или будильник и на какое время (в случае с таймером сколько осталось). Тапом по соответствующей иконке переходим в режим настройки будильника/таймера.

Время устанавливается обычной прокруткой вдоль безеля часов. Помните Классический iPod? Выбор между минутами и часами происходит нажатием на индикаторе времени в центре. Тапаем по часам, настраиваем часы, тапаем по минутам, соответственно минуты.

Новый вариант

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

Новый вариант

На главном экране расположена кнопка поиска часов. Очень полезная функция, если их закинули куда-то и никак не получается вспомнить куда именно. Часы начнут издавать громкий сигнал.

Новый вариант