9.юзабилити мазуркевич артем
- 1. ЮЗАБИЛИТИ Мазуркевич Артем Линейный руководитель отдела юзабилити и UX
- 2. СОДЕРЖАНИЕ Понятие юзабилити Связь SEO и юзабилити Поисковым системам важно, как выглядит Ваш сайт Как сделать сайт эффективнее(общие принципы) Юзабилити-ошибки интернетмагазинов Юзабилити-ошибки контентных сайтов Инструменты для анализа пользователей 2
- 4. ПОНЯТИЕ ЮЗАБИЛИТИ степень эффективности, продуктивности и удовлетворенности, с которой продукт может использоваться определенным пользователем, в определенном контексте использования, для достижения определенных целей. 4
- 7. КОНТЕКСТ ИСПОЛЬЗОВАНИЯ Отправив мужа на работу, Анна зашла в комнату к малышу, в это время ребенок спал. Воспользовавшись свободной минутой, Анна села за компьютер и зашла в интернет пообщаться в социальных сетях, почитать форумы, написать несколько электронных писем старым знакомым по университету. На одном из форумов её внимание привлекло фото нового вида глоксинии. Анна стала читать о понравившемся растении, заметила рекламу о его продаже в интернет-магазине и перешла по ссылке на страницу каталога сайта, где продается глоксиния. 7
- 9. МЕТРИКИ У ВОЕННЫХ КОНСТРУКТОРОВ 9
- 11. ЭФФЕКТИВНОСТЬ ПРОВЕДЕНИЯ РАБОТ ПО ЮЗАБИЛИТИ 10-20% 11
- 12. СВЯЗЬ SEO И ЮЗАБИЛИТИ 12
- 14. ПОИСКОВЫМ МАШИНАМ ВАЖНО КАК ВЫГЛЯДИТ ВАШ САЙТ 2011 Алгоритмы, которые отслеживают удобно ли пользоваться сайтом. 14
- 15. ПОИСКОВЫМ МАШИНАМ ВАЖНО КАК ВЫГЛЯДИТ ВАШ САЙТ 15
- 17. ПОИСКОВЫМ МАШИНАМ ВАЖНО Насколько быстро загружается сайт. 17
- 18. ПОИСКОВЫМ МАШИНАМ ВАЖНО Имеется ли в логотипе сайта ссылка на главную страницу 18
- 19. ПОИСКОВЫМ МАШИНАМ ВАЖНО Насколько грамотно оформлена страница с контактными данными. Насколько грамотно оформлено нижнее меню. 19
- 20. ПОИСКОВЫМ МАШИНАМ ВАЖНО Как оформлены тексты. Стоит обратить внимание на дизайн текстов. Разделены ли они на абзацы. Есть ли между ними достаточные промежутки, обеспечивающие удобство чтения. Насколько велики/малы эти абзацы. Имеется ли тег <h1> в заголовках. Объем текстовой информации, а также процентное содержание ключевых слов на странице. Помните, что, если в тексте содержится более 5% ключевых слов, поисковый робот может с легкостью посчитать их за спам. Присутствуют ли в тексте гипер-ссылки и куда они ведут. Робот в состоянии проверить такую информацию. Если проставлять в тексте ссылки на ту же страницу, на которой расположен сам текст - гипер-ссылкой это считаться не будет. 20
- 21. КАК СДЕЛАТЬ САЙТ ЭФФЕКТИВНЕЕ? 21
- 23. КОНТАКТНАЯ ИНФОРМАЦИЯ Укажите все свои контактные данные: телефон, e mail, Skype, ICQ и т.д. Указывать точное время работы оператора и офиса. Наглядный пример можем наблюдать на сайте 21vek.by 23
- 24. КНОПКА «КУПИТЬ» («ЗАКАЗАТЬ») Решении купить товар осуществляется с помощью кнопки «Купить» либо «Заказать». Если ее нет – покупателя тоже нет. Как не стоит делать. Пример как было реализовано на сайте collettobianco.com. 24
- 25. ПЕРЕХОД В КОРЗИНУ С ЛЮБОЙ СТРАНИЦЫ Покупатель в любой момент должен иметь возможность посмотреть, какой товар он уже выбрал. 25
- 26. ПЕРЕХОД В КОРЗИНУ С ЛЮБОЙ СТРАНИЦЫ 26
- 27. ЦЕНА РЯДОМ С КАЖДЫМ ТОВАРОМ Возможно с точки продвижения это хороший ход, но к сожалению с точки зрения юзабилити так поступать нельзя. Пример взят с сайта oz.by 27
- 28. ИНФОРМАЦИЯ ОБ ОПЛАТЕ И ПОЛУЧЕНИИ ТОВАРА Посетители сайта интересуются информацией о получении и оплате товара как при входе на сайт, так и в процессе перемещения по нему. Неплохая реализация на сайте fruktovoz.ru. 28
- 29. ИНФОРМАЦИЯ ОБ ОПЛАТЕ И ПОЛУЧЕНИИ ТОВАРА 29
- 30. ОБНОВЛЕНИЕ НОВОСТЕЙ И ОТОБРАЖЕНИЕ В БРАУЗЕРАХ То, что удобно и красиво в одном браузере, может оказаться совершенно непонятно в другом. Не обновляемый раздел «Новости» вызывает вопросы работает ли сайт и предоставляет ли он услуги. 30
- 31. КАРТОЧКА ТОВАРА Знакомство с товарами в интернете происходит через их фотографии и текстовое описание. Удачный пример на сайте 24moda.by 31
- 34. ПОЧЕМУ НУЖНО ПОКУПАТЬ ИМЕННО В ЭТОМ МАГАЗИНЕ? Сайт cifrocity.ru Количество отказов – в 2 раза 34
- 35. БЫСТРОЕ ОФОРМЛЕНИЕ ТОВАРА А Вы знаете кто входит в Вашу ЦА? Хороший пример mvideo.ru. 35
- 36. БЫСТРОЕ ОФОРМЛЕНИЕ ТОВАРА Сайт mvideo.ru. 36
- 39. ОФОРМЛЕНИЕ ЗАКАЗА Пример как делать не стоит. Так было на сайте procvetok.ru. 39
- 40. ОФОРМЛЕНИЕ ЗАКАЗА Пример как делать не стоит. Сайт books.ru. 40
- 45. СПОСОБЫ ДОСТАВКИ И ОПЛАТЫ Сайт nextstore.ru. 45
- 46. СПОСОБЫ ДОСТАВКИ И ОПЛАТЫ Сайт nextstore.ru. 46
- 47. СПОСОБЫ ДОСТАВКИ И ОПЛАТЫ Сайт nextstore.ru. 47
- 48. СПОСОБЫ ДОСТАВКИ И ОПЛАТЫ Сайт nextstore.ru. 48
- 49. СПОСОБЫ ДОСТАВКИ И ОПЛАТЫ Сайт nextstore.ru. 49
- 50. СПОСОБЫ ДОСТАВКИ И ОПЛАТЫ Сайт nextstore.ru. 50
- 51. СПОСОБЫ ДОСТАВКИ И ОПЛАТЫ Сайт e5.ru. 51
- 52. СПОСОБЫ ДОСТАВКИ И ОПЛАТЫ Сайт e5.ru. 52
- 54. ВАЖНЫЕ ЭЛЕМЕНТЫ Пример как делать не стоит temptation.by. 54
- 55. БОЛЬШОЙ ВЫБОР Не оставляйте покупателя наедине со списком из 200 товаров, десятком фильтров и сортировок. Чем больше нужно выбирать, тем меньше вероятность покупки. 55
- 56. БОЛЬШОЙ ВЫБОР Хороший пример на сайте e5.ru. 56
- 60. КАРТОЧКА ТОВАРОВ Решение «не купить» всегда принять значительно проще, чем купить. Пример как делать не стоит posuda.ru. 60
- 61. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА Базовый принцип юзабилити. Человек должен всегда понимать, что его ждет после требуемого действия. Поэтому при оформлении заказа название кнопок «Дальше» либо «Продолжить» не говорят ни о чем. 61
- 62. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА Лучше всего указывать количество шагов и то, к какому из них ты переходишь. Хорошая реализация на сайте nextstore.ru. 62
- 63. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА Как делать не стоит kupibrand.by. 63
- 64. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА Сайт kupibrand.by. 64
- 66. НА ЧТО СТОИТ ОБРАЩАТЬ ВНИМАНИЕ? источник посещаемости, поисковые запросы, технические параметры компьютера, вебвизор, карта посещений, диаграмма путей. 66
- 67. НА ЧТО СТОИТ ОБРАЩАТЬ ВНИМАНИЕ? Конструктор отчетов 67
- 68. НА ЧТО СТОИТ ОБРАЩАТЬ ВНИМАНИЕ? Карта скроллинга 68
- 70. ПОЛЕЗНЫЕ РЕСУРСЫ Книги: Алан Купер - «Психбольница в руках пациентов» Стив Круг - «Веб-дизайн: книга Стива Круга, или `не заставляйте меня думать!`» Сайты: http://usability.by - сообщество специалистов по юзабилити, проектированию пользовательских интерфейсов и user experience Беларуси http://fresh.gui.ru - блог компании UIDesign Group http://www.youtube.com/user/usabilitylab - канал компании UsabilityLab http://www.jvetrau.com – блог Юрия Ветрова об интерфейсах 70