Мысли как пользователь
TRANSCRIPT
Мысли как пользователь
Designfor
People
Alexandra Miracle
ИССЛЕДОВАНИЕ ПОЛЬЗОВАТЕЛЯ
ЦА - группа лиц, пользующихся продуктом или являющиеся потенциальными потребителями продукта, на которых направлена коммуникация.
Методика М.Шеррингтона
what (что?) – что предпочетает потребитель, тип товара,качественные харакетристики товара;
who (кто?) – кто приобретает товар, тип потребителя, его поло-возрастныехарактеристики;
why (почему?) – мотивация, потребность в товаре, приверженность марке,ценовые предпочтения, пирамида Маслоу;
when (когда?) – как происходит покупка (время совершения покупки, способысовершения отложенной по времени покупки);
where (где?) – места покупок, где чаще всего спрашивается и приобретается товар,каналы распределения товара.
ПЕРСОНАЖ
Кто: 21 год, ж, учится в Университете
Что: смотреть кино, комедия, авторское, фэнтези
Почему: потребность в принадлежности,потребность в познавании
Когда: за компанию с друзьями, на премьеру,с бойфрендом, интересно, нечего делать
Где: город
ДИЗАЙН С ОГРАНИЧЕННЫМИ ВОЗМОЖНОСТЯМИ
“Мы бы хотели, чтобы дизайнеры видели разработку приложения как путешествие. Поставьте себя на место пользователя. Подумайте, как слепой или глухой человек будет использовать ваше приложение, и уделите внимание UX.”
Астрид Вебер
Каждый 12-й мужчина и 200-я женщина - дальтоники. Необходимо учитывать этот фактпри проектировании интерфейсов. Дейтеранопия - 8% населения Земли.
accessibility
Дислексия - 7% населения Земли.
Нарушения двигательных функций
Уменьшайте количество взаимодействий и Вы сделаете людей счастливыми!
АУДИТ ПРОЕКТА
АнализОценка эффективности работыРентабельность веб-проектаПрограмма развития и улучшения
Соответствие ресурса всем современным нормам сайтостроенияАнализ юзабилити пользовательских ВЕБИНТЕРФЕЙСОВВыявление несоответствий внутренней оптимизацииМониторинг индексации всех страниц сайтаРезультаты поисковой выдачиОформление и дизай сайта
Комплекс мер по улучшению текщего состояния и решения выявленных проблем
АУДИТ ЮЗАБИЛИТИ
наличие и правильное расположение элементов управленияи навигации, их именование;
колористическое решение дизайна;
функциональные механизмы работы сайта, поиск по сайту;
удовлетворение потребностям пользователя;
графическое оформление;
эффективность использования пространства экрана
описание и контент сайта.
Получение данных:
процент перехода по страницам внутри сайта; время нахождения на страницах; анализ запросов к поиску на сайте; анализ поведения пользователей.
Яндекс директGoogle Adwords
Счетчики на сайте
Получение данных:
процент перехода по страницам внутри сайта; время нахождения на страницах; анализ запросов к поиску на сайте; анализ поведения пользователей.
Экспериментальное тестирование
A B
Ставим себя на место пользователяГруппа пользователей
ЭКСПЕРТНАЯ ОЦЕНКА ДИЗАЙНА САЙТА
1. Логотип+: отражает деятельность компании, есть сссылка с логотипа-: не вмещается в шапкуРешение: отделить знак и логотип в горизонтальное положение
2. Оценка главного меню+: читабельный размер шрифта, разделители не навязчивы и читаются таковыми-: нет смены при посещаемости пункта меню, что не акцентирует вниманиеРешение: Добавить интерактивность
3.Шрифты и заголовки-: Слишком разнородный шрифт, нет контраста Решение: Свести количество шрифтов до 2-х, добавить акценты в заголовках
Сценарий пользователя
ИНСТРУМЕНТЫ ДЛЯ ЮЗАБИЛИТИ ТЕСТИРОВАНИЯ
https://usabilla.com
https://vimeo.com/8198324
Кто тестирует: Пользователи, приглашенные заказчиком тестирования
Объект: Скриншот веб-страницы; страница «живого» сайта
Результаты тестирования: Отчеты о действиях пользователей, сгруппированные
для последующего анализа; тепловая карта кликов
http://www.feng-gui.com
Кто тестирует: Своими силами, с помощью программы, имитирующей взгляд
пользователя на основании специального алгоритма
Объект: Скриншот веб-страницы
Результаты тестирования: Тепловая карта движения глаз по страничке
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 включает в себя восприятие пользователем характеристик системы, таких какполезность, простота использования и эффективность.
ПРАКТИЧЕСКОЕ ЗАДАНИЕ
1. Персонаж
2. Сценарий пользователя
3. Делаем макет страницы магазина молодежной одежды
4. Разбираем ошибки
ДОМАШНЕЕ ЗАДАНИЕ
Кто не додедал практику на занятии, доделать макет
Макет главной страницы своего сайта