Возвращение простоты презентация

Содержание

Предыстория Эволюция интернет от технически простого в сторону увеличения информационной емкости “портализация” Бои за “место под солнцем” Рождение сверхпредложения Много информации остается неувиденной и незамеченной

Слайд 1Возвращение простоты
82 вебинар сообщества UX Russia
Андрей Сикорский, Дмитрий Сатин


Слайд 2Предыстория
Эволюция интернет от технически простого в сторону увеличения информационной емкости
“портализация”
Бои за

“место под солнцем”
Рождение сверхпредложения
Много информации остается неувиденной и незамеченной

Слайд 3Постановка задачи
Необходимо вернуть фокус пользователя
Сконцентрировать его на чем-то главном
Донести мысли
Вовлечь во

взаимодействие


Слайд 4Один из вариантов решения
Создание объекта, являющегося презентацией
“сайт в сайте”
Содержит важные, ключевые

вещи
Привлекает внимание в первую очередь
Возможно, не требует первого шага от пользователя

Слайд 5Если у нас портал…
объект является одним из многих элементов страницы (порталы,

электронные СМИ)
Часто обновляется (ежечасно или сопоставимо)
Содержит контент одного вида (например, новости)
По назначению напоминает dashboard (сводка высокой информационной емкости)

Слайд 6Если это промо…
объект является центральным и едва ли не единственным элементом
Уделяется

большое внимание созданию впечатления (графическая реализация, анимация, эффекты)
Фокусирует пользователя на нескольких точках
Может содержать разнородную информацию
реклама события и ссылка на скачивание нового продукта в одном месте

Слайд 7Что приходится решать?
Какой тип выбрать?
Должен ли он быть анимированным (“пролистываться” самостоятельно)
Вертикально

или горизонтально расположить элементы управления?
Как должно происходить переключение?
Как дать понять, что этот элемент actionable?


Слайд 8Forbes.com


Слайд 9Whitehouse.gov


Слайд 12Skynews.com


Слайд 13Леди@mail.ru


Слайд 14Kremlin.ru


Слайд 15Microsoft


Слайд 17Tochka.net


Слайд 18Yahoo.com


Слайд 19Паттерн “телевизор”* - ЧТО и КОГДА
Что
Блок, содержащий список элементов, из которого

пользователь может что-либо выбрать, и детальное представление по выбранному элементу. Детальное содержимое ротируется (опционально).
Когда
Есть несколько единиц содержимого, но нет места для того, чтобы разместить его по отдельности
Надо сфокусировать пользователя на нескольких ключевых моментах
Надо предоставить возможность ознакомиться с деталями списка элементов без перезагрузки страницы

* Связанные паттерны: stacked tabs, two-panels selector, carousel


Слайд 20Паттерн “телевизор”: КАК


Слайд 21Расположение
Расположить элементы списка вертикально или горизонтально
от задачи (центральный и единственный объект

или часть портала
от контента (объема, характера)



Слайд 22Элементы списка
Сделать элементы списка достаточно большими для клика (закон Фиттса) и

“приглашающими” к клику (пиктограммы, физические имитации)
Искуственное увеличение (on hover)
Все составные части являются actionable (иллюстрации, пиктограммы)



Слайд 23Связь между областями
Дать четкую связь между элементами списка и областью детального

отображения
Стрелки,
направляющие,
близость,
Объединение в блок (подсвечивание, выделение цветом и формой) и тп



Слайд 24Ожидания от перехода
Сформировать ожидание относительно перехода
Preview, анонсы, краткое описание


Слайд 25Выделение активного
Четко указывать текущий активный элемент и его связь с областью

детального отображения



Слайд 26Привлечение внимания
Ротировать содержимое элементов списка до первого взаимодействия с пользователем
Время ротации

должно быть достаточным





Слайд 27Примечания
Пока с пользователем взаимодействия нет, содержимое должно ротироваться
Интервал зависит от контента

внутри блока
Для кликовых контейнеров должны применяться очевидные указатели
Двойные стрелки “вверх” и “вниз” для вертикальных, стрелки для горизонтальных
Содержимое должно заканчиваться призывом

Слайд 28Спасибо! Вопросы?


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

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

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

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


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

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