Дизайн интерфейсов UX UI Дизайнер интерфейсов

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

Именно поэтому я сознательно разделяю дизайн интерфейсов на UX разработку и UI дизайн.

UX дизайн

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

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

Десктоп приложение, интерфейс АРМ, кассовый терминал, интерфейс банкомата, дизайн криптовалютной биржи — каждая разработка интерфейса должна начинаться со сбора информации. Как минимум: целевая аудитория, причины её неудовлетворённости, как продукт способен решить проблемы людей.

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

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

Прототипирование интерфейсов

Прототипы интерфейсов я делаю в Axure RP. На сегодня это стандарт отрасли проектирования UX. Параллельно изучаю Figma.

Sketch лично для меня оказался неудобен. Figma имеет прямой экспорт макетов в Zeplin. Для большинства разработчиков digital-сервисов это самый удобный вариант.

Если Sketch/Figma не принципиальны, я работаю в редакторе Xara Designer Pro X. Он способен генерировать динамические страницы на базе макетов.

Иногда показываю макеты в сервисе InVission. На нём можно показать минимальную анимацию компонентов и переходов. Такие прототипы интерфейсов дают заказчику хорошее представление о конечном продукте.

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

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

В интерфейсах сложных digital-сервисов отрисовываю различные состояния для кнопок. Иногда отдельно создаю UI kit для особо больших проектов.

План работ над дизайном интерфейса

1. Посмотрите мои работы, убедитесь, что они вам нравятся.
2. Запрос и передача материалов.
3. Предоплата 50% (в отдельных случаях 100%).
4. Интервью, сбор информации и аналитика.
5. Разработка черно-белых прототипов интерфейса.
6. Дизайн интерфейса в цвете.
7. После утверждения всех макетов — остаток суммы.
8. Подготовка и передача исходников в формате *.PSD.

Аудит текущего ресурса

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

Результат: документ с описанием и рекомендациями.

Исследования

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

Результат: профиль целевой аудитории и описание целей посетителей.

Проектирование

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

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

Результат: прототипы заказанных страниц, по которым можно походить.

Дизайн

Собственно на этом этапе делается проработка всей визуальной составляющей проекта. Разработка визуального языка. Это как комната в стиле "лофт" или кухня в стиле "прованс" - вы уже примерно понимаете какие используются элементы и как на них будут реагировать люди.

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

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

Поддержка

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

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

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

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

Таким образом, вы получаете комплексный продукт с четко продуманной структурой и интуитивно понятным интерфейсом.