Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Юзабилити

Содержание

Юзабилити – характеристика удобства интерфейса с точки зрения пользователя.
Юзабилити  Артём Николенко, Kokoc  a.nikolenko@team.kokoc.com Юзабилити – характеристика удобства интерфейса с точки зрения пользователя. Частые ошибки и общие рекомендации Оформление текстаРазбить весь текст на абзацы так, чтобы каждый абзац содержал не Оформление ссылокВсе ссылки должны быть подчеркнуты. Исключениями могут быть пункты меню при Скорость загрузкиhttps://developers.google.com/speed/pagespeed/insights/?hl=ru Адаптивhttps://www.google.com/webmasters/tools/mobile-friendly/?hl=ru Дизайн Дизайн Дизайн Дизайнhttp://dangry.ru/lukin/ БаннерыНа всех страницахВ левом блокеВ шапкеСкорость смены слайдов ЧПУhttp://europaplus.ru/index.php?go=Newshttp://europaplus.ru/news Номер телефона Хлебные крошкиГлавная → Раздел → Подраздел → Текущая страница Формы ввода Формы вводаОбязательные поляКоличество полейКоличество шаговПодсказкиРазмер полейВалидация без перезагрузкиЗащита от спамаКнопка Защита от спамаДобавить в форму невидимое поле . Таким образом, обработчик формы Ещё ошибкиВнешние ссылки. Атрибут target= Ещё ошибки404 ошибкаПустые страницы Рамки блоковОшибки в текстахПагинацияФильтрыЦеныКорзина и заказ Юзабилити-аудиты: как естьАудитРекомендацииВнедрения Юзабилити-аудиты: как должно бытьАудитРекомендацииИсправленияОшибки сайтаГипотезыТестыВнедрения A/B тесты Остались вопросы?
Слайды презентации

Слайд 2
Юзабилити – характеристика удобства интерфейса с точки зрения

Юзабилити – характеристика удобства интерфейса с точки зрения пользователя.

пользователя.


Слайд 3 Частые ошибки и общие рекомендации

Частые ошибки и общие рекомендации

Слайд 4 Оформление текста
Разбить весь текст на абзацы так, чтобы

Оформление текстаРазбить весь текст на абзацы так, чтобы каждый абзац содержал

каждый абзац содержал не более 6 строк текста.
Добавить отступы

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

Слайд 5 Оформление ссылок
Все ссылки должны быть подчеркнуты. Исключениями могут

Оформление ссылокВсе ссылки должны быть подчеркнуты. Исключениями могут быть пункты меню

быть пункты меню при условии, что их фон отличается

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

Слайд 6 Скорость загрузки
https://developers.google.com/speed/pagespeed/insights/?hl=ru

Скорость загрузкиhttps://developers.google.com/speed/pagespeed/insights/?hl=ru

Слайд 7 Адаптив
https://www.google.com/webmasters/tools/mobile-friendly/?hl=ru

Адаптивhttps://www.google.com/webmasters/tools/mobile-friendly/?hl=ru

Слайд 8 Дизайн

Дизайн

Слайд 9 Дизайн

Дизайн

Слайд 10 Дизайн

Дизайн

Слайд 11 Дизайн
http://dangry.ru/lukin/

Дизайнhttp://dangry.ru/lukin/

Слайд 12 Баннеры
На всех страницах
В левом блоке
В шапке
Скорость смены слайдов

БаннерыНа всех страницахВ левом блокеВ шапкеСкорость смены слайдов

Слайд 13 ЧПУ
http://europaplus.ru/index.php?go=News
http://europaplus.ru/news

ЧПУhttp://europaplus.ru/index.php?go=Newshttp://europaplus.ru/news

Слайд 14 Номер телефона

Номер телефона

Слайд 15 Хлебные крошки
Главная → Раздел → Подраздел → Текущая

Хлебные крошкиГлавная → Раздел → Подраздел → Текущая страница

страница


Слайд 16 Формы ввода

Формы ввода

Слайд 17 Формы ввода
Обязательные поля
Количество полей
Количество шагов
Подсказки
Размер полей
Валидация без перезагрузки
Защита

Формы вводаОбязательные поляКоличество полейКоличество шаговПодсказкиРазмер полейВалидация без перезагрузкиЗащита от спамаКнопка

от спама
Кнопка


Слайд 18 Защита от спама
Добавить в форму невидимое поле

Защита от спамаДобавить в форму невидимое поле . Таким образом, обработчик

type="text" name="name" value="">. Таким образом, обработчик формы будет считать

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

Слайд 19 Ещё ошибки
Внешние ссылки. Атрибут target="_blank"
favicon.ico
Кнопка «Наверх»
Онлайн консультант
Много номеров

Ещё ошибкиВнешние ссылки. Атрибут target=

телефона
Кликабельность номера телефона
Поиск по сайту
Определение региона
Авторизация и регистрация
Заголовки страниц


Слайд 20 Ещё ошибки
404 ошибка
Пустые страницы
Рамки блоков
Ошибки в текстах
Пагинация
Фильтры
Цены
Корзина

Ещё ошибки404 ошибкаПустые страницы Рамки блоковОшибки в текстахПагинацияФильтрыЦеныКорзина и заказ

и заказ


Слайд 21 Юзабилити-аудиты: как есть
Аудит
Рекомендации
Внедрения

Юзабилити-аудиты: как естьАудитРекомендацииВнедрения

Слайд 22 Юзабилити-аудиты: как должно быть
Аудит
Рекомендации
Исправления
Ошибки сайта
Гипотезы
Тесты
Внедрения

Юзабилити-аудиты: как должно бытьАудитРекомендацииИсправленияОшибки сайтаГипотезыТестыВнедрения

Слайд 23 A/B тесты

A/B тесты

  • Имя файла: yuzabiliti.pptx
  • Количество просмотров: 119
  • Количество скачиваний: 1