SlideShare a Scribd company logo
1 of 39
Download to read offline
Прикладные
UX-стратегии
Занятие 1
               Антон Уткин
            Москва, январь 2013
Привет!
Антон Уткин
(и возможные гости)

thalient.in/terfaces
facebook.com/anton.outkine
anton@thalient.in
thalient
                     interfaces

→ Небольшая компания-разработчик интерфейсов
→ 2½ года на рынке, несколько интересных кейсов

→ В основном мобильные штуки и консалтинг

→ Но не только —
Примерный план занятий
→   1. Теория и подходы к проектированию интерфейсов.
→   2. Анализ и сбор информации. Первый подход к снаряду.
→   3. Проектирование интерфейсов: инструментарий
    и способы.
→   4. Интерактивность. Движение и анимация.
    Проектирование среды.
→   5. Менеджмент проектов. Работа с клиентами. Продажа
    и защита проекта. Deliverables. Деньги и сроки.
→   6. Вопросы, ответы и сомнения. Заключительный проект.
Что такое
интерфейс?
Русская Википедия:
→   Интерфе́йс (англ. interface — сопряжение,
    поверхность раздела, перегородка) — граница
    раздела двух систем
На самом деле:
→   Интерфе́йс (англ. interface — сопряжение,
    поверхность раздела, перегородка) — граница
    соединения двух систем
Какие ещё
варианты?
Линия
фронта
John Doe: Wanting people to listen,
you can't just tap them on the shoulder
anymore. You have to hit them with a
sledgehammer, and then you'll notice
you've got their strict attention.


            David Fincher, “Se7en” (1995)
English
 First
We can know more
than we can tell.
      Michael Polanyi,
      “The Tacit Dimension” (1966)
Tacit knowledge
Explicit knowledge
Границы
компетентности
Телефон
 в 2022
UI/UX?
UI   UX
Проблема
 лифта
→   42 этажа
→   простой, очевидный
    интерфейс
→   дети? инвалиды?
Подготовка
к домашке
Книжка на выбор
→   http://www.quora.com/What-are-the-best-books-
    on-UI-UX-design-for-software-engineers


Задание
→   Выбрать в классе книжку по вкусу
→   прочесть и осознать её
→   к следующему занятию подготовить
    презентацию и сделать доклад на 5-10 минут
→   в докладе — основная польза книжки
— Путь в тысячу ли
  начинается
  с одного
  интерфейса
     Неизвестный китайский поэт,
     I век н.э.
Q+A
Домашка
1. Dropbox
→   Завести папку в Dropbox для этой группы
→   пригласить туда студентов и педагога
    (aienn@aienn.com)
→   получить в Dropbox слайды первого занятия


2. Книжка на выбор
→   Прочесть выбранную книжку и подготовить
    по ней презентацию и полезные слайды
    на 5–10 минут
3. Книжка без выбора
→   Прочесть книгу Карла Шрёдера “Ventus”:
→   http://www.kschroeder.com/my-books/ventus/filez/
    ventus-downloads-page
→   к третьему занятию сделать по ней
    презентацию или написать эссе / сдать домашку
    в любом виде, который отвечал бы на вопрос «я
    прочёл эту книгу и вот что я понял»
4. Аэропорт «Шереметьево»
→   Найти блог Брюса Шнайера (Bruce Schneier) и
    прочесть всё, что он имеет сказать, по поводу
    безопасности в современных аэропортах
→   решить проблему безопасности в SVO любыми
    доступными средствами: эссе, презентация,
    дизайн-проект, план-схема
→   доступны любые современные массовые
    технологии: сенсоры, сканеры, компьютеры,
    системы распознавания лица и походки
→   бюджет проекта: $1 млрд.
Deadlines
→   bonus multiplier ×1.5:
    28 января 23:59 MSK
→   последнияя гастроль:
    31 января 13:00 MSK
→   все работы — в Dropbox
    или на почту anton@thalient.in
Спасибо!
Антон Уткин
(и возможные гости)

thalient.in/terfaces
facebook.com/anton.outkine
anton@thalient.in

More Related Content

Viewers also liked

Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)
Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)
Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)LumoSpark
 
стратегия голубого океана
стратегия голубого океанастратегия голубого океана
стратегия голубого океанаZhanara Galymzhan
 
