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

Категория: Технологии
Нажмите для полного просмотра!
Возвращение простоты 82 вебинар сообщества UX Russia Андрей Сикорский, Дмитрий Сатин, слайд №1Возвращение простоты 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 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


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

Слайд 2


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

Слайд 3


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

Слайд 4


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

Слайд 5


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

Слайд 6


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

Слайд 7


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

Слайд 8


Forbes.com
Описание слайда:
Forbes.com

Слайд 9


Whitehouse.gov
Описание слайда:
Whitehouse.gov

Слайд 10


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

Слайд 11


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

Слайд 12


Skynews.com
Описание слайда:
Skynews.com

Слайд 13


Леди@mail.ru
Описание слайда:
Леди@mail.ru

Слайд 14


Kremlin.ru
Описание слайда:
Kremlin.ru

Слайд 15


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

Слайд 16


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

Слайд 17


Tochka.net
Описание слайда:
Tochka.net

Слайд 18


Yahoo.com
Описание слайда:
Yahoo.com

Слайд 19


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

Слайд 20


Паттерн “телевизор”: КАК
Описание слайда:
Паттерн “телевизор”: КАК

Слайд 21


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

Слайд 22


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

Слайд 23


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

Слайд 24


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

Слайд 25


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

Слайд 26


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

Слайд 27


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

Слайд 28


Спасибо! Вопросы?
Описание слайда:
Спасибо! Вопросы?

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию