Your SlideShare is downloading. ×
0
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Interaction Design

275

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
275
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Проектирование опыта взаимодействия Глеб Уваров 1
  • 2. Знакомство ГЛЕБ УВАРОВ  Разработчик программного обеспечения в Sam Solutions  Инженер-системотехник (БГУИР)  Интересуюсь вопросами User Experience, Usability, Human-Centered Design g.uvarov g.uvarov@gmail.com 2
  • 3. План 1.1. Введение 1.2. О природе сложности интерфейсов 1.3. User Experience и Юзабилити 1.4. Значимость User Experience 3
  • 4. Введение «Человеку свойственно ошибаться, но чтобы провалить дело капитально, необходим компьютер» 4
  • 5. 5
  • 6. 1945 - 1955 6
  • 7. 1955-1965 7
  • 8. 1955-1965 8
  • 9. 1955-1965 9
  • 10. 1965-1980 10
  • 11. 1981 11
  • 12. 12
  • 13. 1968 Doug Engelbart 13
  • 14. 14
  • 15. For the history of the software, it’s been good enough to make things possible. Now success also depends on making things easy. Billy Hollis 15
  • 16. 16
  • 17. О природе сложности интерфейсов «Нельзя решить проблему, находясь внутри системы, которая ее породила» А.Эйнштейн 17
  • 18. 18
  • 19. 19
  • 20. Наш продукт Каким его видит пользователь UI UI логика данные Каким мы его видим МАГИЯ Каким мы должны его видеть UI UI логика логика данные данные 20
  • 21. Разные интересы  Программист хочет, чтобы процесс создания программы протекал легко и гладко.  Пользователь хочет, чтобы легко и гладко происходило взаимодействие с программой. 21
  • 22. 22
  • 23. 23
  • 24. Психология программистов  Пожертвуют простотой ради контроля  Обменяют успех на понимание  Сосредотачиваются на исключительных ситуациях  Прямолинейны 24
  • 25. 25
  • 26. 26
  • 27. 27
  • 28. 28
  • 29. 29
  • 30. 30
  • 31. 31
  • 32. «Бесплатные» функции 32
  • 33. «Бесплатные» функции  Нет четкого понимания целей пользователя  Разрастание набора функций (Feature creep)  Штат технической поддержки  Страхи: • Страх непринятия рынком • Неспособность оценить готовность продукта 33
  • 34. Недостаточно перебросить мост между технологией и потребностью. Кто-то еще должен сделать так, чтобы люди захотели ходить по этому мосту. Alan Cooper 34
  • 35. User Experience и Юзабилити 35
  • 36. Юзабилити  Юзабилити - степень эффективности, продуктивности и удовлетворенности, с которой определенный пользователь решает определенную задачу в определенном контексте ISO 9241-11 36
  • 37. Принципы юзабилити  Обучаемость  Эффективность  Запоминаемость Jacob Nielsen  Предотвращение ошибок  Удовлетворенность 37
  • 38. Обучаемость  Насколько легко пользователи выполняют задачи, используя продукт впервые? 38
  • 39. Эффективность  После того, как пользователи изучили продукт, насколько быстро они могут выполнять задачи? 39
  • 40. Запоминаемость  Если пользователи возвращаются к продукту после перерыва в использовании, насколько легко они могут восстановить свой опыт? 40
  • 41. Предотвращение ошибок  Как много пользователи делают ошибок?  В какой степени ошибки мешают выполнению задач?  Насколько легко происходит восстановление после ошибок? 41
  • 42. Удовлетворенность  Насколько приятно пользоваться продуктом? 42
  • 43. User Experience  Ощущения и реакция человека вследствие использования или предполагаемого использования продукта, системы или услуги ISO 9241-210 43
  • 44. Вопрос Обеспечивает ли хороший функционал и красивый внешний вид хороший User Experience? Хороший функционал + Красивый внешний вид Хороший UX 44
  • 45. Carelman’s teapot Don Norman’s The Design of Everyday Things 45
  • 46. Ответ Нет! Почему? Хороший функционал + Красивый внешний вид ≠ Хороший UX 46
  • 47. Мифы о UX и Юзабилити 47
  • 48. Миф 1: Юзабилити = UX 48
  • 49. The User Experience Honeycomb Peter Morville http://semanticstudios.com/publications/semantics/000029.php 49
  • 50. User Experience компетенции 50
  • 51. User Experience ≠ Юзабилити  Юзабилити позволяет людям эффективно достигать своих целей  User Experience дает им приятный и запоминающийся опыт  Хороший User Experience может быть при плохом Юзабилити, и наоборот 51
  • 52. Миф 2: Юзабилити = красивый визуальный дизайн 52
  • 53. Айсберг Surface Макет, цвета, изображения 30% Меню, кнопки, управление 60% Skeleton 10% Цели, Задачи, Потребности Structure Scope Strategy 53
  • 54. Elements of User Experience Jesse James Garrett http://www.jjg.net/elements/ 54
  • 55. Стратегия Surface Цели бизнеса: Skeleton • • Structure вытеснить конкурентов стимулировать продажи других интегрированных продуктов установить формат по умолчанию для обмена информацией … • бухгалтер, … • • удобный инструмент для учета … предоставление отчетов в виде … • • • десктоп в офисе ноутбук в самолете мобильный телефон в автомобиле • • Кто пользователь? Каковые его потребности? Scope Strategy Контекст: 55
  • 56. Требования Surface Skeleton Structure Scope • • • • • • • • • • • • • ввод чисел ввод текста ввод формул формат ячеек сортировка данных фильтрация данных накопление данных графическое отображение данных сохранение данных импорт данных экспорт данных печать … Strategy 56
  • 57. Структура Surface Skeleton панели задач Structure диалоги Scope Strategy мастера 57
  • 58. Компоновка Surface Skeleton Structure Scope Strategy 58
  • 59. Визуальный дизайн Surface Skeleton Structure Scope Strategy 59
  • 60. Миф 3: Обеспечение UX – это один шаг в процессе разработки 60
  • 61. Как сейчас? Initiation Requirements Analysis Design Development Testing Когда должно начинаться проектирование UX? Implementation
  • 62. Когда должно начинаться обеспечение UX? Необходимо планировать и интегрировать UX на всех этапах жизненного цикла проекта Initiation Requirements User Research Analysis Design UX Design Development Testing Implementation UX Support
  • 63. Значимость User Experience Дороже разработки ПО обходится только разработка плохого ПО 63
  • 64. 64
  • 65. Упражнение  Задача: 300 специалистов в некоторой компании используют продукт “X” для решения определенной задачи 30 минут в день.  Из-за плохого качества “X”, выполнение задачи занимает на 10 минут дольше, чем если бы оно занимало при внедрении UX в процесс создания “X”.  Вопрос: Сколько компания сэкономит за год, если ставка специалиста составляет 10$/час. 65
  • 66. Ответ  300 специалистов x (10$/час x 1/6 часа) x 200 дней = 100 000$/год Здесь не учтены дополнительные расходы, связанные со стрессом и ухудшением качества работы 66
  • 67. Плохой UX  Не знаем цели бизнеса  Не знаем кто наш пользователь  Не знаем потребности наших пользователей  Не говорим с пользователями  Упускаем контекст 67
  • 68. Плохой UX  Не определяем проблему перед ее решением  Делаем решения основанные на наших собственных предпочтениях  Думаем только об интерфейсе  Не используем методологию 68
  • 69. Почему UX важен?  Уменьшение стоимости разработки  Уменьшение стоимости сопровождения  Уменьшение времени на документацию  Уменьшение стоимости технической поддержки  Увеличение удовлетворенности пользователей  Увеличение лояльности пользователей  Увеличение продуктивности пользователей 69
  • 70. Цена исправления ошибок Затраты на изменение Проектирование Возможные решения Разработка Внедрение 70
  • 71. Да, но… Стоимость разработки Оплачиваемые человеко-часы Доход компании 71
  • 72. Инвестируя в успех клиента Лояльность Репутация Мир лучше  72
  • 73. Успешных вам продуктов! 73
  • 74. Спасибо за внимание! Вопросы? Глеб Уваров g.uvarov g.uvarov@gmail.com 74
  • 75. Полезные книги Donald A. Norman The Design of Everyday Things Jacob Nielsen, Hoa Loranger Prioritizing Web Usability Jesse James Garrett The Elements of User Experience 75
  • 76. Полезные книги Дж. Гарретт Веб-дизайн: Элементы опыта взаимодействия Алан Купер Об Интерфейсе. Основы проектирования взаимодействия Алан Купер Психбольница в руках пациентов 76
  • 77. Полезные книги Стив Круг Веб-дизайн или «не заставляйте меня думать!». Билл Скотт, Тереза Нейл Проектирование вебинтерфейсов Луис Розенфельд, Питер Морвиль Информационная архитектура в интернете 77

×