Художник в глубине души, я был привлечен в Electric Objects — стартап основанный в Нью-Йорке, создающий связанный художественный дисплей для вашего дома. Осенью 2016 года я присоединился к EO в качестве первого специализированного продакт-дизайнера.

EO продает дисплей и услугу подписки: Арт-клуб предлагает подписчикам работы подающих надежды художников и шедевры из музеев в таких форматах, как кадры, gif-файлы, видео — и даже генеративное веб-искусство. Поскольку мы готовились к грядущему сезону праздников в ожидании нашего дисплея третьего поколения, мы также провели обновление программного обеспечения для полностью пересмотренного художественного опыта.

Electric Objects

Где мы были

Клиенты контролируют дисплеи через наше Android приложение или веб-приложение, но 85% из них используют iOS. Оно было первоначально разработано как социальная сеть, клиенты были ограничены загрузкой изображений и подпиской на других пользователей. Со временем мы внедрили новые функции, такие как арт-клуб и плейлисты, возможность ставить картины в очередь отображения на вашем дисплее.

Старое приложение Electric Objects Electric Objects старое приложение -1 Electric Objects старое приложение -2

Возможности приложения

Наше приложение было разбито на 4 категории: Арт-клуб (Art Club) — просмотр искусства, жанров, артистов и многое другое; Загрузка (Upload) — импортируйте собственные изображения, сделайте снимок, добавьте их в сообщество или сохраните их приватно; Сообщество (Community) — просмотр загрузок по популярным или недавно добавленным файлам; Мой профиль (My Profile) — доступ к вашим загрузкам, избранному и отображение истории, а также к настройкам дисплея. Приложение выполнило свою работу. Оно выглядело и ощущалось, как социальное приложение.

Electric Objects возможности

Знай своего клиента

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

1. Дистанционное управление

Проблема: Это приложение было действительно с дистанционным управлением! Дистанционное управление должно действовать, как дистанционное управление. И высококачественная аппаратная часть заслуживает премиального программного обеспечения. Элементы управления, такие как яркость, засыпание, пробуждение и планирование, были скрыты под вкладкой «Мой профиль», которая скорее функционировала как социальный профиль, чем как место управления вашим дисплеем. Решение: Нам нужно было продвигать элементы управления на передний план.

2. Покажите мне статус

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

3. Скажи мне что это такое

Проблема: Друг пришел к вам в гости и спрашивает о картине на дисплее. Откроете приложение, и вы потеряетесь. Какое название? Кто художник? Решение: Нам был нужен способ ознакомить вас с текущей картиной, позволяя вам узнать о ней.

4. Установить и забыть

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

5. Улучшение нашего участия

Проблема: Наш визуальный брендинг является сильным, настолько сильным было это начало подавлять искусство. Решение: Нам был нужен новый язык дизайна, который бы уважал искусство и возвысил его, как пустое пространство галереи. Язык, который заставил бы приложение ощущаться проще в использовании, и веселее.

Проектирование дизайна

Наша команда по редизайну приложения состояла из трех членов: Люк играл ведущую роль, направляя процесс разработки, Роб взялся за iOS разработку, а я взял на себя исследования, ux дизайн, дизайн взаимодействия, визуальный дизайн и прототипирование. Мы работали 5-дневными спринтами, устанавливая цели дизайна по понедельникам и представляя дизайны по пятницам. Наш рабочий процесс опирался на создание эскизов, прототипирование и тестирования пользователями. Мы использовали ряд инструментов, таких как белые доски, ноутбуки, Illustrator, Sketch, и Flinto. Но звездой шоу был Framer, который позволял нам легко экспериментировать с реалистичными дизайнами, делиться прототипами с остальной частью команды и тестировать с помощью наших пользователей.

Electric Objects проектирование

Новый способ отображения

Редизайн дистанционного управления EO был упражнением на иерархию. Все подчиняется главной странице, ответственной за регулирование воспроизводимых в данный момент картин (Now Playing) и элементов управления дисплеем. Главная страница действует как модуль запуска для трех отдельных интерфейсов: Обзор (Browse), Загрузка (Upload) и Я (Me).

Новый способ отображения Electric Objects возможности

Главная страница — это место, где обитает искусство

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

Дисплей на дисплее

Элементы управления

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

Яркость. Выбор дисплея. Настройки. Все одним легким движением.

Улучшение просмотра

Одно из самых больших дополнений к просмотру — это функция «Каналы» (Channels), позволяющая вам слушать радиостанцию при смене картин. Вы можете лайкнуть или дизлайкнуть произведение искусства, чтобы улучшить рекомендации. Поиск наконец-то добавлен в просмотр, что позволяет определить ваши любимые произведения искусства. Мы открыли структуру коллекции, чтобы раскрыть визуальное богатство, ранее спрятанное за баннерами.

