Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Состояние ожидания UI, или как ничего не испортить

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for CocoaHeads CocoaHeads
April 02, 2018
0
130

Состояние ожидания UI, или как ничего не испортить

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

Avatar for CocoaHeads

CocoaHeads

April 02, 2018
Tweet

More Decks by CocoaHeads

See All by CocoaHeads
Тесты: Повторение. Виктор Суриков
Avatar for CocoaHeads cocoaheads
0
86
Sign In with Apple (client + server). Петр Третьяков
Avatar for CocoaHeads cocoaheads
0
280
Эволюция антипаттернов в Java и Kotlin. Михаил Горюнов
Avatar for CocoaHeads cocoaheads
0
180
Рефакторинг в условиях быстрорастущего стартапа. Егор Фесенко
Avatar for CocoaHeads cocoaheads
0
63
Make Experiments Great Again, или Как iOS Браузер А/Б тестирование улучшал
Avatar for CocoaHeads cocoaheads
0
120
Лотерея в приложении: отрисовка, анимация и никакого мошенничества
Avatar for CocoaHeads cocoaheads
0
98
Микроинтеракции в iOS
Avatar for CocoaHeads cocoaheads
0
240
SceneKit на практике
Avatar for CocoaHeads cocoaheads
0
140
Пишем под iOS на Flutter
Avatar for CocoaHeads cocoaheads
0
160

Featured

See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
Between Models and Reality
Avatar for mayunak mayunak
1
200
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
110
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
57
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
160
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300

Transcript

  1. САМВЕЛ МЕДЖЛУМЯН СОСТОЯНИЕ ОЖИДАНИЯ UI

  2. САМВЕЛ МЕДЖЛУМЯН СОСТОЯНИЕ ОЖИДАНИЯ UI

  3. САМВЕЛ МЕДЖЛУМЯН СОСТОЯНИЕ ОЖИДАНИЯ UI

  4. UI ЛИФТА

  5. ПЛАН ДОКЛАДА ▸ Пользовательский интерфейс ▸ Состояния интерфейса ▸ Психология

    ожидания ▸ Реализация состояния ожидания ▸ 3 рекомендации

  6. UI

  7. None
  8. None
  9. None
  10. None
  11. None

  12. DESIGNING THE USER INTERFACE Offer informative feedback. For every operator

    action, there should be some system feedback. Всегда отображать состояние интерфейса, сохранять обратную связь.

  13. ПОЛЬЗОВАТЕЛЬСКИЙ ИНТЕРФЕЙС

  14. None

  15. СОСТОЯНИЯ ИНТЕРФЕЙСА

  16. None

  17. СОСТОЯНИЯ ИНТЕРФЕЙСА

  18. ИГНОР ТОЖЕ ФИДБЭК. Цитата из зала

  19. THREE STATE SOLUTION https://basecamp.com/books/Getting%20Real.pdf

  20. None

  21. ПСИХОЛОГИЯ ОЖИДАНИЯ

  22. None

  23. Опыт ожидается в любом деле лишь частично определяется временем ожидания.

  24. СОСТОЯНИЕ ОЖИДАНИЯ

  25. ИНДИКАТОРЫ ОЖИДАНИЯ ▸ Цикличные ▸ Определённые

  26. ЦИКЛИЧНЫЕ

  27. ЦИКЛИЧНЫЕ ▸ Дополняйте текстовым сообщением, описывающим, какой процесс обрабатывается ▸

    Используйте только для быстрых операций ▸ Выбирайте системную анимацию
  28. None

  29. ОПРЕДЕЛЁННЫЕ ▸ Для всех операций, происходящих больше 5-10 секунд ▸

    Показатель никогда не должен уменьшаться ▸ Точность не столь важна ▸ Завершающая часть быстрее
  30. None
  31. None
  32. None

  33. «С внедрением индикаторов прогресса мы заставили людей следить за стрелкой

    часов. В результате время, как и работа приложения, для них стало идти дольше. Мы сконцентрировались на индикаторе, а не на прогрессе, который дает понять, что вы приближаетесь к цели, а не просто ждёте». Люк Вроблевски

  34. СКЕЛЕТОН

  35. СКЕЛЕТОН

  36. СКЕЛЕТОН

  37. 3 РЕКОМЕНДАЦИИ 1. Всегда давайте обратную связь пользователю 2. Используйте

    цикличные загрузчики для операций до 10 секунд 3. Используйте скелетную загрузку для интерфейсов с контентом

  38. @SMEJL

  39. РЕСУРСЫ ▸ https://vimeo.com/album/4511673/video/ 211085679 ▸ http://mercury.io/blog/the-psychology-of- waiting-loading-animations-and-facebook ▸ http://sketchapp.me/indikatory-progressa-v- mobilnom-ux-dizajne/

    ▸ https://vc.ru/14045-bad-ui-tinder