Дизайн с ограниченными возможностями. Исследование пользователя.

1. Мысли как пользователь
Designfor
People
Alexandra Miracle

2. ИССЛЕДОВАНИЕ ПОЛЬЗОВАТЕЛЯ
ЦА - группа лиц, пользующихся продуктом или являющиеся потенциальными
потребителями продукта, на которых направлена коммуникация.
Методика М.Шеррингтона
what (что?) – что предпочетает потребитель, тип товара,
качественные харакетристики товара;
who (кто?) – кто приобретает товар, тип потребителя, его поло-возрастные
характеристики;
why (почему?) – мотивация, потребность в товаре, приверженность марке,
ценовые предпочтения, пирамида Маслоу;
when (когда?) – как происходит покупка (время совершения покупки, способы
совершения отложенной по времени покупки);
where (где?) – места покупок, где чаще всего спрашивается и приобретается товар,
каналы распределения товара.

3. ПЕРСОНАЖ
Кто: 21 год, ж, учится в Университете
Что: смотреть кино, комедия, авторское, фэнтези
Почему: потребность в принадлежности,
потребность в познавании
Когда: за компанию с друзьями, на премьеру,
с бойфрендом, интересно, нечего делать
Где: город

4. ДИЗАЙН С ОГРАНИЧЕННЫМИ ВОЗМОЖНОСТЯМИ
“Мы бы хотели, чтобы дизайнеры видели разработку приложения как путешествие.
Поставьте себя на место пользователя. Подумайте, как слепой или глухой человек
будет использовать ваше приложение, и уделите внимание UX.”
Астрид Вебер
Каждый 12-й мужчина и 200-я женщина - дальтоники. Необходимо учитывать этот факт
при проектировании интерфейсов. Дейтеранопия - 8% населения Земли.
accessibility

5. Дислексия - 7% населения Земли.
Нарушения двигательных функций
Уменьшайте количество взаимодействий и Вы сделаете людей счастливыми!

6. АУДИТ ПРОЕКТА
Анализ
Оценка эффективности работы
Рентабельность веб-проекта
Программа развития и улучшения
Соответствие ресурса всем современным нормам сайтостроения
Анализ юзабилити пользовательских ВЕБИНТЕРФЕЙСОВ
Выявление несоответствий внутренней оптимизации
Мониторинг индексации всех страниц сайта
Результаты поисковой выдачи
Оформление и дизай сайта
Комплекс мер по улучшению текщего состояния и решения выявленных проблем

7. АУДИТ ЮЗАБИЛИТИ
наличие и правильное расположение элементов управления
и навигации, их именование;
колористическое решение дизайна;
функциональные механизмы работы сайта, поиск по сайту;
удовлетворение потребностям пользователя;
графическое оформление;
эффективность использования пространства экрана
описание и контент сайта.
Получение данных:
процент перехода по страницам внутри сайта;
время нахождения на страницах;
анализ запросов к поиску на сайте;
анализ поведения пользователей.
Яндекс директ
Google Adwords
Счетчики на сайте

8. Экспериментальное тестирование
A B
Ставим себя на место пользователя
Группа пользователей
ЭКСПЕРТНАЯ ОЦЕНКА ДИЗАЙНА САЙТА
1. Логотип
+: отражает деятельность компании, есть сссылка с логотипа
-: не вмещается в шапку
Решение: отделить знак и логотип в горизонтальное положение
2. Оценка главного меню
+: читабельный размер шрифта, разделители не навязчивы и читаются таковыми
-: нет смены при посещаемости пункта меню, что не акцентирует внимание
Решение: Добавить интерактивность
3.Шрифты и заголовки
-: Слишком разнородный шрифт, нет контраста
Решение: Свести количество шрифтов до 2-х, добавить акценты в заголовках
Сценарий пользователя

9. ИНСТРУМЕНТЫ ДЛЯ ЮЗАБИЛИТИ ТЕСТИРОВАНИЯ
https://usabilla.com
https://vimeo.com/8198324
Кто тестирует: Пользователи, приглашенные заказчиком тестирования
Объект: Скриншот веб-страницы; страница «живого» сайта
Результаты тестирования: Отчеты о действиях пользователей, сгруппированные
для последующего анализа; тепловая карта кликов
http://www.feng-gui.com
Кто тестирует: Своими силами, с помощью программы, имитирующей взгляд
пользователя на основании специального алгоритма
Объект: Скриншот веб-страницы
Результаты тестирования: Тепловая карта движения глаз по страничке

10. UI И UX
UI - это интерфейс, исполненный человеком и реализованный машиной/устройством,
через который человек пользуется интерфейсом-продуктом.
Способ взаимодействия пользователя с продуктом.
Инструменты: Photoshop, Illustrator, Fireworks, Cinema 4D, ZBrush, ручка, бумага.
Типы UI:
1. Графический интерфейс пользователя (GUI).
Пользователь осуществляет операцию ввода через устройства,
такие как компьютерная клавиатура и мышь, а машина и обеспечивает
графический вывод на мониторе компьютера.
2.Веб-интерфейс (WUI). Это совокупность средств, при помощи которых пользователь
взаимодействует с веб-сайтом или любым другим приложением через браузер.
Новые реализации используют Java, JavaScript, AJAX, Adobe Flex, Microsoft. NET.
3.Административные веб-интерфейсы.
4.Сенсорные экраны. Это дисплеи, принимающие ввод при касании пальцами
или стилусом .
UX - опыт взаимодействия предполагает поведение человека, его отношение,
и эмоции вызванные и связанные с использованием продукта, системы или услуги.
UX включает в себя восприятие пользователем характеристик системы, таких как
полезность, простота использования и эффективность.

11. ПРАКТИЧЕСКОЕ ЗАДАНИЕ
1. Персонаж
2. Сценарий пользователя
3. Делаем макет страницы магазина молодежной одежды
4. Разбираем ошибки

12. ДОМАШНЕЕ ЗАДАНИЕ
Кто не додедал практику на занятии, доделать макет
Макет главной страницы своего сайта