Downloaded 43 times
9.юзабилити мазуркевич артем
- 1. ЮЗАБИЛИТИ Мазуркевич Артем Линейный руководительотдела юзабилити и UX
- 2. СОДЕРЖАНИЕ Понятие юзабилити Связь SEOи юзабилити Поисковым системам важно, как выглядит Ваш сайт Как сделать сайт эффективнее(общие принципы) Юзабилити-ошибки интернетмагазинов Юзабилити-ошибки контентных сайтов Инструменты для анализа пользователей 2
- 3.
- 4. ПОНЯТИЕ ЮЗАБИЛИТИ степень эффективности,продуктивности и удовлетворенности, с которой продукт может использоваться определенным пользователем, в определенном контексте использования, для достижения определенных целей. 4
- 5.
- 6.
- 7. КОНТЕКСТ ИСПОЛЬЗОВАНИЯ Отправив мужана работу, Анна зашла в комнату к малышу, в это время ребенок спал. Воспользовавшись свободной минутой, Анна села за компьютер и зашла в интернет пообщаться в социальных сетях, почитать форумы, написать несколько электронных писем старым знакомым по университету. На одном из форумов её внимание привлекло фото нового вида глоксинии. Анна стала читать о понравившемся растении, заметила рекламу о его продаже в интернет-магазине и перешла по ссылке на страницу каталога сайта, где продается глоксиния. 7
- 8.
- 9. МЕТРИКИ У ВОЕННЫХКОНСТРУКТОРОВ 9
- 10.
- 11. ЭФФЕКТИВНОСТЬ ПРОВЕДЕНИЯ РАБОТПО ЮЗАБИЛИТИ 10-20% 11
- 12. СВЯЗЬ SEO ИЮЗАБИЛИТИ 12
- 13.
- 14. ПОИСКОВЫМ МАШИНАМ ВАЖНОКАК ВЫГЛЯДИТ ВАШ САЙТ 2011 Алгоритмы, которые отслеживают удобно ли пользоваться сайтом. 14
- 15. ПОИСКОВЫМ МАШИНАМ ВАЖНОКАК ВЫГЛЯДИТ ВАШ САЙТ 15
- 16.
- 17. ПОИСКОВЫМ МАШИНАМ ВАЖНО Насколькобыстро загружается сайт. 17
- 18. ПОИСКОВЫМ МАШИНАМ ВАЖНО Имеетсяли в логотипе сайта ссылка на главную страницу 18
- 19. ПОИСКОВЫМ МАШИНАМ ВАЖНО Насколькограмотно оформлена страница с контактными данными. Насколько грамотно оформлено нижнее меню. 19
- 20. ПОИСКОВЫМ МАШИНАМ ВАЖНО Какоформлены тексты. Стоит обратить внимание на дизайн текстов. Разделены ли они на абзацы. Есть ли между ними достаточные промежутки, обеспечивающие удобство чтения. Насколько велики/малы эти абзацы. Имеется ли тег <h1> в заголовках. Объем текстовой информации, а также процентное содержание ключевых слов на странице. Помните, что, если в тексте содержится более 5% ключевых слов, поисковый робот может с легкостью посчитать их за спам. Присутствуют ли в тексте гипер-ссылки и куда они ведут. Робот в состоянии проверить такую информацию. Если проставлять в тексте ссылки на ту же страницу, на которой расположен сам текст - гипер-ссылкой это считаться не будет. 20
- 21. КАК СДЕЛАТЬ САЙТЭФФЕКТИВНЕЕ? 21
- 22.
- 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
- 32.
- 33.
- 34. ПОЧЕМУ НУЖНО ПОКУПАТЬИМЕННО В ЭТОМ МАГАЗИНЕ? Сайт cifrocity.ru Количество отказов – в 2 раза 34
- 35. БЫСТРОЕ ОФОРМЛЕНИЕ ТОВАРА АВы знаете кто входит в Вашу ЦА? Хороший пример mvideo.ru. 35
- 36. БЫСТРОЕ ОФОРМЛЕНИЕ ТОВАРА Сайтmvideo.ru. 36
- 37.
- 38.
- 39. ОФОРМЛЕНИЕ ЗАКАЗА Пример какделать не стоит. Так было на сайте procvetok.ru. 39
- 40. ОФОРМЛЕНИЕ ЗАКАЗА Пример какделать не стоит. Сайт books.ru. 40
- 41.
- 42.
- 43.
- 44.
- 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
- 53.
- 54. ВАЖНЫЕ ЭЛЕМЕНТЫ Пример какделать не стоит temptation.by. 54
- 55. БОЛЬШОЙ ВЫБОР Не оставляйтепокупателя наедине со списком из 200 товаров, десятком фильтров и сортировок. Чем больше нужно выбирать, тем меньше вероятность покупки. 55
- 56. БОЛЬШОЙ ВЫБОР Хороший примерна сайте e5.ru. 56
- 57.
- 58.
- 59.
- 60. КАРТОЧКА ТОВАРОВ Решение «некупить» всегда принять значительно проще, чем купить. Пример как делать не стоит posuda.ru. 60
- 61. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА Базовыйпринцип юзабилити. Человек должен всегда понимать, что его ждет после требуемого действия. Поэтому при оформлении заказа название кнопок «Дальше» либо «Продолжить» не говорят ни о чем. 61
- 62. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА Лучшевсего указывать количество шагов и то, к какому из них ты переходишь. Хорошая реализация на сайте nextstore.ru. 62
- 63. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА Какделать не стоит kupibrand.by. 63
- 64. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА Сайтkupibrand.by. 64
- 65.
- 66. НА ЧТО СТОИТОБРАЩАТЬ ВНИМАНИЕ? источник посещаемости, поисковые запросы, технические параметры компьютера, вебвизор, карта посещений, диаграмма путей. 66
- 67. НА ЧТО СТОИТОБРАЩАТЬ ВНИМАНИЕ? Конструктор отчетов 67
- 68. НА ЧТО СТОИТОБРАЩАТЬ ВНИМАНИЕ? Карта скроллинга 68
- 69.
- 70. ПОЛЕЗНЫЕ РЕСУРСЫ Книги: Алан Купер- «Психбольница в руках пациентов» Стив Круг - «Веб-дизайн: книга Стива Круга, или `не заставляйте меня думать!`» Сайты: http://usability.by - сообщество специалистов по юзабилити, проектированию пользовательских интерфейсов и user experience Беларуси http://fresh.gui.ru - блог компании UIDesign Group http://www.youtube.com/user/usabilitylab - канал компании UsabilityLab http://www.jvetrau.com – блог Юрия Ветрова об интерфейсах 70