Стратегия голубого океана
Стратегия голубого океанаСтратегия голубого океана
Стратегия голубого океанаVera Kovaleva
 
культовая компания.стратегия голубого океана
культовая компания.стратегия голубого океанакультовая компания.стратегия голубого океана
культовая компания.стратегия голубого океанаolafff
 
Одной ладонью
Одной ладоньюОдной ладонью
Одной ладоньюAnton Outkine
 
Cтратегия голубого океана
Cтратегия голубого океанаCтратегия голубого океана
Cтратегия голубого океанаМарк Конаков
 
Blue Ocean Strategy - example of ICanPilot
Blue Ocean Strategy - example of ICanPilotBlue Ocean Strategy - example of ICanPilot
Blue Ocean Strategy - example of ICanPilotiCanPilot
 
Michael porter perspective on strategy
Michael porter perspective on strategyMichael porter perspective on strategy
Michael porter perspective on strategyMichaelcmcdermott
 
Blue Ocean Strategy Summary
Blue Ocean Strategy SummaryBlue Ocean Strategy Summary
Blue Ocean Strategy Summary1128808
 
What is strategy- Michael Porter
What is strategy- Michael Porter What is strategy- Michael Porter
What is strategy- Michael Porter Abhilash Kallayil
 
Blue ocean Red Ocean strategy
Blue ocean Red Ocean strategyBlue ocean Red Ocean strategy
Blue ocean Red Ocean strategyDavid Zaki
 
Blue ocean strategy presentation
Blue ocean strategy presentationBlue ocean strategy presentation
Blue ocean strategy presentationAjay Mohan Goel
 
Presentation Skills For MARKETING Managers
Presentation Skills For MARKETING ManagersPresentation Skills For MARKETING Managers
Presentation Skills For MARKETING ManagersYodhia Antariksa
 
Blue ocean strategy ppt slides
Blue ocean strategy ppt slidesBlue ocean strategy ppt slides
Blue ocean strategy ppt slidesYodhia Antariksa
 

Viewers also liked (17)

Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)
Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)
Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)
 
стратегия голубого океана
стратегия голубого океанастратегия голубого океана
стратегия голубого океана
 
Стратегия голубого океана
Стратегия голубого океанаСтратегия голубого океана
Стратегия голубого океана
 
культовая компания.стратегия голубого океана
культовая компания.стратегия голубого океанакультовая компания.стратегия голубого океана
культовая компания.стратегия голубого океана
 
Одной ладонью
Одной ладоньюОдной ладонью
Одной ладонью
 
Cтратегия голубого океана
Cтратегия голубого океанаCтратегия голубого океана
Cтратегия голубого океана
 
Blue Ocean Strategy - example of ICanPilot
Blue Ocean Strategy - example of ICanPilotBlue Ocean Strategy - example of ICanPilot
Blue Ocean Strategy - example of ICanPilot
 
Michael porter perspective on strategy
Michael porter perspective on strategyMichael porter perspective on strategy
Michael porter perspective on strategy
 
Blue Ocean Strategy Summary
Blue Ocean Strategy SummaryBlue Ocean Strategy Summary
Blue Ocean Strategy Summary
 
What is strategy- Michael Porter
What is strategy- Michael Porter What is strategy- Michael Porter
What is strategy- Michael Porter
 
Blue ocean Red Ocean strategy
Blue ocean Red Ocean strategyBlue ocean Red Ocean strategy
Blue ocean Red Ocean strategy
 
Blue Ocean Strategy
Blue Ocean StrategyBlue Ocean Strategy
Blue Ocean Strategy
 
Managing Brand Equity
Managing Brand EquityManaging Brand Equity
Managing Brand Equity
 
Blue ocean strategy presentation
Blue ocean strategy presentationBlue ocean strategy presentation
Blue ocean strategy presentation
 
Presentation Skills For MARKETING Managers
Presentation Skills For MARKETING ManagersPresentation Skills For MARKETING Managers
Presentation Skills For MARKETING Managers
 
Marketing plan ppt slides
Marketing plan ppt slidesMarketing plan ppt slides
Marketing plan ppt slides
 
Blue ocean strategy ppt slides
Blue ocean strategy ppt slidesBlue ocean strategy ppt slides
Blue ocean strategy ppt slides
 

