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

Изменение – это не событие. Это процесс

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Отличный способ начать редизайн – использовать модель «double diamond». Вам нужно пройти четыре основных этапа, чтобы перейти от проблемы к ее решению:

  • Постижение – формирование общего понимания и эмпатии.
  • Определение – определение ключевых юзерфлоу, задач и проблем.
  • Исследование – формирование идеи, создание набросков и прототипа низкого качества.
  • Реализация – итеративный дизайн, тестирование и внедрение.

Редизайн никогда не бывает законченным. Это постоянные усилия по сохранению актуальности пользовательского опыта.

Начните с формирования общего понимания проблемы

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Но ваша основная цель – пользователи. В частности, вас должны интересовать следующие вопросы:

  • Почему вы выбрали именно этот продукт, а не другие?
  • Что вам больше всего нравится в этом продукте / функции?
  • Что вы больше всего ненавидите в этом продукте?

Прежде чем вносить изменения, нужно знать, кто что делает? Почему и как они это делают?

Существует множество инструментов создания ассоциограмм. Например, X-Mind, который поможет вам структурировать эту информацию даже во время интервью.

Ничего не воспринимайте, как должное

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Определите фронт работ

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Разберите существующий дизайн

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Обзор аналитики

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

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

Поведенческая блок-схема
Она поможет вам понять, как ведут себя пользователи.

Сроки и конверсия. Создание и анализ воронки
Анализируйте конверсию и создавайте базовые метрики для сравнения нового дизайна.

Обзор конкурентов

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Осознайте свое место на рынке

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Выйдите за рамки своей сферы деятельности

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Определите ключевые проблемные области

Как только вы все поняли с помощью данных из аналитики, вы можете приступить к выявлению ключевых проблемных областей существующего дизайна. Эти проблемы могут варьироваться от проблем юзабилити до багов, несоответствий, неправильных паттернов или экзотических решений без какой-либо причины. Для проверки юзабилити, в качестве шпаргалки, вы можете использовать десять эвристик юзабилити. https://www.nngroup.com/articles/ten-usability-heuristics/

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

И найдите возможности для улучшений

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Понимание ценности и требуемых на нее усилий

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Трудно добиться отличного дизайна

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Сперва делайте наброски на бумаге

Наброски, сделанные от руки – отличный способ начать переносить идеи из вашей головы в физический мир. Вы можете использовать технику под названием «Crazy eights». Вы заставляете себя генерировать восемь идей за 8 минут. Это отличный способ заставить себя отказаться от одного варианта и изучить другие безумные идеи. Будет идеально, если вы сможете проделать это с заинтересованными сторонами и разработчиками. Некоторые идеи, отраженные в этих эскизах, уникальны и креативны.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Быстро получите фидбек с помощью раскадровки низкой точности

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Если вы не тестируете с пользователями, вы теряете время

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Пользователи ненавидят перемены

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Всегда есть место для улучшения

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как правильно подойти к процессу редизайна и повысить ценность дизайна

Делитесь в комментариях своими советами по редизайну.

Свежие вакансии
                        MYTONA MYTONA Game UI/UX Designer Удаленно Санкт-Петербург По договоренности ₽
                        ООО "Компания В.И.К." ООО "Компания В.И.К." Дизайнер (в офис) Офис Краснодар 35 000 ₽
                        ООО РЖД-Технологии ООО РЖД-Технологии Графический дизайнер Офис Москва
                        Ак Барс Цифровые Технологии Ак Барс Цифровые Технологии UI/UX дизайнер Офис Казань от 70 000 ₽
                        Kodix Kodix UX/UI Designer Офис Москва (Moscow, Russia)
Все вакансии

Оригинал: uxdesign.cc

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Похожие записи

Новый подход к подбору цвета интерфейса

Совместное использование нового способа построения цветовых систем для доступных пользовательских интерфейсов. Создайте…

7 фундаментальных приемов психологии в дизайне, которые должен знать каждый дизайнер

Для продуктового дизайнера недостаточно быть экспертом в области интерактивного дизайна. И вот почему…

Базовая сетка 4px для достижения визуальной точности

Я пользуюсь базовой сеткой 4px уже более 2-х лет и пытаюсь заставить мою команду начать использовать ее.