Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ФОНОВЫЕ ИССЛЕДОВАНИЯ
Как много читать, знать и не офигевать
ЮРИЙ ВЕТРОВ MAIL.RU GROUP
О ЧЕМ ЭТА ИСТОРИЯ?
КАК РАБОТАТЬ
С ИНФОПОТОКАМИ
Меня часто спрашивают, когда я успеваю столько читать.
Возможно, я и правда публикую многовато...
СЛОЖНОСТЬ НАШЕЙ РАБОТЫ
ПОСТОЯННО РАСТЕТ
Уже нельзя быть «просто проектировщиком» или «просто
дизайнером мобильных приложен...
В довесок, постоянно добавляются новые платформы, для
которых мы создаем интерфейсы – смартфоны, планшеты,
часы, ТВ, умный...
ПРОФЕССИОНАЛЬНАЯ ЭРУДИЦИЯ
От нас ожидают глубокого знания своей предметной области
– о том, что востребовано сейчас, будет...
СОВРЕМЕННОЕ ПОНИМАНИЕ
ПРОФЕССИИ ДИЗАЙНЕРА
Важно понимать, что происходит в
смежных областях и если нужно –
вмешиваться в с...
ПРЕДЫСТОРИЯ
В 2009 мне предложили выступить с лекцией об интерфейсах
для Теорий и Практик в Петербурге. Я выбрал тему исто...
Сразу забурился в Википедию и прочитал порядка 900 статей
на тему теорий и решений, парадигм и концепций,
изобретений и из...
Презентацию, правда, так и не опубликовал –
объем информации все рос и рос, формат
оказался тесным. Но с выжимкой выступил...
ЧТО ДАЕТ ТАКОЕ
ОТНОШЕНИЕ К
ЗНАНИЯМ?
1.
БЫСТРЫЕ И ГЛУБОКИЕ
ИССЛЕДОВАНИЯ РЫНОЧНЫХ НИШ
Когда приходит рабочая потребность. У тебя уже есть готовая
подборка патте...
2.
ОПЕРАТИВНАЯ РЕАКЦИЯ НА
ИЗМЕНЕНИЯ РЫНКА
Часы Android Wear и Apple Watch только показали, а ты уже
пару лет следишь за ко...
3.
ПОВЫШЕНИЕ CREDIBILITY
Внутри компании и в отрасли в целом. Ты можешь ответить на
многие вопросы гораздо раньше и глубже...
НА НИЗКОМ СТАРТЕ
Даже если не нужно делать интерфейсы по теме прямо
сейчас, насмотренность по потенциальным направлениям
б...
СТАНОВИШЬСЯ
СИЛЬНЕЕ КАК СПЕЦИАЛИСТ
И ЦЕННЕЕ КАК СОТРУДНИК
Инвестиции времени окупаются профессиональным и
карьерным ростом...
КАК ЭТО УСТРОЕНО
ИНСТРУМЕНТАРИЙ
За много лет у меня образовалась связка инструментов,
которые помогают разбираться со входящим потоком
инфо...
ХРАНИЛИЩА
ONENOTE
Кросс-платформенная записная. Кому-то ближе Evernote, но
он гораздо слабее по возможностям (хотя поиск куда лучше).
НОВЫЕ ПРОДУКТЫ
УМНЫЕ ЧАСЫ И
БРАСЛЕТЫ
АВТОМОБИЛЬНЫЕ
ИНТЕРФЕЙСЫ
ПЛАНШЕТНЫЕ ОС
Это история отрасли, которая структурирует пон...
ДЕСКТОПНЫЕ ОССМАРТФОННЫЕ ОС ИНТЕРАКТИВНЫЕ
СТОЛЫ И СТЕНЫ
ИГРЫВИРТУАЛЬНАЯ
РЕАЛЬНОСТЬ
ДОПОЛНЕННАЯ
РЕАЛЬНОСТЬ
ГОРОДСКАЯ СРЕДАУМНЫЙ ДОМ СПЕЦИАЛИЗИРОВАННЫЕ
И ПРОФЕССИОНАЛЬНЫЕ
ИНТЕРФЕЙСЫ В КИНОВИДЕНИЕ БУДУЩЕГОТВ-ИНТЕРФЕЙСЫ
ТЕХНОЛОГИИ:
ЭКРАНЫ
ТЕХНОЛОГИИ:
УПРАВЛЕНИЕ
ТЕХНОЛОГИИ:
СЕНСОРЫ
ПЕРСОНАЛЬНЫЕ
ПОМОЩНИКИ
СИМУЛЯТОРЫУМНАЯ ОДЕЖДА
ИСТОРИЯ ИНТЕРФЕЙСОВ
ВИДЕНИЕ БУДУЩЕГОСОЦИО-ТЕХНИЧЕСКИЕ
СИСТЕМЫ
ВАЖНЫЕ ЛЮДИ
Все отсылки из Википедии и других источников, со...
МЕТОДЫ ВЫВОДАМЕТОДЫ ВВОДА ОБРАБОТКА
ИНФОРМАЦИИ
UBIQUITOUS
COMPUTING
ПАРАДИГМЫ И ТЕОРИИИССЛЕДОВАТЕЛЬСКИЕ
ЛАБОРАТОРИИ
СТАТИСТИКА РЫНКА
МОБИЛЬНЫЙ ВЕБЭЛЕКТРОННАЯ ПОЧТАСМАРТФОНЫ:
ОС И ПРОИЗВОДИТЕЛИ
По разным срезам – смартфоны, планшеты, конкр...
PC:
ОС И ПРОИЗВОДИТЕЛИ
ПЛАНШЕТЫ:
ОС И ПРОИЗВОДИТЕЛИ
ОНЛАЙН-ВИДЕО И ТВ
ПРИЛОЖЕНИЯСМИОБЛАЧНЫЕ СЕРВИСЫ
ПАТТЕРНЫ
ИЗ СМЕЖНЫХ ОБЛАСТЕЙ
Всегда интересно смотреть, как задача решается в смежных
областях – настройки в авто, методы ...
DELICIOUS
Онлайн-закладки, куда в 2006 перенес все из браузерных.
Только непротухающая информация – новостей там почти нет...
ПРИМЕРЫ ВЫБОРОК
СТАТЬИ О РЕДИЗАЙНЕ
НОВОСТНЫХ САЙТОВ
ШАБЛОНЫ ДИЗАЙНА
ДЛЯ УМНЫХ ЧАСОВ
ИССЛЕДОВАНИЯ ПО
ЧИТАБЕЛЬНОСТИ
Залог хо...
ИНСТРУМЕНТЫ:
ВЕБ-АНАЛИТИКА
ИНСТРУМЕНТЫ:
МОБ. ПРОТОТИПЫ
ИНСТРУМЕНТЫ:
ПОЛЬЗ. ИССЛЕДОВАНИЯ
ИНСТРУМЕНТЫ:
АНИМАЦИЯ
ИНСТРУМЕНТЫ:...
ИНТЕРВЬЮ
С UX-ДИЗАЙНЕРАМИ
СТАТЬИ О ПЕРСОНАЖАХ ИНТЕРФЕЙСНЫЕ
КОМПАНИИ
МАТЕРИАЛЫ ПО ROI UXНАУЧНЫЕ РАБОТЫ
ПО UX
КНИГИ ПО UX
ГАЛЕРЕИ ПАТТЕРНОВМАТЕРИАЛЫ ПО UX-
СТРАТЕГИИ
ПРОДУКТОВЫЙ ДИЗАЙН
NET PROMOTER SCOREПРИМЕРЫ ГАЙДЛАЙНОВЖИВЫЕ ГАЙДЛАЙНЫ
МАТЕРИАЛЫ
ПО КО-ДИЗАЙНУ
ЗУМИРУЕМЫЕ
ИНТЕРФЕЙСЫ
ИНФОГРАФИКА:
TREEMAPS
ШАБЛОНЫ ДЛЯ VISIOФРЕЙМВОРКИ
АДАПТ. ДИЗАЙНА
МОБИЛЬНОЕ
Т...
POCKET
Почти не использую – только как дешевый способ
передать ссылку между устройствами.
http://getpocket.com/
PINTEREST
Коллекция паттернов. Легко собирать, но поиск неудобен.
Есть десктопные вроде Ember, но в облаке спокойнее.
http...
ПРИМЕРЫ БОРДОВ
МОБИЛЬНЫЕ:
ONBOARDING
АНИМАЦИЯ И ЖЕСТЫUX: МОДЕЛИ
И ПРОЦЕССЫ
Внутри команды используем секретные коллекции д...
UX: КАРТЫ САЙТА,
ИНФОКАРТЫ
UX: ПОСТЕРЫ И
ИНФОГРАФИКА
UX: WIREFRAMES И
СКЕТЧИ
UI-КИТЫ, ГАЙДЛАЙНЫUX: SKETCH MAPS,
МАРКЕРНЫЕ ...
WINDOWS PHONE И
METRO-ДИЗАЙН
ANDROID СМАРТФОНЫ:
РЕДКИЕ ПЛАТФОРМЫ
ПЛАНШЕТЫ: РЕДКИЕ
ПЛАТФОРМЫ
IPHONE (ДО IOS7)МОБИЛЬНЫЙ ВЕБ
ANDROID-ПЛАНШЕТЫIPAD WINDOWS 8
МОБИЛЬНЫЕ:
ФОРМЫ
МОБИЛЬНЫЕ:
ЭКРАНЫ ЛОГИНА
МОБИЛЬНЫЕ: SPLASH
SCREENS
ОБЛАКОИКОНКИ ПРИЛОЖЕНИЙ КАЛЕНДАРЬ И TODO
ПРОМО-САЙТЫПОРТАЛЫПОЧТА
НОВОСТИАФИША СПОРТ
ЗДОРОВЬЕ И ФИТНЕСЛЕДИ И ГОРОСКОПЫПОГОДА
ЛИМОННЫЙ ЦВЕТУМНЫЕ ЧАСЫ И
БРАСЛЕТЫ
АВТОМОБИЛЬНЫЕ
САЙТЫ
ТАЙЛЫ И СЕТКИ ИЗ НИХКЛАССИКА ВЕБА
(САЙТЫ 90Х)
ДАШБОРДЫ
VI.SUALIZE.US
Появился раньше Pinterest, но не взлетел как продукт и дико
тормозил. Научился работать с визуальными заклад...
GITHUB И CODEPEN
Интерфейсные скрипты и решения (JavaScript, CSS, SVG).
Только начал собирать.
https://github.io/ http://c...
YOUTUBE И VIMEO
Коллекции выступлений на конференциях,
экспериментальных интерфейсов, видения будущего.
http://www.youtube...
CONFLUENCE
Внутренняя рабочая база знаний в привязке к продуктам
Mail.Ru Group. Ее хочется строить по схожим принципам.
ПРИМЕРЫ ВЫБОРОК
НОВОСТИКАЛЕНДАРЬПОЧТА
Материалы исследований, брейнштормов, решения конкурентов,
статистика, гайды. Монито...
ОБЗОР СВЕЖИХ МАТЕРИАЛОВ™
Мое главное хобби :) Самое интересное из прочитанного попадает
сюда с кратким комментарием. Можно...
ПРИМЕРЫ ВЕТОК
СОВРЕМЕННЫЕ
РЕДАКЦИОННЫЕ CMS
СКРИПТЫMATERIAL DESIGN
Материалы по теме выкладываются в пост с комментариями. ...
IOS8IOS7 APPLE WATCH
НЕПРОШЕННЫЕ
РЕДИЗАЙНЫ
ВСЕ ПРО SKETCHANDROID WEAR
АНОНСЫ ТРЕНИНГОВ И
СЕМИНАРОВ
КАРТОЧНЫЕ
ИНТЕРФЕЙСЫ
РАБОТА С SVG
UX-СТРАТЕГИЯA/B-ТЕСТИРОВАНИЕОСОБЕННОСТИ ЭКРАНА
IPHONE 6 PLUS
ПРОДУКТОВЫЙ
ДИЗАЙНЕР
КОНСТРУКТОРЫ
ОДНОСТРАНИЧНИКОВ
НАРЕЗКА МОБИЛЬНОГО
ДИЗАЙНА
СКИДКИ
НА ОБУЧЕНИЕ И КНИГИ
АВТОМОБИЛЬНЫЕ
ИНТ...
ДАЙДЖЕСТ В БЛОГЕ
Каждый месяц собираю сводную статью. Благодаря скрипту
моего коллеги Вовы Рудного, получаю автоматически
...
СПАСИБО,
ВОВА!
ИСТОЧНИКИ
FEEDLY
Постоянно актуализируемая лента подписок.
http://feedly.com/
Регулярно добавляю туда новое и вычищаю ставшее
бесполезным – важно поддерживать хороший уровень
сигнал/шум.
Здорово, что ...
ГРУППЫ ПОДПИСОК
ОСНОВНОЙ ПОТОК 135 ВТОРОСТЕПЕННЫЙ 278
Anders Ramsay, Autodesk
UX, Baymard, Boxes &
Arrows, Brandon Schauer...
DRIBBBLE, BEHANCE, AWWWARDS,
ONEPAGELOVE, PINTEREST
Мощный источник трендов в визуальных решениях, мелких
интерфейсных пат...
Подписан на множество компаний и дизайнеров, причем с
появлением командных аккаунтов стало все больше
официальных представ...
ПОДБОРКИ НА DRIBBBLE И BEHANCE
ГАЙДЛАЙНЫ И UI KITИКОНКИ ПРИЛОЖЕНИЙIOS7/IOS8
Начал делать их до Pinterest, так что есть нек...
ФОРМЫШАБЛОНЫ И МАКЕТЫ ФИНАНСЫ И ВАЛЮТЫ
КАРТЫЕДАОБЛАКО
ПРОФИЛЬ
ПОЛЬЗОВАТЕЛЯ
ПРОЦЕСС ДИЗАЙНА ОШИБКИ 404
КАСТОМНАЯ НИЖНЯЯ
ПАНЕЛЬ IPHONE
ПОДАЧА ДИЗАЙНАКНОПКИ И КОНТРОЛЫ
EMAILСКЕТЧИ И WIREFRAMES КАЛЕНДАРИ И TODO
МОБИЛЬНЫЙ ВЕБIPADIPHONE (IOS6 И РАНЕЕ)
МЕССЕНДЖЕРЫMETRO-ДИЗАЙН ПРОМО-САЙТЫ
ANDROIDАДАПТИВНЫЙ ДИЗАЙНSPLASH SCREENS
БРОНИРОВАНИЕ И
ПУТЕШЕСТВИЯ
МОБИЛЬНЫЕ:
ЛОГИН
ТАЙЛЫ И
СЕТКИ ИЗ ТАЙЛОВ
НОВОСТИСПОРТДАШБОРДЫ И
СТАТИСТИКА
ПОГОДААВТОМОБИЛЬНЫЕ
САЙТЫ И ПРИЛОЖЕНИЯ
АФИША И ТВ
МУЗЫКА И ВИДЕОONBOARDINGКОРПОРАТИВНЫЕ И
ЛИЧНЫЕ САЙТЫ
СПИСКИ ДИЗАЙНЕРОВ
ТИПОГРАФИКА И
ЛЕТТЕРИНГ
ИЛЛЮСТРАТОРЫПРОДУКТОВЫЕ
ДИЗАЙНЕРЫ
На Dribbble можно читать дизайнеров и команды ...
PANDA
Шикарнейший браузерный плагин, который подменяет экран
новой вкладки в Chrome.
http://usepanda.com/
Выводит хиты дня на Dribbble, Behance и Awwwards, а также
ленту свежих материалов Designer News, Sidebar.io, Product
Hunt,...
TWITTER И FACEBOOK
Наращиваю подписки на интересных дизайнеров и компании.
http://twitter.com/jvetrau http://facebook.com/...
Правда, как и с Panda, читаю не то чтобы все – скорее по
диагонали, случайно замечаю что-нибудь при заходе по делу.
Но это...
ENGADGET И FAST CO DESIGN
Отличные ленты по технологическим трендам и новостям.
Поначалу был крут The Verge, но скатился в...
IFTTT
Еще не начал использовать, но в перспективе хороший инструмент
для вычленения полезного из Twitter, Facebook и чатов...
КНИГИ
Список в Goodreads. Читаю фундаментальное – по текущим
трендам пара десятков статей лучше закрывает потребность.
htt...
СПАСИБО, FRIENDFEED!
Это родоначальник современных подходов в соц.сетях,
который научил меня всему этому.
http://friendfee...
Правда, после покупки
Фейсбуком он стал
загибаться, но все стоящие
функции перетекли в FB.
Основа моего процесса
работы с ...
ИНФОРМАЦИОННЫЕ ПОТОКИ
FEEDLY
ENGADGET/
FAST COMPANY
DRIBBBLE/
BEHANCE
FACEBOOK/
TWITTER
YOUTUBE
/VIMEO
DELICIOUS ONENOTE P...
НЮАНСЫ
СПИСКИ И СПИСКИ СПИСКОВ
Коллеги в шутку называют меня «спискомэн» – я люблю все
упорядочивать! Интерфейсы, бургеры, старые...
Для меня просмотреть с полсотни паттернов – лучший способ
быстро сориентироваться в теме. А лучше раз в десять
больше. Есл...
МИНИМУМ УСТРОЙСТВ
Еще один важный момент. Я уже давно использую единый
ноутбук для работы и дома, а благодаря MS Surface о...
Во-первых, не нужно синхронизировать между собой
настройки, информацию и инструменты.
Во-вторых, не нужно перестраивать пр...
КРИТИЧЕСКАЯ МАССА
Трудозатратно собрать основу любой коллекции. На это,
бывает, трачу целый месяц – например, так было с D...
Зато дальнейшая поддержка становится очень простой. Если
добавлять по паре материалов в неделю, то в коллекции
соберется у...
ИНФОРМАЦИОННЫЕ ФИЛЬТРЫ
ПРОТИВ ИСТОЧНИКОВ
Для экономии времени можно подписываться на
информационные фильтры – сайты, людей...
ЧТО В ИТОГЕ?
РАНЬШЕ НА ПРОКАЧКУ
УХОДИЛА ПРОРВА ВРЕМЕНИ
Много ручной работы, неудобный инструментарий, лишняя
информация, распыление сил...
В ЧЕМ ФОКУС? ФОКУС!
 Тщательная фильтрация информации. Не трачу время на
