У нас, как правило, начинают читать инструкцию, когда что-то сломалось. Но лучше просто избежать печальных последствий и заранее познакомиться с подборкой статей по юзабилити.
В ней вы найдете массу советов и примеров того, как оформлять сайты, чтобы у пользователей не текла кровь из глаз, и они не тратились на услуги психиатра. Читайте, делитесь с коллегами и исправляйте, если что-то сделано неправильно.
Исчерпывающе о юзабилити
1. 25 важных элементов карточки товара в помощь продажам (2019)
Без этих элементов в карточке товара интернет-магазин не будет работать в полную силу. С ними же карточка станет более понятной и удобной, поможет закрыть возражения посетителя и мягко подвести его к покупке.
2. 8 признаков устаревшего сайта (2018)
Прочитайте статью и узнайте, пора обновлять сайт или можно оставить все как есть. Главное, после прочтения у вас будет руководство к действию по улучшению текстов, дизайна и функциональности.
3. 24 кейса по увеличению конверсии посадочной страницы (2018)
Делимся с вами 24 кейсами русскоязычных компаний и специалистов, которые занимаются созданием и оптимизацией посадочных страниц. Некоторые результаты могут показаться вам слишком хорошими, чтобы быть правдой, но это то, чего действительно можно добиться.
4. Всплывающие окна (поп-апы): какими они должны быть, и какие есть альтернативы (2018)
Главное, что нужно знать о поп-апах и их вариациях, чтобы они минимально раздражали пользователей и давали максимальный результат.
5. Чек-лист по юзабилити: 200+ пунктов на проверку (2018)
Пройдитесь по чек-листу элементов юзабилити сайта и посмотрите, какие доработки можно запланировать на ближайшее время. Более 200 пунктов на проверку – что-нибудь точно найдется.
6. Визуальная иерархия в UX: как направить внимание пользователя (2017)
Денис Нарижный, основатель сервиса AskUsers, написал статью о том, как использовать визуальные паттерны на сайте, чтобы удерживать и направлять внимание пользователей.
7. Обзор 22 инструментов для создания прототипов (2017)
Обзор 22 разнообразных сервисов для прототипирования: как для ПК и мобильных устройств, так и для работы онлайн, от бесплатных до весьма недешевых, от простых со скромным функционалом до тех, в которых придется основательно разбираться.
8. 9 ошибок в верстке статьи, из-за которых вы теряете читателей (2016)
Полезная статья о том, какие ошибки в верстке могут спугнуть посетителей вашего ресурса. С примерами реальных блогов, которые вы все знаете и любите.
Руководства
9. Дизайн-мышление: как создать продукт, который решает проблему (2019)
Мы можем искать причины в кризисе и экономических спадах, смене поколений с X на Y и Z, в астрологических прогнозах и даже в том, что «все покупатели козлы». Но. Бизнес закрывается, когда его продукт не решает проблему аудитории. Эта статья поможет найти связь между человеком, его проблемой и продуктом-решением.
10. Как оформить статью, чтобы ее дочитали? Нужно только... (2018)
Рассказываем, какие фишки-плюшки применить в статье, чтобы человек прочитал ее и сказал другим: «Отличный материал!» Не тронем шрифты и верстку абзацев. Рассмотрим элементы статьи, не относящиеся к тексту: содержание, время прочтения, заголовок и другие. Кратко и по существу.
11. Как использовать сетки при создании прототипов страниц (2018)
Чтобы делать удобные пользователям страницы сайта, хорошо бы научиться пользоваться сетками для прототипирования. С помощью нового руководства от Дмитрия Дементия можно заметно повысить качество прототипов.
12. Как создать прототип страниц для разработки сайта, чтобы исполнители не налажали (2018)
Статья про то, как создать прототип страницы, чтобы облегчить жизнь себе и пользователю.
13. Как провести UX-аудит самостоятельно: 4 легких метода для улучшения юзабилити сайта (2018)
В нашей новой статье вы прочтете, что такое UX-аудит, когда его нужно делать, что он дает, какие источники и методы использовать. Материал подойдет для разработчиков, владельцев сайтов, маркетологов, копирайтеров.
14. Как оформлять тексты для сайта, чтобы их читали (2018)
Евгений Кучерявый по элементам разобрал оформление текстового контента, который пользователи обязательно прочтут.
15. Подробное руководство по юзабилити сайдбара (2017)
Дмитрий Дементий рассказал о том, нужны ли сайдбары, какую информацию туда добавлять, как сделать их удобными для пользователей. Обязательное чтиво.
16. Как сделать проототип в Axure RP, если ничего в этом не понимаешь (2017)
Если давно хотели научиться пользоваться Axure RP, но ждали, когда кто-то сможет все по-человечески объяснить, момент настал.
Вебинары
17. [Запись вебинара] Практикум по проверке лендингов (2018)
Практикум, на котором главред блога Константин Рудов и маркетолог Тимур Фехрайдинов, в прямом эфире разобрали лендинги, которые им прислали.
18. [Запись вебинара] Практикум по проверке лендингов-2 и воины дорог (2018)
Константин Рудов и Тимур Фехрайдинов продолжили разбор посадочных страниц, которые им присылали участники вебинара.
19. [Запись вебинара] Ошибки юзабилити, из-за которых вы теряете клиентов (2018)
Артем Олейник, руководитель отдела разработки интерфейсов, рассказывает, какие ошибки в юзабилити сайта заставляют вас терять клиентов.
20. [Запись вебинара] Как создавать прототипы страниц сайта: основы UX (2018)
Анна Маркова дала базовые знания для создания прототипов страниц сайта. Все рассмотрено на конкретных примерах и максимально доступно.
21. [Запись вебинара] Какой должна быть типографика на сайте? (2017)
Бесплатный вебинар по основам работы со шрифтами для сайтов. Спикер – наш руководитель отдела дизайна Святослав Грошев.
Примеры…
22. 14 примеров лендингов с интересным дизайном и необычными фишками (2019)
Собрали интересные фишки и необычные эффекты одностраничников. Часть из них сделали разработчики и веб-дизайнеры «Текстерры», часть нашлась на просторах рунета.
23. Как оформить страницу «Услуги»: на примере 15 компаний из разных сфер бизнеса (2018)
Здесь вы на конкретных примерах увидите, как другие оформляют свои «услужливые» страницы.
24. Как сделать из страницы 404 что-то полезное и интересное: 30 примеров (2018)
Радуем обновленной подборкой 404-страниц. Добавили 10 примеров, как поднять пользователю настроение страницей с ошибкой. Если не видели эту статью раньше, рекомендуем.
25. 20 примеров оформления портфолио на сайте (2018)
В статье собрано 20 примеров страниц «Портфолио» от разных компаний, чтобы вы оценили, насколько хорошо они сделаны, и что-то применили у себя. Или исправили.
26. Как пишется: 15 примеров оформления блогов компаний (2018)
В этой статье собрано 15 примеров того, как выглядят блоги разных компаний, чтобы вы смогли сравнить их со своими, перенять удачные находки или же увидеть слабые места.
27. Любо-дорого посмотреть: 20 примеров карточек товаров (2018)
Оформление карточек товаров в интернет-магазине напрямую влияет на продажи. В статье 20 реальных примеров того, как может быть оформлена карточка.
28. Приятно связаться: 15 примеров страниц «Контакты» (2018)
Держите идеи оформления страницы «Контакты» на 15 реальных примерах. У этих ребят есть чему поучиться.
29. Лицом к лицу: 20 примеров оформления главной страницы сайта (2018)
Разбор 20 главных страниц сайтов с их сильными и слабыми сторонами. По просьбам читателей обновили подборку. Добавили разбор медицинского центра, салона красоты, портала объявлений, картинной галереи и книжного издательства.
30. Что делать будем: 10 примеров удачных интерфейсных решений на сайте (2018)
Иногда на сайтах находятся такие «изюминки» интерфейса, что хочется сразу взять и утащить к себе. В материале 10 особенно интересных примеров.
В нашем блоге есть статья по юзабилити, которую мы не включили в подборку? Пишите в комментариях!