Similar to BHSAD UX strategy 1

Тенденции мира UX: новые вызовы и возможности
Тенденции мира UX: новые вызовы и возможностиТенденции мира UX: новые вызовы и возможности
Тенденции мира UX: новые вызовы и возможностиUIDesign Group
 
Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»e-Legion
 
Презентація до уроку "Поняття шаблону презентації. Створення презентації на о...
Презентація до уроку "Поняття шаблону презентації. Створення презентації на о...Презентація до уроку "Поняття шаблону презентації. Створення презентації на о...
Презентація до уроку "Поняття шаблону презентації. Створення презентації на о...metodist_selid
 
Выбор темы проекта
Выбор темы проектаВыбор темы проекта
Выбор темы проектаilyahov
 
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ..."Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...Julia Lebedeva
 
Back to the future: ux trends 2015
Back to the future: ux trends 2015Back to the future: ux trends 2015
Back to the future: ux trends 2015Ciklum Ukraine
 
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеКанвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеLumiknows Consultancy
 
Linux и свободное по
Linux и свободное поLinux и свободное по
Linux и свободное поAlexander Babich
 
Nordic White Nights Game Developers Conf: Monetization for Free
Nordic White Nights Game Developers Conf: Monetization for FreeNordic White Nights Game Developers Conf: Monetization for Free
Nordic White Nights Game Developers Conf: Monetization for FreeNordic Agency AB
 
6технологий
6технологий6технологий
6технологийTatyana Pirog
 
резюме 2.0
резюме 2.0резюме 2.0
резюме 2.0yfrolov
 
Как сделать прототип
Как сделать прототипКак сделать прототип
Как сделать прототипIrina Ryzhova
 
Многопользовательский компьютер
Многопользовательский компьютерМногопользовательский компьютер
Многопользовательский компьютерКоммандКор
 
Многопользовательский компьютер
Многопользовательский компьютерМногопользовательский компьютер
Многопользовательский компьютерKommandCore
 
организация мероприятий без упячки. герасимович. Itotvet 19 20 октября
организация мероприятий без упячки. герасимович. Itotvet 19 20 октябряорганизация мероприятий без упячки. герасимович. Itotvet 19 20 октября
организация мероприятий без упячки. герасимович. Itotvet 19 20 октябряit-people
 
Практика организации ИТ-конфереций и других мероприятий для разработчиков
Практика организации ИТ-конфереций и других мероприятий для разработчиковПрактика организации ИТ-конфереций и других мероприятий для разработчиков
Практика организации ИТ-конфереций и других мероприятий для разработчиковSQALab
 
Воронкин А. С. (ITEA-2013)
Воронкин А. С. (ITEA-2013)Воронкин А. С. (ITEA-2013)
Воронкин А. С. (ITEA-2013)ITEA Conferences
 

Similar to BHSAD UX strategy 1 (20)

Тенденции мира UX: новые вызовы и возможности
Тенденции мира UX: новые вызовы и возможностиТенденции мира UX: новые вызовы и возможности
Тенденции мира UX: новые вызовы и возможности
 
Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»
 
адвайзер как не заблудиться
адвайзер как не заблудитьсяадвайзер как не заблудиться
адвайзер как не заблудиться
 
Презентація до уроку "Поняття шаблону презентації. Створення презентації на о...
Презентація до уроку "Поняття шаблону презентації. Створення презентації на о...Презентація до уроку "Поняття шаблону презентації. Створення презентації на о...
Презентація до уроку "Поняття шаблону презентації. Створення презентації на о...
 
Pp
PpPp
Pp
 
Выбор темы проекта
Выбор темы проектаВыбор темы проекта
Выбор темы проекта
 
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ..."Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
 
Back to the future: ux trends 2015
Back to the future: ux trends 2015Back to the future: ux trends 2015
Back to the future: ux trends 2015
 
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеКанвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
 
Linux и свободное по
Linux и свободное поLinux и свободное по
Linux и свободное по
 
Nordic White Nights Game Developers Conf: Monetization for Free
Nordic White Nights Game Developers Conf: Monetization for FreeNordic White Nights Game Developers Conf: Monetization for Free
Nordic White Nights Game Developers Conf: Monetization for Free
 
6технологий
6технологий6технологий
6технологий
 
резюме 2.0
резюме 2.0резюме 2.0
резюме 2.0
 
