amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ h2.acss2f015{text-align:center;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Как улучшить юзабилити через дизайн WordPress

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

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

Управление сайтом

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

Однако ситуация складывается двояко. Дать этим элементам постоянную прописку в данной области сайта или же помещать их в зависимости от контента статьи в разных местах.

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

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

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

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

Помните старые версии Microsoft Office? Там все элементы управления располагались вверху. И независимо от того, занимались ли вы построением таблицы в Word или настраивали вид текста, вверху всегда были одни и те же элементы.
А теперь взгляните на панель Microsoft Office 2007 или выше. Здесь, управляя текстом, вы видите одну панель, в которые собраны инструменты для управления шрифтами, именно те, которые нужны вам сейчас. Управляя таблицами, в верхней панели отобразятся инструменты для таблиц. Также произойдёт, когда вы будете работать с картинками.

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

Адель Гадельшин

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

8 месяцев ago

Как сделать запуск инфопродукта

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

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago