10 идей в дизайне, ориентированном на пользователя

Иллюстрация Фанни Луор

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

1. Примите участие рано.

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

2. Получить с высоты птичьего полета.

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

3. Чистый, как вы готовите.

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

Визуальный макет обновления страницы «Купить» (с 2016 года)

Например, задолго до нашего ребрендинга наша сильно оптимизированная страница покупки выглядела визуально устаревшей и не соответствовала новым страницам нашего сайта. Это были наши старые кнопки, поля формы и меню. Даже иллюстрации были устаревшими. Когда наконец открылся перерыв между экспериментами, я предложил обновить дизайн страницы. Чтобы подсластить поле, я продемонстрировал не только обновленный дизайн, но и несколько экспериментальных идей, которые мы могли бы реализовать на обновленной поверхности. Команда сплотилась вокруг этого, и мы успешно отправили новый дизайн.

4. Отполируй свои победы.

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

5. Не экспериментируйте с атомами.

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

6. Сосредоточьтесь на воздействии.

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

7. Понять почему.

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

Взять, к примеру, недавний эксперимент. Мы хотели улучшить инструмент, который люди используют для просмотра списаний с их карт в Dropbox. Этот инструмент получил меньше пользы, чем мы ожидали, и люди часто предпочитали обращаться за помощью в службу поддержки клиентов. Нашей первой мыслью было, что сам инструмент может сбить с толку или сломать. Но, поговорив со службой поддержки и прочитав фактические билеты CX, мой премьер-министр раскрыл удивительную причину.

Аутентификация владельца карты для инструмента поиска заряда

Когда сотрудник покидает свою компанию, он теряет доступ к учетной записи Dropbox этой компании и ее контенту. Это то, что вы ожидаете, и так и должно быть. Как выясняется, однако, люди иногда используют свою личную кредитную карту для бизнес-счета своего работодателя. Если эта карта останется в бизнес-аккаунте после того, как они уйдут, то она будет снята при следующем продлении подписки. Когда владелец карты обнаруживает платеж в своем заявлении, он видит веб-адрес инструмента поиска: db.tt/cchelp. К сожалению, использование этого инструмента требует от них входа в уязвимую учетную запись Dropbox, что они больше не могут.

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

8. Включите идеи победителей в вашу систему дизайна.

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

9. Избегайте темных узоров.

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

Выделение ежегодных счетов с экономией затрат и иллюстрациями

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

10. Держите команду в синхронизации.

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

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

Хотите узнать больше от команды разработчиков Dropbox? Следите за нашими публикациями, Twitter и Dribbble. Хотите творить чудеса вместе? Проверьте наши открытые позиции!