ADV.Systems

09 Июл 2017

Механизм анализа элементов страницы

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

Присутствие элемента

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

Пример: форма для комментария, которая доступна только зарегистрированным пользователям, однако видна всем.

Вопрос: зачем мне её видеть? Мне достаточно ссылки или кнопки «Комментарии доступны зарегистрированным пользователям».

Расположение элемента

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

Пример: логотип слева – виден сразу, запоминается, узнаваем, виден в первую очередь;

Вопрос: клиент покупает логотип или продукт? Если слева ему предложить поиск, рубрикатор, меню – он найдёт то что искал. Логотип справа он точно заметит и запомнит, если ему понравится ваш ресурс.

Активность элемента

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

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

Решение 1: пользователь заполняет поле, под полем сразу (!) появляется сообщение об ошибке заполнения без перезагрузки страницы.

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

Решение 2: пользователь заполняет поле, под полем сразу (!) появляется сообщение об ошибке заполнения без перезагрузки страницы. При этом последующие поля разблокируются только после введения корректной информации.

Расстановка акцентов

Акцентирование элементов это, собственно, именно то, что ведёт пользователя по намеченной нами «тропинке». Это не яркие, мигающие баннеры или промо блоки. Это система, благодаря которой человек смотрит на интерфейс в интересующей нас последовательности. Внешне они могут быть незаметны: где-то это контрастный элемент, где-то градиент, где-то иконка… Самое главное, чтобы они во-первых, не раздражали, во вторых, выполняли нужную нам функцию. Основным отличием акцентированного элемента можно назвать свойство стать заметным только в тот момент, когда это нужно для пользы проекта. Это достигается сочетанием графического дизайна и грамотным проектированием ресурса.

Динамика в статике

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

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

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

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