Декабрь 1, 2017

Создание посадочной страницы: взгляд дизайнера

UX / UI

Сайт для завода «Бурмаш»

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

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

Создание посадочной страницы — отдельные блоки

Сравнение продукции

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

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

Все достоинства в конструкции изделия интерактивно подсвечиваются при наведении курсора на ссылки в тексте.

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

Калькулятор

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

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

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

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

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

Максим Мешков,специалист отдела дизайна