Как правильно спроектировать пользовательский интерфейс

Юзабилити

Как правильно спроектировать пользовательский интерфейс

Современные подходы от гигантов продуктовой разработки

Поделиться
Запинить
Отправить

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

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

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

Они умеют находить подходящие инструменты для работы.

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

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

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

Концепции брендинга

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

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

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

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

Руководства по стилю

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

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

Style Tiles

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

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

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

UI-киты

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

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

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

Шпаргалка по методам разработки UI

От выбора метода разработки UI может зависеть судьба проекта. Подведем итог:

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

  • Руководства по стилю подходят клиентам, у которых уже имеется бренд, нуждающийся в проработке.

  • Style tiles подходят для компаний с четко описанными правилами бренда.

  • UI-киты могут быть созданы для любой компании и использоваться как дизайнерами, так и разработчиками.

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

Оригинал.

Поделиться
Запинить
Отправить
Facebook YouTube Telegram