Как сделать прототип
Как сделать прототипКак сделать прототип
Как сделать прототип
 
Многопользовательский компьютер
Многопользовательский компьютерМногопользовательский компьютер
Многопользовательский компьютер
 
Многопользовательский компьютер
Многопользовательский компьютерМногопользовательский компьютер
Многопользовательский компьютер
 
организация мероприятий без упячки. герасимович. Itotvet 19 20 октября
организация мероприятий без упячки. герасимович. Itotvet 19 20 октябряорганизация мероприятий без упячки. герасимович. Itotvet 19 20 октября
организация мероприятий без упячки. герасимович. Itotvet 19 20 октября
 
Product design sprint
Product design sprintProduct design sprint
Product design sprint
 
Практика организации ИТ-конфереций и других мероприятий для разработчиков
Практика организации ИТ-конфереций и других мероприятий для разработчиковПрактика организации ИТ-конфереций и других мероприятий для разработчиков
Практика организации ИТ-конфереций и других мероприятий для разработчиков
 
Воронкин А. С. (ITEA-2013)
Воронкин А. С. (ITEA-2013)Воронкин А. С. (ITEA-2013)
Воронкин А. С. (ITEA-2013)
 

More from Anton Outkine

Ведение коротких, сложных
 и серьёзных дизайн-проектов 
в условиях военного в...
Ведение коротких, сложных
 и серьёзных дизайн-проектов 
в условиях военного в...Ведение коротких, сложных
 и серьёзных дизайн-проектов 
в условиях военного в...
Ведение коротких, сложных
 и серьёзных дизайн-проектов 
в условиях военного в...Anton Outkine
 
Большой длинный дизайн-процесс (мастер-класс)
Большой длинный дизайн-процесс (мастер-класс)Большой длинный дизайн-процесс (мастер-класс)
Большой длинный дизайн-процесс (мастер-класс)Anton Outkine
 
Выступление Thalient в ИКРЕ
Выступление Thalient в ИКРЕВыступление Thalient в ИКРЕ
Выступление Thalient в ИКРЕAnton Outkine
 
Правильная ориентация: прикладная картография, гиперлокальность, тоталитарный...
Правильная ориентация: прикладная картография, гиперлокальность, тоталитарный...Правильная ориентация: прикладная картография, гиперлокальность, тоталитарный...
Правильная ориентация: прикладная картография, гиперлокальность, тоталитарный...Anton Outkine
 
Спортивное ориентирование: прикладная картография в гиперлокальных discovery-...
Спортивное ориентирование: прикладная картография в гиперлокальных discovery-...Спортивное ориентирование: прикладная картография в гиперлокальных discovery-...
Спортивное ориентирование: прикладная картография в гиперлокальных discovery-...Anton Outkine
 
Приложения 
как порочный путь разработки мобильных платформ будущего
Приложения 
как порочный путь разработки мобильных платформ будущегоПриложения 
как порочный путь разработки мобильных платформ будущего
Приложения 
как порочный путь разработки мобильных платформ будущегоAnton Outkine
 

More from Anton Outkine (6)

Ведение коротких, сложных
 и серьёзных дизайн-проектов 
в условиях военного в...
Ведение коротких, сложных
 и серьёзных дизайн-проектов 
в условиях военного в...Ведение коротких, сложных
 и серьёзных дизайн-проектов 
в условиях военного в...
Ведение коротких, сложных
 и серьёзных дизайн-проектов 
в условиях военного в...
 
Большой длинный дизайн-процесс (мастер-класс)
Большой длинный дизайн-процесс (мастер-класс)Большой длинный дизайн-процесс (мастер-класс)
Большой длинный дизайн-процесс (мастер-класс)
 
Выступление Thalient в ИКРЕ
Выступление Thalient в ИКРЕВыступление Thalient в ИКРЕ
Выступление Thalient в ИКРЕ
 
Правильная ориентация: прикладная картография, гиперлокальность, тоталитарный...
Правильная ориентация: прикладная картография, гиперлокальность, тоталитарный...Правильная ориентация: прикладная картография, гиперлокальность, тоталитарный...
Правильная ориентация: прикладная картография, гиперлокальность, тоталитарный...
 
