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

Нажмите для полного просмотра!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Возвращение простоты 82 вебинар сообщества UX Russia Андрей Сикорский, Дмитрий Сатин. Доклад-сообщение содержит 28 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

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

Слайд 2

Описание слайда:

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

Слайд 3

Описание слайда:

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

Слайд 4

Описание слайда:

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

Слайд 5

Описание слайда:

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

Слайд 6

Описание слайда:

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

Слайд 7

Описание слайда:

Что приходится решать? Какой тип выбрать? Должен ли он быть анимированным (“пролистываться” самостоятельно) Вертикально или горизонтально расположить элементы управления? Как должно происходить переключение? Как дать понять, что этот элемент actionable? …

Слайд 8

Описание слайда:

Forbes.com

Слайд 9

Описание слайда:

Whitehouse.gov

Слайд 10

Описание слайда:

Слайд 11

Описание слайда:

Слайд 12

Описание слайда:

Skynews.com

Слайд 13

Описание слайда:

Леди@mail.ru

Слайд 14

Описание слайда:

Kremlin.ru

Слайд 15

Описание слайда:

Microsoft

Слайд 16

Описание слайда:

SAP

Слайд 17

Описание слайда:

Tochka.net

Слайд 18

Описание слайда:

Yahoo.com

Слайд 19

Описание слайда:

Паттерн “телевизор”* - ЧТО и КОГДА Что Блок, содержащий список элементов, из которого пользователь может что-либо выбрать, и детальное представление по выбранному элементу. Детальное содержимое ротируется (опционально). Когда Есть несколько единиц содержимого, но нет места для того, чтобы разместить его по отдельности Надо сфокусировать пользователя на нескольких ключевых моментах Надо предоставить возможность ознакомиться с деталями списка элементов без перезагрузки страницы

Слайд 20

Описание слайда:

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

Слайд 21

Описание слайда:

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

Слайд 22

Описание слайда:

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

Слайд 23

Описание слайда:

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

Слайд 24

Описание слайда:

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

Слайд 25

Описание слайда:

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

Слайд 26

Описание слайда:

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

Слайд 27

Описание слайда:

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