Просмотр, Каналы и Поиск.

Все ваше искусство в одном месте

Вкладка «Я» функционирует как папка для всех ваших вещей: ваших загрузок, лайков, плейлистов, истории. Ранее эта вкладка действовала как социальный профиль, но теперь позволяет быстро получить доступ к искусству.

Упорядоченный визуальный дизайн

Страница с деталями картин находится в центре потока приложения; это атом приложения. Мы привели в порядок визуальный дизайн и сохранили привычные действия, такие как увеличение, избранное, и добавление в плейлист. Мы переработали действие дисплея, чтобы опыт отображения искусства ощущался более уверенным и восхитительным.

Страница деталей картины позволяет добавить в избранное, на дисплей, а также в плейлист.

Новая загрузка

Загрузка изображений на ваш дисплей не является чем-то новым, но мы нашли место для улучшения. Мы ускорили процесс загрузки, создав ресурсы с низким разрешением, для размытия на дисплее, по мере того, как версии с высоким разрешением постепенно появляются, подобно тому, как Instagram загружает изображения по более медленным соединениям.

Подписка и наслаждение

Сколько опыта получают пользователи, не оформившие подписку? Картины отображаются на дисплее ограниченный период времени? Как насчет водяного знака? Мы решили дать пользователям без подписки попробовать приложение, но как только они нажимают на кнопку дисплея, мы побудим их начать пробный период. Без раздела Арт-клуб, вы все равно получите доступ к сообществу и загрузкам, но на самом деле пропустите все самое интересное.

Пользователи могут посмотреть на искусство, но не могут прикоснуться к нему.

Первоклассные первые впечатления

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

Electric Objects первые впечатления

Мы представили тур в начале потока, объясняющий продукт EO. Многие не EO клиенты загрузили приложение без контекста. Гости могут получить представление о картинах во вкладке Обзор (Browse) без необходимости настройки устройства.

Electric Objects тур по приложениюю

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

Electric Objects qr код

Мы заменили 6-значный код сопряжения на сканируемый QR-код, не позволяя вам вбить неправильные цифры.

Сканируемый qr код

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

О, проблема

Проектирование для успешного сопряжения было простым. Проектирование для неудачного сопряжения было совсем другое дело. Дисплей использует Bluetooth и WiFi для подключения к вашему телефону и маршрутизатору. Во время фазы соединения все может очень быстро пойти не так. Возможно, вы ввели неправильный SSID. Возможно, ваш дисплей слишком далеко от маршрутизатора. Возможно, вышло время соединения. Каждый случай должен быть предусмотрен и надо помочь клиенту перейти от проблемы к ее решению.

Режим устранения неполадок

Во время этапа подключения, когда дисплей пытается подключиться к сети WiFi, телефон не может видеть ход соединения. Все, что мы можем вам сказать, это то, что дисплей пытается подключиться, пока не истечет время подключения. Однако мы можем сообщить вам об ошибке на дисплее. Из этой проблемы возникло решение: режим устранения неполадок, позволяющий вам пройти диагностику ошибок. Если есть ошибка, вы можете сопоставить соответствующую ошибку на дисплее с телефоном. Мы даем вам объяснение и следующие шаги для решения проблемы. В конце каждого пути есть возможность обратиться в службу поддержки. Никогда не бывает тупиковых ситуаций, поэтому мы никогда не оставим вас наедине с проблемой.

Направляя навигацию

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

Electric Objects возможности навигация

В ретроспективе я понял, что, несмотря на успех в тестировании пользователями и нашу потребность в иерархии, мы решали проблему, которая на самом деле не существовала. Навигация была классной. Но основной проблемой была не навигация, а доступность элементов управления дисплеем и необходимость в функции Now Playing. Пользователи обязуются использовать приложение покупая EO, но заставить их использовать что-то совершенно новое, слегка грубо. Тем не менее, всегда есть место для инноваций. Многие приложения тестируют уникальные шаблоны навигации, а EO — это уникальный продукт сам по себе.

Electric Objects возможности уникальный шаблон навигации
Весело, но рискованно.

Electric Objects стандартная навигация
Знакомо, но скучно.
Electric Objects неудобная навигация
Узнаваемо и, в конце концов, недружественно.

Ничего не поделаешь

Стартапы сложны. 27 июня EO закрылись. Приложение так и не попало в руки наших клиентов, но я горжусь работой, которую мы проделали, и благодарен за эту возможность. Я хотел бы поблагодарить команду EO за их поддержку. Спасибо вам, Дилан и Крис, за видео и советы по хостингу. И спасибо Ариэль, Марку, Аллану, Ханне, Феликсу, Робу, Джейку и Люку за их отзывы.

Илай Руссо — продакт-дизайнер из Нью-Йорка. Открыт для предложений по работе на полную ставку и для фриланса.

eli.rousso@gmail.com