UX-исследования: анализ конкурентов

Что такое информационная архитектура и какие принципы необходимо учитывать при ее создании.

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

Организация и разделение контента известны как информационная архитектура, ИА (Information Architecture, IA), и это важный аспект UX-дизайна. Без надлежащей сортировки контента большинство ваших пользователей терялись бы при навигации по вашему веб-сайту или приложению, что, в результате, ставило бы ценность вашего продукта под сомнение. В конце концов, для чего нужна ваша замечательная функция, если пользователи никогда не смогут ее найти?

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

Из этой статьи вы узнаете:

1. Что такое информационная архитектура;
2. Элементы информационной архитектуры;
3. Восемь принципов информационной архитектуры.

1. Что такое информационная архитектура?

Как ни странно, но ответить на вопрос “что же такое информационная архитектура?” бывает достаточно сложно. Это связано с тем, что в отличии от сфер, которые могут быть сужены до конкретного названия должности (например, написанием контента занимается человек с должностью копирайтер), ИА — гораздо более широкая сфера, охватывающая множество различных профессий.

По правде говоря, каждый, кто принимает участие в разработке продуктов, в какой-то момент применяет принципы информационной архитектуры.

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

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

Информационная архитектура и UX — это одно и то же?

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

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

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

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

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

Аналогия с видеоиграми 

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

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

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

2. Элементы информационной архитектуры

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

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

Организационные системы

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

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

Иерархические структуры

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

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

Последовательные структуры

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

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

Матричные структуры

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

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

Системы маркировки

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

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

Навигационные системы

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

Ваша навигационная система, в некотором роде, должна быть противоположной вашему контенту:

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

Именно в этот момент в игру вступает важная концепция: метаданные.

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

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

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

Поисковые системы

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

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

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

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

3. Восемь принципов информационной архитектуры

Эти восемь принципов могут служить руководством для любого UX-дизайнера, который стремится разобраться в своем продукте. Эти принципы, разработанные основателем EightShape Дэном Брауном (Dan Brown), позволяют понять, что информационная архитектура сама по себе является практикой проектирования структур, а также предоставляют вам несколько советов о том, как это реализовать. Проверьте их.

Принцип объектов

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

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

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

Браун приводит пример сайта кулинарных рецептов, в котором некоторые рецепты являются взаимодополняющими или становятся более актуальными в определенные времена года (например, рецепты приготовления индейки — ко дню благодарения).

Принцип выбора

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

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

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

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

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

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

Принцип раскрытия

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

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

• пользователи могли воспринимать его с нормальной скоростью;
• предвосхищать появление дальнейшей информации до того, как она появится на экране.

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

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

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

Принцип образцов

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

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

Принцип входных дверей

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

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

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

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

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

Принцип множественной классификации

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

• некоторые вводят общую (более широкую) тему данных, которые они ищут (например, пляжную одежду);
• другие ищут более конкретный тип данных, который им необходим (например, бикини).

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

Принцип сфокусированной навигации

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

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

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

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

Принцип роста

Данный принцип следует помнить каждому, кто работает с контентом: количество контента в вашем продукте со временем, неизбежно, будет расти.

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

Заключение

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

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

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

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

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

Чтобы облегчить задачу, попробуйте задать себе следующие вопросы:

• Какова цель пользователя в каждый момент времени? 
• Как вы можете помочь пользователю достичь этой цели самым простым способом?
• Какова цель пользователя в каждый момент времени? 
• Как вы можете помочь пользователю достичь этой цели самым простым способом?

Руководство по конкурентному анализу

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

‍

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

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

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

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

Выполняйте в начале каждого проекта

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

Ставьте ограничение по времени

‍Вы можете потратить недели на изучение ваших конкурентов, особенно когда дело касается популярных тем. Однако, несмотря на свою огромную полезность, обзор и анализ конкурентов — это всего лишь один из этапов процесса проектирования. Так что вам не следует тратить на него слишком много времени. Я считаю, что 1-2 дня более чем достаточно. Но если вы работаете в проектной команде, иногда в вашем распоряжении может быть полдня или даже только пару часов, чтобы изучить данный вопрос.

‍Чем вас больше, тем лучше

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

‍Узнайте, кто из конкурентов наиболее востребован

‍Как вам узнать, кого из конкурентов следует анализировать? Отличный вариант — спросить пользователей, какими продуктами и услугами они пользуются чаще всего. Отчеты таких компаний, как Forrester и Econsultancy, также являются отличной отправной точкой для подбора конкурентов. Самым простым вариантом будет просмотр того, какие приложения и веб-сайты пользуются наибольшей популярностью у пользователей.

‍Изучайте разные продукты, а не только прямых конкурентов

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

‍Анализ на личном опыте

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

Сосредоточьтесь на ключевых задачах

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

‍Делайте скриншоты, много скриншотов

‍Когда я провожу анализ конкурентов, я чувствую себя счастливым туристом, который фотографирует все налево и направо. Я рекомендую вам делать то же самое, потому что считаю, что изображения — это лучший способ быстро запечатлеть, а затем просмотреть то, что вы посчитали важным во время обзора конкурентов. В этом мне помогают два моих любимых приложения: ScreenHunter в Windows и Skitch на Mac.

‍Собирайте все в одном месте

‍При проведении анализа конкурентов очень полезно иметь весь материал в одном месте, чтобы иметь возможность увидеть всю картину целиком. В идеале это должно быть где-то на “стене обзора конкурентов”, но из-за специфики удаленной работы, чрезмерно усердных уборщиц и навязчиво аккуратных офисных менеджеров, это не всегда возможно. В таком случае лучше всего создать виртуальную доску, используя такие инструменты, как Mural или Milanote. Sketch также может быть отличным инструментом для создания большого виртуального коллажа из отобранных материалов конкурентов. Обязательно включите в него все свои изображения, а также примечания и комментарии.

Откажитесь от шаблонов

‍Если вы выполните поиск в Google по запросу “Шаблон обзора конкурентов”, вы получите огромное количество табличных шаблонов. Я не являюсь их фанатом, потому что они полностью текстовые, без единого изображения. Ниже изображен пример от Parimala Hariprasad. Я бы рекомендовал отказаться от подобных шаблонов и использовать изображения и примечания, чтобы зафиксировать результаты анализа конкурентов.

Организация по характеристикам

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

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

Ищите общие тенденции и популярные паттерны

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

‍Проведите исследование пользователей

‍Зачем строить догадки о том, кто из ваших конкурентов обладает лучшими продуктами и услугами, если вы можете узнать об этом непосредственно у пользователей? Используя инструменты удаленного тестирования, такие как usertesting.com и whatusersdo, вы можете быстро подготовить и провести исследование пользователей, чтобы узнать, насколько хорошо работает веб-сайт или мобильное приложение вашего конкурента.

Использование конкурентного анализа

Обсудить результаты с командой

‍Проведя обзор конкурентов, и собрав кучу фотографий, скриншотов и заметок, настало время собрать всю команду, чтобы проанализировать то, что у вас получилось. В идеале, вы должны сделать это рядом с вашей “стеной обзора конкурентов”. Обсудите все вместе, какие интересные идеи и проекты вам понравились больше всего. У кого из ваших конкурентов вы должны украсть дизайн… точнее, вдохновиться?

‍Не копируйте вслепую

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

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

‍Заключение

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