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

Группы визуальных элементов на сайте. UX-школа Артема Кузнецова.

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

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

Золотое правило №3 Понятность. UX-школа Артема Кузнецова.

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

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

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

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

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

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

Формы ввода данных: Есть вся необходимая информация по формату и объему  вводимых данных. Пользователю сообщается обо всех возможных ограничениях при вводе данных. Это тоже очень важно. Идем дальше. Дальше у нас здесь есть примеры, когда эти правила не соблюдаются. Мы приводим эти примеры для разных элементов, для текстов, для форм. Это мы все на нашем большом занятии курса PRO как раз расскажем и покажем. Следующее. 

Золотое правило №4 Визуальная ясность. UX-школа Артема Кузнецова.

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

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

Золотое правило №5 Корректность. UX-школа Артема Кузнецова.

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

Золотое правило №6 Единообразие. UX-школа Артема Кузнецова.

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

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

Золотое правило №7 Минимализм и обоснованность. UX-школа Артема Кузнецова.

Минимализм и обоснованность. Каждый элемент интерфейса, который видит пользователь, должен доказать свое право на существование. Наверняка многие слышали про такой принцип бритвы Оккама. Да, то есть, если так своими словами кратко перефразировать, то “не плодите сущности без достаточного на то основания”. То есть, должно быть обосновано, что каждый элемент интерфейса, который появляется и видит пользователь, он зачем-то нужен. 

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

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

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

Желаю вам хорошего дня! Увидимся на следующих занятиях. Пока-пока.