Спортивное ориентирование: прикладная картография в гиперлокальных discovery-...
Спортивное ориентирование: прикладная картография в гиперлокальных discovery-...Спортивное ориентирование: прикладная картография в гиперлокальных discovery-...
Спортивное ориентирование: прикладная картография в гиперлокальных discovery-...
 
Приложения 
как порочный путь разработки мобильных платформ будущего
Приложения 
как порочный путь разработки мобильных платформ будущегоПриложения 
как порочный путь разработки мобильных платформ будущего
Приложения 
как порочный путь разработки мобильных платформ будущего
 

BHSAD UX strategy 1

  • 1. Прикладные UX-стратегии Занятие 1 Антон Уткин Москва, январь 2013
  • 2. Привет! Антон Уткин (и возможные гости) thalient.in/terfaces facebook.com/anton.outkine anton@thalient.in
  • 3. thalient interfaces → Небольшая компания-разработчик интерфейсов → 2½ года на рынке, несколько интересных кейсов → В основном мобильные штуки и консалтинг → Но не только —
  • 4.
  • 5.
  • 6.
  • 7. Примерный план занятий → 1. Теория и подходы к проектированию интерфейсов. → 2. Анализ и сбор информации. Первый подход к снаряду. → 3. Проектирование интерфейсов: инструментарий и способы. → 4. Интерактивность. Движение и анимация. Проектирование среды. → 5. Менеджмент проектов. Работа с клиентами. Продажа и защита проекта. Deliverables. Деньги и сроки. → 6. Вопросы, ответы и сомнения. Заключительный проект.
  • 9. Русская Википедия: → Интерфе́йс (англ. interface — сопряжение, поверхность раздела, перегородка) — граница раздела двух систем
  • 10. На самом деле: → Интерфе́йс (англ. interface — сопряжение, поверхность раздела, перегородка) — граница соединения двух систем
  • 13.
  • 14. John Doe: Wanting people to listen, you can't just tap them on the shoulder anymore. You have to hit them with a sledgehammer, and then you'll notice you've got their strict attention. David Fincher, “Se7en” (1995)
  • 16. We can know more than we can tell. Michael Polanyi, “The Tacit Dimension” (1966)
  • 19.
  • 20.
  • 21.
  • 22.
  • 25. UI UX
  • 26.
  • 28. 42 этажа → простой, очевидный интерфейс → дети? инвалиды?
  • 30. Книжка на выбор → http://www.quora.com/What-are-the-best-books- on-UI-UX-design-for-software-engineers Задание → Выбрать в классе книжку по вкусу → прочесть и осознать её → к следующему занятию подготовить презентацию и сделать доклад на 5-10 минут → в докладе — основная польза книжки
  • 31. — Путь в тысячу ли начинается с одного интерфейса Неизвестный китайский поэт, I век н.э.
  • 32. Q+A
  • 33.
  • 35. 1. Dropbox → Завести папку в Dropbox для этой группы → пригласить туда студентов и педагога (aienn@aienn.com) → получить в Dropbox слайды первого занятия 2. Книжка на выбор → Прочесть выбранную книжку и подготовить по ней презентацию и полезные слайды на 5–10 минут
  • 36. 3. Книжка без выбора → Прочесть книгу Карла Шрёдера “Ventus”: → http://www.kschroeder.com/my-books/ventus/filez/ ventus-downloads-page → к третьему занятию сделать по ней презентацию или написать эссе / сдать домашку в любом виде, который отвечал бы на вопрос «я прочёл эту книгу и вот что я понял»
  • 37. 4. Аэропорт «Шереметьево» → Найти блог Брюса Шнайера (Bruce Schneier) и прочесть всё, что он имеет сказать, по поводу безопасности в современных аэропортах → решить проблему безопасности в SVO любыми доступными средствами: эссе, презентация, дизайн-проект, план-схема → доступны любые современные массовые технологии: сенсоры, сканеры, компьютеры, системы распознавания лица и походки → бюджет проекта: $1 млрд.
  • 38. Deadlines → bonus multiplier ×1.5: 28 января 23:59 MSK → последнияя гастроль: 31 января 13:00 MSK → все работы — в Dropbox или на почту anton@thalient.in
  • 39. Спасибо! Антон Уткин (и возможные гости) thalient.in/terfaces facebook.com/anton.outkine anton@thalient.in