«Строили замок, а не дрались совочками» — выпускницы Contented рассказали о совместной работе над кейсом «Моторики»

Задача — приложение для управления телефоном

«Моторика» создает активные тяговые протезы, которые работают от усилия человека, и бионические протезы — роботизированные конечности с датчиками и двигателями. 

Задача, которую «Моторика» отправила на хакатон, — создать приложение для простого управления функциями телефона с помощью протеза руки. Например, сменить язык на клавиатуре, переключить вкладку браузера, изменить громкость устройства и т. д.

В конкурсе участвовали проектные команды, которые объединили UX-дизайнеров и разработчиков мобильных приложений.

Роли распределились сами собой

До начала конкурса дизайнеры не были знакомы. Они подали заявку на участие, а школа собрала команды. На первом же созвоне оказалось, что каждый из дизайнеров силен в конкретной сфере — и роли в проекте распределились сами собой. 

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

Ася полностью погрузилась в изучение темы протезирования. Исследовала глобальные тренды, смотрела ролики разных компаний и блогеров, которые используют протезы. Также она отвечала за поиск UI-референсов и accessibility — доступность приложения для пользователей с ограниченными возможностями. 

Лена взяла на себя весь визуал — создавала прототипы и прорабатывала UI. Доводила каждый пиксель проекта до «идеала».

Узнали, как живут люди с протезами

Аналогов приложения, которое создавали ребята, нет ни в России, ни за рубежом. Поэтому на старте команду ждал челлендж — понять, что вообще нужно сделать. Дизайнеры собирали любую информацию, которая могла помочь: смотрели видео на YouTube, изучали приложения по управлению протезами и кейсы организатора.

Читайте также:

Игры для киберлюдей: как студенты создали космический платформер для разработчика протезов

Использовали уникальный опыт каждого юзера

На следующем этапе дизайнеры готовились к интервью с людьми, которые используют протезы «Моторики», чтобы скорректировать выводы и доработать концепцию. Организатор предоставил контакты шести респондентов. Среди них были люди разных возрастов и профессий. Например, графический дизайнер, лифтер, программист и офисный работник.

Команда поняла, что сценарии использования протезов очень разные и объединить их в одну логику не получится. Это натолкнуло на мысль — почему бы не добавить другие функции, помимо фотосъемки, и позволить пользователю самому выбирать, для чего использовать приложение. Например, активировать переключение вкладок браузера и управление мобильными играми.

Взяли за основу стиль «Моторики»

На одном из хакатонов другая команда дизайнеров создала для сайта и приложения «Моторики» фирменный стиль. Девушки решили взять его за основу и не подбирать новые цвета. 

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

Следующим этапом была отрисовка UI-компонентов: кнопок, иконок, меню и т. д. По задумке команды, приложение должно работать «поверх» функций, которые оно активирует. У пользователя появляется интерактивное меню на главном экране телефона, которым можно управлять.

Результат — один из самых интересных и сложных проектов

Команда смогла создать уникальное приложение, для которого не было похожих примеров — негде было «подсмотреть», как оно может выглядеть и работать с технической точки зрения. Кроме того, все идеи упирались в один вопрос — смогут ли программисты реализовать конкретные функции.

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