Пользовательский интерфейс - передний край битвы
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Пользовательский интерфейс - передний край битвы

  • 3,971 views
Uploaded on

Aleksey Kopylov's presentation for #UIC2010

Aleksey Kopylov's presentation for #UIC2010

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,971
On Slideshare
3,968
From Embeds
3
Number of Embeds
1

Actions

Shares
Downloads
34
Comments
0
Likes
3

Embeds 3

http://www.slideshare.net 3

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. Удмуртская интернет-конференция Пользовательский интерфейс — передний край битвы за пользователей UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
  • 2. Пользовательский интерфейс — передний край битвы www.uidesign.ru Давайте знакомиться Автор доклада Алексей Копылов  Около 10 лет опыта проектирует пользовательских интерфейсов  В 2003 основал компанию «UIDesign Group» по проектированию интерфейсов  Ведет общественную деятельность  Редактирует книги (Алан Купер, Гарретт) 2
  • 3. Пользовательский интерфейс — передний край битвы www.uidesign.ru Что такое пользовательский интерфейс? Пользовательский интерфейс = продукт или услуга 3
  • 4. Пользовательский интерфейс — передний край битвы www.uidesign.ru Что такое дизайн/проектирование взаимодействия? Проектирование рентабельных продуктов, услуг и сред, соответствующих практическим, физическим и эмоциональным потребностям широкого круга людей (Kim Goodwin) 4
  • 5. Пользовательский интерфейс — передний край битвы www.uidesign.ru User-experience design и Interaction design (Проектирование взаимодействия и опыта взаимодействия) — Карта местности (один из многих вариантов) © 2007 Dan Saffer 5
  • 6. Пользовательский интерфейс — передний край битвы www.uidesign.ru А с чем осуществляется взаимодействие?  С другим человеком и сообществом  С собой  С организацией  С инструментом 6
  • 7. Пользовательский интерфейс — передний край битвы www.uidesign.ru В чем отличия от проектирования механических предметов? Я простой и А я – антипод! предсказуемый! 7
  • 8. Пользовательский интерфейс — передний край битвы www.uidesign.ru Универсальный инструмент Компьютер сейчас – универсальный инструмент для решения множества задач. Но задачи стали сложнее, и пользоваться инструментом очень трудно... …особенно если он создается не для пользователя 8
  • 9. Пользовательский интерфейс — передний край битвы www.uidesign.ru Теория трѐх волн 9
  • 10. Пользовательский интерфейс — передний край битвы www.uidesign.ru Что делают проектировщики - 1? Раскрашивают экраны? 10
  • 11. Пользовательский интерфейс — передний край битвы www.uidesign.ru Что делают проектировщики - 2? Жонглируют кнопками? 11
  • 12. Пользовательский интерфейс — передний край битвы www.uidesign.ru Что делают проектировщики - 3? Продумывают структуру? 12
  • 13. Пользовательский интерфейс — передний край битвы www.uidesign.ru Что делают проектировщики - 4? Проектируют взаимодействие! Дарят эмоции! 13
  • 14. Пользовательский интерфейс — передний край битвы www.uidesign.ru Процесс проектирования Вектор действий 1. Исследовать ситуацию 2. Определение/адаптация цели 3. Фиксация/оптимизация/разработка сценария 4. Информационная архитектура 5. Создание структур взаимодействия (экраны) 6. Эстетическая адаптация (визуал) 7. Сопровождение (надзор) 8. Актуальность (обновление) 14
  • 15. Пользовательский интерфейс — передний край битвы www.uidesign.ru Исследовать ситуацию 15
  • 16. Пользовательский интерфейс — передний край битвы www.uidesign.ru Адаптация цели Придать личностный смысл 16
  • 17. Пользовательский интерфейс — передний край битвы www.uidesign.ru Разработка и оптимизация сценариев Учесть потребности 17
  • 18. Пользовательский интерфейс — передний край битвы www.uidesign.ru Структурирование навигации Соответствовать ожиданиям 18
  • 19. Пользовательский интерфейс — передний край битвы www.uidesign.ru Структурирование навигации Соответствовать ожиданиям 19
  • 20. Пользовательский интерфейс — передний край битвы www.uidesign.ru Структурирование экранов и страниц Оптимизировать локальное взаимодействие 20
  • 21. Пользовательский интерфейс — передний край битвы www.uidesign.ru Визуальное оформление Эффективность, комфорт и эмоции 21
  • 22. Пользовательский интерфейс — передний край битвы www.uidesign.ru Постулируемые выгоды Качественные интерфейсы  Приводят к успеху продукта  Снижают затраты на разработку  Удешевляют поддержку  Повышают конкурентоспособность  Увеличивают лояльность клиентов  Повышают эффект автоматизации  Избавляют от критических ситуаций 22
  • 23. Пользовательский интерфейс — передний край битвы www.uidesign.ru Успех продукта 23
  • 24. Пользовательский интерфейс — передний край битвы www.uidesign.ru Удешевление поддержки количество обращений уменьшилось на 90% 24
  • 25. Пользовательский интерфейс — передний край битвы www.uidesign.ru Лояльность 25
  • 26. Пользовательский интерфейс — передний край битвы www.uidesign.ru Эффективность скорость работы увеличилась в 2,8 раза количество ошибок снизилось на порядок 26
  • 27. Пользовательский интерфейс — передний край битвы www.uidesign.ru Вкусные цифры • 1 В общем, по отраслям  Затраты на производство - 33-50%  Затраты на обслуживание - 60-90%  Увеличение продаж 40-80% (до 225%)  Рост аудитории 40-80%  Повышение эффективности 25-65%  Повышение доверия? (Aaron Marcus and Associates, Inc.) 27
  • 28. Пользовательский интерфейс — передний край битвы www.uidesign.ru Вкусные цифры • 2 По веб-проектам  Продажи/конверсия 100%  Траффик 150%  Продуктивность действий 161%  Использование ключевых возможностей 202% (NNGroup, 42 проекта) 28
  • 29. Пользовательский интерфейс — передний край битвы www.uidesign.ru Проблемы нашей области Трудности оценки работы  Возможность (стоимость) измерений  Качество формулирования метрик  Инертность проявления эффекта  Огромное количество влияющих факторов  Трудно применимо для инновационных проектов 29
  • 30. Пользовательский интерфейс — передний край битвы www.uidesign.ru Что мерять и сколько потратить на это? 30
  • 31. Пользовательский интерфейс — передний край битвы www.uidesign.ru Сколько ждать? 31
  • 32. Пользовательский интерфейс — передний край битвы www.uidesign.ru Как учесть посторонние факторы На метрики влияет  Изменение бизнес-процесса  Маркетинговые события (рынок)  Глобальные тренды (моды, фобии, технологии, политика) 32
  • 33. Пользовательский интерфейс — передний край битвы www.uidesign.ru Инновации 33
  • 34. Пользовательский интерфейс — передний край битвы www.uidesign.ru Тенденции в развитии проектирования интерфейсов  Проектирование услуг (Service Design)  Проектирование среды 34
  • 35. Пользовательский интерфейс — передний край битвы www.uidesign.ru Книги для ознакомления • 1 «Психбольница в руках пациентов» 35
  • 36. Пользовательский интерфейс — передний край битвы www.uidesign.ru Книги для ознакомления • 1 «Алан Купер об интерфейсе» aboutface.gui.ru 36
  • 37. Пользовательский интерфейс — передний край битвы www.uidesign.ru Книги для ознакомления • 2 «Веб-дизайн: книга Джесса Гарретта. Элементы опыта взаимодействия» 37
  • 38. Пользовательский интерфейс — передний край битвы www.uidesign.ru Книги для ознакомления • 3 Остальные книги: http://www.ergopro.org/wiki/список_литературы 38
  • 39. Пользовательский интерфейс — передний край битвы www.uidesign.ru Ресурсы для ознакомления  gui.ru  fresh.gui.ru  community.livejournal.com/ru_ucdesign  usability.ru  usability.by  habrahabr.ru/blogs/ui_design_and_usability  wikipedia.org  knol.google.com 39
  • 40. Пользовательский интерфейс — передний край битвы www.uidesign.ru Спасибо за внимание С удовольствием отвечу на Ваши вопросы UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru 40