Удмуртская интернет-конференция




       Пользовательский интерфейс —
            передний край битвы
              за п...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru



  Давайте знакомиться
  Автор доклада
  Алексей Копы...
Пользовательский интерфейс — передний край битвы                  www.uidesign.ru


  Что такое пользовательский
  интерфе...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Что такое дизайн/проектирование
  взаимодействия?

...
Пользовательский интерфейс — передний край битвы                          www.uidesign.ru

  User-experience design и Inte...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  А с чем осуществляется
  взаимодействие?

        ...
Пользовательский интерфейс — передний край битвы                    www.uidesign.ru


  В чем отличия от проектирования
  ...
Пользовательский интерфейс — передний край битвы     www.uidesign.ru


  Универсальный инструмент

  Компьютер сейчас – ун...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Теория трѐх волн




                              ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Что делают проектировщики - 1?




                ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Что делают проектировщики - 2?




                ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Что делают проектировщики - 3?




                ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Что делают проектировщики - 4?




                ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Процесс проектирования

  Вектор действий
    1.   ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Исследовать ситуацию




                          ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Адаптация цели




                       Придать л...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Разработка и оптимизация сценариев




            ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Структурирование навигации




                    ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Структурирование навигации




                    ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Структурирование экранов и страниц




        Опти...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru



  Визуальное оформление




              Эффективно...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Постулируемые выгоды

  Качественные интерфейсы
   ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Успех продукта




                                ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Удешевление поддержки




          количество обра...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Лояльность




                                    ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Эффективность




             скорость работы увел...
Пользовательский интерфейс — передний край битвы               www.uidesign.ru


  Вкусные цифры • 1

  В общем, по отрасл...
Пользовательский интерфейс — передний край битвы                 www.uidesign.ru


  Вкусные цифры • 2

  По веб-проектам
...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Проблемы нашей области

  Трудности оценки работы
 ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Что мерять и сколько потратить на это?




        ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Сколько ждать?




                                ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Как учесть посторонние факторы

  На метрики влияет...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Инновации




                                     ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Тенденции в развитии проектирования
  интерфейсов

...
Пользовательский интерфейс — передний край битвы     www.uidesign.ru


  Книги для ознакомления • 1




                  ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Книги для ознакомления • 1




                    ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Книги для ознакомления • 2




       «Веб-дизайн: ...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Книги для ознакомления • 3
  Остальные книги:
  htt...
Пользовательский интерфейс — передний край битвы   www.uidesign.ru


  Ресурсы для ознакомления
     gui.ru
     fresh.g...
Пользовательский интерфейс — передний край битвы                          www.uidesign.ru




             Спасибо за вним...
Upcoming SlideShare
Loading in …5
×

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

3,358 views

Published on

Aleksey Kopylov's presentation for #UIC2010

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,358
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
44
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

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

×