то, что не пригодится ни в каком виде.
 Читать ...
ЧАС-ПОЛТОРА В ДЕНЬ
НА ПРОФЕССИОНАЛЬНОЕ ЧТЕНИЕ
Если у вас уже сложилась модель предметной области, то
дальше идет приращени...
ТАК ЧТО ХВАТИЛО ВРЕМЕНИ,
ЧТОБЫ ЖЕНИТЬСЯ, ПОЙТИ В ЗАЛ,
УСПЕВАТЬ ЕСТЬ БУРГЕРЫ
И ВООБЩЕ :)
Выстраивание работы с источниками информации.
Поддержка хорошего соотношения сигнал/шум.
Грамотный способ хранения и катег...
P.S.Вы можете получить профит, даже если
будете собирать только часть из этой
информации. Считайте, что это ваше
постоянно...
СПАСИБО!
ЮРИЙ ВЕТРОВ
Photos used: Mansoor, TechCrunch, Дуся Соболь, Blue Inc
www.jvetrau.com twitter.com/jvetrau
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
Upcoming SlideShare
Loading in …5
×

WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать

52,840 views

Published on

Презентация Юрия Ветрова "Фоновые исследования. Как много читать, знать и не офигевать" с конференции World Usability Day 2014.

Published in: Design

WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать

  1. 1. ФОНОВЫЕ ИССЛЕДОВАНИЯ Как много читать, знать и не офигевать ЮРИЙ ВЕТРОВ MAIL.RU GROUP
  2. 2. О ЧЕМ ЭТА ИСТОРИЯ?
  3. 3. КАК РАБОТАТЬ С ИНФОПОТОКАМИ Меня часто спрашивают, когда я успеваю столько читать. Возможно, я и правда публикую многовато полезных ссылок :) Но попробую объяснить, почему на это нужно не так много времени.
  4. 4. СЛОЖНОСТЬ НАШЕЙ РАБОТЫ ПОСТОЯННО РАСТЕТ Уже нельзя быть «просто проектировщиком» или «просто дизайнером мобильных приложений». Нужно понимать соседние роли и предметные области вроде аналитики, верстки, маркетинга, а еще лучше – понемногу уметь делать все это самому. Только так можно эффективно вписаться в современную продуктовую команду.
  5. 5. В довесок, постоянно добавляются новые платформы, для которых мы создаем интерфейсы – смартфоны, планшеты, часы, ТВ, умный дом. Нужно понимать как особенности каждой из них, так и выстраивание взаимодействия пользователя сразу с несколькими устройствами. Глубина знаний по основной предметной области также непрерывно растет. Продукты и решения становятся сложнее и многофакторнее.
  6. 6. ПРОФЕССИОНАЛЬНАЯ ЭРУДИЦИЯ От нас ожидают глубокого знания своей предметной области – о том, что востребовано сейчас, будет актуально в ближайшем будущем. А еще лучше – и того, как мы исторически пришли к современным интерфейсам. Этот уровень знаний, казалось бы, набрать не так-то просто, а поддерживать и развивать – еще затратнее.
  7. 7. СОВРЕМЕННОЕ ПОНИМАНИЕ ПРОФЕССИИ ДИЗАЙНЕРА Важно понимать, что происходит в смежных областях и если нужно – вмешиваться в связанные процессы и влиять на их изменение.
  8. 8. ПРЕДЫСТОРИЯ В 2009 мне предложили выступить с лекцией об интерфейсах для Теорий и Практик в Петербурге. Я выбрал тему истории интерфейсов. Правда, не ожидал, что она окажется такой сложной и, по личному ощущению – слажал. Стало обидно.
  9. 9. Сразу забурился в Википедию и прочитал порядка 900 статей на тему теорий и решений, парадигм и концепций, изобретений и изобретателей, исторических процессов и их влияния. Обновил презентацию до действительно хорошего состояния и дальше уже не мог соскочить. Начал структурировать знания, собирать их по веткам и востребованным сейчас или в ближайшем будущем областям интерфейсных знаний.
  10. 10. Презентацию, правда, так и не опубликовал – объем информации все рос и рос, формат оказался тесным. Но с выжимкой выступил на UXRussia Junior в 2011. Теперь пару раз в год делаю похожие рывки – только так можно не закиснуть в текущем уровне профессионального развития.
  11. 11. ЧТО ДАЕТ ТАКОЕ ОТНОШЕНИЕ К ЗНАНИЯМ?
  12. 12. 1. БЫСТРЫЕ И ГЛУБОКИЕ ИССЛЕДОВАНИЯ РЫНОЧНЫХ НИШ Когда приходит рабочая потребность. У тебя уже есть готовая подборка паттернов, исследований, успехов и провалов – это дает отличную фору. Часто за полчаса-час собирал сложные отчеты, на которые в другой ситуация ушла бы неделя. Найти материалы, прочитать, оставить только нужное…
  13. 13. 2. ОПЕРАТИВНАЯ РЕАКЦИЯ НА ИЗМЕНЕНИЯ РЫНКА Часы Android Wear и Apple Watch только показали, а ты уже пару лет следишь за конкурентами и знаешь, как можно строить взаимодействие с такими устройствами. Это же касается и более прагматичных вещей – новой версии Android, подходов к решению интерфейсных задач в конкретных рыночных нишах.
  14. 14. 3. ПОВЫШЕНИЕ CREDIBILITY Внутри компании и в отрасли в целом. Ты можешь ответить на многие вопросы гораздо раньше и глубже остальных. А значит чаще востребован коллегами, которые доверяют тебе как профессионалу.
  15. 15. НА НИЗКОМ СТАРТЕ Даже если не нужно делать интерфейсы по теме прямо сейчас, насмотренность по потенциальным направлениям будущей работы и подборка ресурсов по ней здорово ускорит работу в дальнейшем.
  16. 16. СТАНОВИШЬСЯ СИЛЬНЕЕ КАК СПЕЦИАЛИСТ И ЦЕННЕЕ КАК СОТРУДНИК Инвестиции времени окупаются профессиональным и карьерным ростом. Эрудиция, конечно, не отменяет необходимости выдавать практический результат – ходячая энциклопедия с посредственным выхлопом мало кому нужна. Но рукастость и глубокие знания в связке дают взрывной результат.
  17. 17. КАК ЭТО УСТРОЕНО
  18. 18. ИНСТРУМЕНТАРИЙ За много лет у меня образовалась связка инструментов, которые помогают разбираться со входящим потоком информации и структурировать его.
  19. 19. ХРАНИЛИЩА
  20. 20. ONENOTE Кросс-платформенная записная. Кому-то ближе Evernote, но он гораздо слабее по возможностям (хотя поиск куда лучше).
  21. 21. НОВЫЕ ПРОДУКТЫ УМНЫЕ ЧАСЫ И БРАСЛЕТЫ АВТОМОБИЛЬНЫЕ ИНТЕРФЕЙСЫ ПЛАНШЕТНЫЕ ОС Это история отрасли, которая структурирует понимание того что есть сейчас и пути, по которому мы пришли к этому.
  22. 22. ДЕСКТОПНЫЕ ОССМАРТФОННЫЕ ОС ИНТЕРАКТИВНЫЕ СТОЛЫ И СТЕНЫ ИГРЫВИРТУАЛЬНАЯ РЕАЛЬНОСТЬ ДОПОЛНЕННАЯ РЕАЛЬНОСТЬ
  23. 23. ГОРОДСКАЯ СРЕДАУМНЫЙ ДОМ СПЕЦИАЛИЗИРОВАННЫЕ И ПРОФЕССИОНАЛЬНЫЕ ИНТЕРФЕЙСЫ В КИНОВИДЕНИЕ БУДУЩЕГОТВ-ИНТЕРФЕЙСЫ
  24. 24. ТЕХНОЛОГИИ: ЭКРАНЫ ТЕХНОЛОГИИ: УПРАВЛЕНИЕ ТЕХНОЛОГИИ: СЕНСОРЫ ПЕРСОНАЛЬНЫЕ ПОМОЩНИКИ СИМУЛЯТОРЫУМНАЯ ОДЕЖДА
  25. 25. ИСТОРИЯ ИНТЕРФЕЙСОВ ВИДЕНИЕ БУДУЩЕГОСОЦИО-ТЕХНИЧЕСКИЕ СИСТЕМЫ ВАЖНЫЕ ЛЮДИ Все отсылки из Википедии и других источников, собранные в хронологическом порядке.
  26. 26. МЕТОДЫ ВЫВОДАМЕТОДЫ ВВОДА ОБРАБОТКА ИНФОРМАЦИИ UBIQUITOUS COMPUTING ПАРАДИГМЫ И ТЕОРИИИССЛЕДОВАТЕЛЬСКИЕ ЛАБОРАТОРИИ
  27. 27. СТАТИСТИКА РЫНКА МОБИЛЬНЫЙ ВЕБЭЛЕКТРОННАЯ ПОЧТАСМАРТФОНЫ: ОС И ПРОИЗВОДИТЕЛИ По разным срезам – смартфоны, планшеты, конкретные отрасли.
  28. 28. PC: ОС И ПРОИЗВОДИТЕЛИ ПЛАНШЕТЫ: ОС И ПРОИЗВОДИТЕЛИ ОНЛАЙН-ВИДЕО И ТВ ПРИЛОЖЕНИЯСМИОБЛАЧНЫЕ СЕРВИСЫ
  29. 29. ПАТТЕРНЫ ИЗ СМЕЖНЫХ ОБЛАСТЕЙ Всегда интересно смотреть, как задача решается в смежных областях – настройки в авто, методы ввода в ТВ-интерфейсах, система уведомлений в умных часах и т.п. Даже если не придется делать дизайн для этих платформ, это отличный источник неожиданных решений. Опубликовал бы материалы, но пока не вижу удобного формата. * *
  30. 30. DELICIOUS Онлайн-закладки, куда в 2006 перенес все из браузерных. Только непротухающая информация – новостей там почти нет. http://del.icio.us/jvetrau
  31. 31. ПРИМЕРЫ ВЫБОРОК СТАТЬИ О РЕДИЗАЙНЕ НОВОСТНЫХ САЙТОВ ШАБЛОНЫ ДИЗАЙНА ДЛЯ УМНЫХ ЧАСОВ ИССЛЕДОВАНИЯ ПО ЧИТАБЕЛЬНОСТИ Залог хорошей коллекции – грамотная система тегов, заточенная под поиск и выборки.
  32. 32. ИНСТРУМЕНТЫ: ВЕБ-АНАЛИТИКА ИНСТРУМЕНТЫ: МОБ. ПРОТОТИПЫ ИНСТРУМЕНТЫ: ПОЛЬЗ. ИССЛЕДОВАНИЯ ИНСТРУМЕНТЫ: АНИМАЦИЯ ИНСТРУМЕНТЫ: CUSTOMER JOURNEY ИНСТРУМЕНТЫ: МОБ. АНАЛИТИКА
  33. 33. ИНТЕРВЬЮ С UX-ДИЗАЙНЕРАМИ СТАТЬИ О ПЕРСОНАЖАХ ИНТЕРФЕЙСНЫЕ КОМПАНИИ МАТЕРИАЛЫ ПО ROI UXНАУЧНЫЕ РАБОТЫ ПО UX КНИГИ ПО UX
  34. 34. ГАЛЕРЕИ ПАТТЕРНОВМАТЕРИАЛЫ ПО UX- СТРАТЕГИИ ПРОДУКТОВЫЙ ДИЗАЙН NET PROMOTER SCOREПРИМЕРЫ ГАЙДЛАЙНОВЖИВЫЕ ГАЙДЛАЙНЫ
  35. 35. МАТЕРИАЛЫ ПО КО-ДИЗАЙНУ ЗУМИРУЕМЫЕ ИНТЕРФЕЙСЫ ИНФОГРАФИКА: TREEMAPS ШАБЛОНЫ ДЛЯ VISIOФРЕЙМВОРКИ АДАПТ. ДИЗАЙНА МОБИЛЬНОЕ ТЕСТИРОВАНИЕ
  36. 36. POCKET Почти не использую – только как дешевый способ передать ссылку между устройствами. http://getpocket.com/
  37. 37. PINTEREST Коллекция паттернов. Легко собирать, но поиск неудобен. Есть десктопные вроде Ember, но в облаке спокойнее. http://www.pinterest.com/jvetrau
  38. 38. ПРИМЕРЫ БОРДОВ МОБИЛЬНЫЕ: ONBOARDING АНИМАЦИЯ И ЖЕСТЫUX: МОДЕЛИ И ПРОЦЕССЫ Внутри команды используем секретные коллекции для исследований и мудбордов.
  39. 39. UX: КАРТЫ САЙТА, ИНФОКАРТЫ UX: ПОСТЕРЫ И ИНФОГРАФИКА UX: WIREFRAMES И СКЕТЧИ UI-КИТЫ, ГАЙДЛАЙНЫUX: SKETCH MAPS, МАРКЕРНЫЕ ДОСКИ UX: ПЕРСОНАЖИ И CUSTOMER JOURNEYS
  40. 40. WINDOWS PHONE И METRO-ДИЗАЙН ANDROID СМАРТФОНЫ: РЕДКИЕ ПЛАТФОРМЫ ПЛАНШЕТЫ: РЕДКИЕ ПЛАТФОРМЫ IPHONE (ДО IOS7)МОБИЛЬНЫЙ ВЕБ
  41. 41. ANDROID-ПЛАНШЕТЫIPAD WINDOWS 8 МОБИЛЬНЫЕ: ФОРМЫ МОБИЛЬНЫЕ: ЭКРАНЫ ЛОГИНА МОБИЛЬНЫЕ: SPLASH SCREENS
  42. 42. ОБЛАКОИКОНКИ ПРИЛОЖЕНИЙ КАЛЕНДАРЬ И TODO ПРОМО-САЙТЫПОРТАЛЫПОЧТА
  43. 43. НОВОСТИАФИША СПОРТ ЗДОРОВЬЕ И ФИТНЕСЛЕДИ И ГОРОСКОПЫПОГОДА
  44. 44. ЛИМОННЫЙ ЦВЕТУМНЫЕ ЧАСЫ И БРАСЛЕТЫ АВТОМОБИЛЬНЫЕ САЙТЫ ТАЙЛЫ И СЕТКИ ИЗ НИХКЛАССИКА ВЕБА (САЙТЫ 90Х) ДАШБОРДЫ
  45. 45. VI.SUALIZE.US Появился раньше Pinterest, но не взлетел как продукт и дико тормозил. Научился работать с визуальными закладками там. http://vi.sualize.us/jvetrau
  46. 46. GITHUB И CODEPEN Интерфейсные скрипты и решения (JavaScript, CSS, SVG). Только начал собирать. https://github.io/ http://codepen.io/ β
  47. 47. YOUTUBE И VIMEO Коллекции выступлений на конференциях, экспериментальных интерфейсов, видения будущего. http://www.youtube.com/users/jvetrau http://www.vimeo.com/jvetrau/likes β
  48. 48. CONFLUENCE Внутренняя рабочая база знаний в привязке к продуктам Mail.Ru Group. Ее хочется строить по схожим принципам.
  49. 49. ПРИМЕРЫ ВЫБОРОК НОВОСТИКАЛЕНДАРЬПОЧТА Материалы исследований, брейнштормов, решения конкурентов, статистика, гайды. Мониторинг пространства проблем и решений.
  50. 50. ОБЗОР СВЕЖИХ МАТЕРИАЛОВ™ Мое главное хобби :) Самое интересное из прочитанного попадает сюда с кратким комментарием. Можно получать по почте. https://www.facebook.com/groups/pdigest/
  51. 51. ПРИМЕРЫ ВЕТОК СОВРЕМЕННЫЕ РЕДАКЦИОННЫЕ CMS СКРИПТЫMATERIAL DESIGN Материалы по теме выкладываются в пост с комментариями. Это облегчает поиск и помогает создавать востребованные подборки.
  52. 52. IOS8IOS7 APPLE WATCH НЕПРОШЕННЫЕ РЕДИЗАЙНЫ ВСЕ ПРО SKETCHANDROID WEAR
  53. 53. АНОНСЫ ТРЕНИНГОВ И СЕМИНАРОВ КАРТОЧНЫЕ ИНТЕРФЕЙСЫ РАБОТА С SVG UX-СТРАТЕГИЯA/B-ТЕСТИРОВАНИЕОСОБЕННОСТИ ЭКРАНА IPHONE 6 PLUS
  54. 54. ПРОДУКТОВЫЙ ДИЗАЙНЕР КОНСТРУКТОРЫ ОДНОСТРАНИЧНИКОВ НАРЕЗКА МОБИЛЬНОГО ДИЗАЙНА СКИДКИ НА ОБУЧЕНИЕ И КНИГИ АВТОМОБИЛЬНЫЕ ИНТЕРФЕЙСЫ ПОКУПКИ ДИЗАЙН-АГЕНТСТВ
  55. 55. ДАЙДЖЕСТ В БЛОГЕ Каждый месяц собираю сводную статью. Благодаря скрипту моего коллеги Вовы Рудного, получаю автоматически сгенерированный драфт поста из контента ленты Фейсбука. Это работает как удобный архив лучшего, пополнять который помогают другие участники группы.
  56. 56. СПАСИБО, ВОВА!
  57. 57. ИСТОЧНИКИ
  58. 58. FEEDLY Постоянно актуализируемая лента подписок. http://feedly.com/
  59. 59. Регулярно добавляю туда новое и вычищаю ставшее бесполезным – важно поддерживать хороший уровень сигнал/шум. Здорово, что Гугл отпустил на свободу нишу RSS-клиентов закрытием Reader и в ней началось движение. Жаль только нельзя сделать коллекцию подписок публичной.
  60. 60. ГРУППЫ ПОДПИСОК ОСНОВНОЙ ПОТОК 135 ВТОРОСТЕПЕННЫЙ 278 Anders Ramsay, Autodesk UX, Baymard, Boxes & Arrows, Brandon Schauer, Bret Victor, Christina Wodtke, EightShapes, HUDs & GUIs, Jeff Sauro, Little Big Details, MJ Parnell, Smashing Magazine, UXMatters, … Anthony T, Ben Rowe, d.school, Dubberly, Ericsson UX, Frog Design, Intense Minimalism, Joshua Porter, Made by Many, Nomensa, Paul Sherman, Six Revisions, Stopdesign, Usability Geek, UX Booth, UX Mastery, Viget, …
  61. 61. DRIBBBLE, BEHANCE, AWWWARDS, ONEPAGELOVE, PINTEREST Мощный источник трендов в визуальных решениях, мелких интерфейсных паттернах, анимации и жестах. http://pinterest http://onepage http://awwward http://behance. http://dribbble.com/
  62. 62. Подписан на множество компаний и дизайнеров, причем с появлением командных аккаунтов стало все больше официальных представительств известных брендов. Dribbble смотрю от корки до корки, остальные менее системно. Относиться к работам с Dribbble и Behance, правда, нужно осторожно – в плане логики интерфейса там полно проблем, а с продуктовой точки зрения решения совсем посредственные. Этого, к сожалению, не понимают многие критики.
  63. 63. ПОДБОРКИ НА DRIBBBLE И BEHANCE ГАЙДЛАЙНЫ И UI KITИКОНКИ ПРИЛОЖЕНИЙIOS7/IOS8 Начал делать их до Pinterest, так что есть некоторое дублирование. Но не полное.
  64. 64. ФОРМЫШАБЛОНЫ И МАКЕТЫ ФИНАНСЫ И ВАЛЮТЫ КАРТЫЕДАОБЛАКО
  65. 65. ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ ПРОЦЕСС ДИЗАЙНА ОШИБКИ 404 КАСТОМНАЯ НИЖНЯЯ ПАНЕЛЬ IPHONE ПОДАЧА ДИЗАЙНАКНОПКИ И КОНТРОЛЫ
  66. 66. EMAILСКЕТЧИ И WIREFRAMES КАЛЕНДАРИ И TODO МОБИЛЬНЫЙ ВЕБIPADIPHONE (IOS6 И РАНЕЕ)
  67. 67. МЕССЕНДЖЕРЫMETRO-ДИЗАЙН ПРОМО-САЙТЫ ANDROIDАДАПТИВНЫЙ ДИЗАЙНSPLASH SCREENS
  68. 68. БРОНИРОВАНИЕ И ПУТЕШЕСТВИЯ МОБИЛЬНЫЕ: ЛОГИН ТАЙЛЫ И СЕТКИ ИЗ ТАЙЛОВ НОВОСТИСПОРТДАШБОРДЫ И СТАТИСТИКА
  69. 69. ПОГОДААВТОМОБИЛЬНЫЕ САЙТЫ И ПРИЛОЖЕНИЯ АФИША И ТВ МУЗЫКА И ВИДЕОONBOARDINGКОРПОРАТИВНЫЕ И ЛИЧНЫЕ САЙТЫ
  70. 70. СПИСКИ ДИЗАЙНЕРОВ ТИПОГРАФИКА И ЛЕТТЕРИНГ ИЛЛЮСТРАТОРЫПРОДУКТОВЫЕ ДИЗАЙНЕРЫ На Dribbble можно читать дизайнеров и команды списками – удобно, если хочется фильтровать по темам.
  71. 71. PANDA Шикарнейший браузерный плагин, который подменяет экран новой вкладки в Chrome. http://usepanda.com/
  72. 72. Выводит хиты дня на Dribbble, Behance и Awwwards, а также ленту свежих материалов Designer News, Sidebar.io, Product Hunt, Researchers.io, Hacker News, Growth Hackers, Lobsters и других интересных околодизайнерских сайтов и сообществ. Даже если нет времени читать их от корки до корки, то часто мимолетом замечаешь что-то интересное.
  73. 73. TWITTER И FACEBOOK Наращиваю подписки на интересных дизайнеров и компании. http://twitter.com/jvetrau http://facebook.com/jvetrau
  74. 74. Правда, как и с Panda, читаю не то чтобы все – скорее по диагонали, случайно замечаю что-нибудь при заходе по делу. Но это тоже здорово выручает, если ссылка не проходила через основные каналы. Второй плюс – выстраивание социального графа. Благодаря нему Твиттер дает отличнейшие рекомендации по людям и компаниям! Фейсбук пока больше сфокусирован на продаже рекламы, но и там граф не повредит. Одно время пытался пользоваться списками в Твиттере, но сервис не особо развивал их и имел странные ограничения.
  75. 75. ENGADGET И FAST CO DESIGN Отличные ленты по технологическим трендам и новостям. Поначалу был крут The Verge, но скатился в политику. http://www.engadget.com/ http://www.fastcodesign.com/
  76. 76. IFTTT Еще не начал использовать, но в перспективе хороший инструмент для вычленения полезного из Twitter, Facebook и чатов. https://ifttt.com/
  77. 77. КНИГИ Список в Goodreads. Читаю фундаментальное – по текущим трендам пара десятков статей лучше закрывает потребность. http://www.goodreads.com/
  78. 78. СПАСИБО, FRIENDFEED! Это родоначальник современных подходов в соц.сетях, который научил меня всему этому. http://friendfeed.com/jvetrau
  79. 79. Правда, после покупки Фейсбуком он стал загибаться, но все стоящие функции перетекли в FB. Основа моего процесса работы с информацией зародилась именно там. Там же впервые появилась и группа с обзором свежих материалов UXRoom. Создал ее Леша Иванов, я подключился к ней в 2009 и сначала вел на английском. http://friendfeed.com/uxroom
  80. 80. ИНФОРМАЦИОННЫЕ ПОТОКИ FEEDLY ENGADGET/ FAST COMPANY DRIBBBLE/ BEHANCE FACEBOOK/ TWITTER YOUTUBE /VIMEO DELICIOUS ONENOTE PINTEREST ОБЗОР СВЕЖИХ МАТЕРИАЛОВ
  81. 81. НЮАНСЫ
  82. 82. СПИСКИ И СПИСКИ СПИСКОВ Коллеги в шутку называют меня «спискомэн» – я люблю все упорядочивать! Интерфейсы, бургеры, старые фильмы, раньше – музыкальную коллекцию, в детстве – материалы по авиамоделизму. Может, и в младенчестве что-то складывал по стопкам :)
  83. 83. Для меня просмотреть с полсотни паттернов – лучший способ быстро сориентироваться в теме. А лучше раз в десять больше. Если вам также близок этот подход – мой рассказ для вас.
  84. 84. МИНИМУМ УСТРОЙСТВ Еще один важный момент. Я уже давно использую единый ноутбук для работы и дома, а благодаря MS Surface отказался и от айпада.
  85. 85. Во-первых, не нужно синхронизировать между собой настройки, информацию и инструменты. Во-вторых, не нужно перестраивать привычки. В-третьих, работа становится непрерывной – не нужно переносить состояние рабочего пространства между разными устройствами.
  86. 86. КРИТИЧЕСКАЯ МАССА Трудозатратно собрать основу любой коллекции. На это, бывает, трачу целый месяц – например, так было с Dribbble или Pinterest.
  87. 87. Зато дальнейшая поддержка становится очень простой. Если добавлять по паре материалов в неделю, то в коллекции соберется уже сотня. Главное понимать, что это долгосрочная цель и она достигается постепенно. Со временем все это доводится до автоматизма и отнимает минимум времени и сил. Как с вождением авто – на учебе все сложно и непонятно, но через год реального опыта все переходит на уровень рефлексов. Это что-то вроде гигиены знаний – полезная привычка!
  88. 88. ИНФОРМАЦИОННЫЕ ФИЛЬТРЫ ПРОТИВ ИСТОЧНИКОВ Для экономии времени можно подписываться на информационные фильтры – сайты, людей, сообщества, которые вместо вас разбирают инфопотоки и отбирают самое интересное. Не то чтобы я пиарю себя :) В интернете полно вариантов – те же Designer News или Sidebar.io, Timoa в Pinterest.
  89. 89. ЧТО В ИТОГЕ?
  90. 90. РАНЬШЕ НА ПРОКАЧКУ УХОДИЛА ПРОРВА ВРЕМЕНИ Много ручной работы, неудобный инструментарий, лишняя информация, распыление сил... Мог залипнуть на 3-4 часа в день.
  91. 91. В ЧЕМ ФОКУС? ФОКУС!  Тщательная фильтрация информации. Не трачу время на то, что не пригодится ни в каком виде.  Читать по диагонали или вообще не дочитывать то, что не несет новой информации.  Браться только за дела, которые развивают. И которые хватит времени довести до конца.
  92. 92. ЧАС-ПОЛТОРА В ДЕНЬ НА ПРОФЕССИОНАЛЬНОЕ ЧТЕНИЕ Если у вас уже сложилась модель предметной области, то дальше идет приращение знаний, т.е. корректировка и дополнение этой модели. К сожалению, большинство публикаций рассказывают об одном и том же. Так что можно позволить себе быстро пробегать их глазами, выискивая только новое.
  93. 93. ТАК ЧТО ХВАТИЛО ВРЕМЕНИ, ЧТОБЫ ЖЕНИТЬСЯ, ПОЙТИ В ЗАЛ, УСПЕВАТЬ ЕСТЬ БУРГЕРЫ И ВООБЩЕ :)
  94. 94. Выстраивание работы с источниками информации. Поддержка хорошего соотношения сигнал/шум. Грамотный способ хранения и категоризации. Легко добавлять, удобно искать. Ориентир – быстрое извлечение информации. Готовые подборки для задач, над которыми наверняка придется работать в ближайшем будущем. Фокус, жесткий фокус! Можете ли вы добиться сильных результатов по теме? Если бросите на полпути – возможно, лучше не браться. Исследования не в счет.
  95. 95. P.S.Вы можете получить профит, даже если будете собирать только часть из этой информации. Считайте, что это ваше постоянное обучение после университета – такой же задел на будущее. Так что дерзайте!
  96. 96. СПАСИБО! ЮРИЙ ВЕТРОВ Photos used: Mansoor, TechCrunch, Дуся Соболь, Blue Inc www.jvetrau.com twitter.com/jvetrau

×