SlideShare uma empresa Scribd logo
1 de 46
Baixar para ler offline
ГЛЕБ КАЛИНИН


ИНТЕРАКТИВНЫЕ
ПРОТОТИПЫ



19 мая 2012
СПЕЦИФИКА
НАШЕЙ РАБОТЫ


           19 мая 2012
ТОЛЬКО ВЕБ,
ПРОДОЛЖИТЕЛЬНЫЕ
ПРОЕКТЫ


              19 мая 2012
ТОЛЬКО ВЕБ,
ПРОДОЛЖИТЕЛЬНЫЕ
ПРОЕКТЫ,
ЧАСТО НЕ С НУЛЯ


                  19 мая 2012
ПРОТОТИП
VS
СТРУКТУРНАЯ СХЕМА



               19 мая 2012
ИНТЕРФЕЙСЫ:
ИНТЕРАКТИВНОСТЬ ↑
СЛОЖНОСТЬ ↑
ВРЕМЯ ↓


                19 мая 2012
ИНСТРУМЕНТЫ


          19 мая 2012
FIREWORKS


            19 мая 2012
AXURE RP


           19 мая 2012
EXPRESSION BLEND


             19 мая 2012
ОНЛАЙН


         19 мая 2012
BALSAMIQ
  MOCKFLOW
 PROTOSHARE
HANDCRAFT ETC.

                 19 мая 2012
MEET <HTML>


              19 мая 2012
PRO:


       19 мая 2012
FREE
(AS IN FREE BEER)


               19 мая 2012
HTML+JS IS THE
    LIMIT


             19 мая 2012
REUSABLE


           19 мая 2012
VERSION CONTROL


             19 мая 2012
ДЛЯ ПОЛЬЗОВАТЕЛЯ
 И КЛИЕНТА: REAL
   EXPERIENCE

             19 мая 2012
СРЕДА, ШРИФТЫ,
 МУЛЬТИМЕДИА


            19 мая 2012
CONTRA:


          19 мая 2012
МЕДЛЕННО


           19 мая 2012
ОСОБЫЕ НАВЫКИ
ПРОЕКТИРОВЩИКА


            19 мая 2012
СМЕЩЕНИЕ
 ФОКУСА


           19 мая 2012
ИДЕАЛЬНЫЙ СЛУЧАЙ:
  СОВМЕЩЕНИЕ 2
    ПОДХОДОВ

              19 мая 2012
19 мая 2012
19 мая 2012
→ HTML


         19 мая 2012
PRO:
ЕСТЬ ПОМОЩНИКИ


            19 мая 2012
ZURB FOUNDATION
TWITTER BOOTSTRAP


                19 мая 2012
19 мая 2012
19 мая 2012
БИБЛИОТЕКИ
ИНТЕРФЕЙСНЫХ
ЭЛЕМЕНТОВ И
ИНТЕРАКТИВНЫХ
КОНТРОЛОВ

                19 мая 2012
МОБИЛЬНЫЕ
ПРОТОТИПЫ
(RESPONSIVE GRIDS)


                 19 мая 2012
ЧТО НА ВЫХОДЕ?



                 19 мая 2012
ПРОТОТИП С РАБОЧИМИ
ИНТЕРАКТИВНЫМИ
ЭЛЕМЕНТАМИ,
МУЛЬТИМЕДИА,
ФОРМАМИ

                  19 мая 2012
LOCAL STORAGE:
СОХРАНЕНИЕ ДАННЫХ
ПОЛЬЗОВАТЕЛЯ


               19 мая 2012
19 мая 2012
19 мая 2012
ТЕСТИРОВАНИЕ



               19 мая 2012
ЗАДАЧА: УТВЕРЖДЕНИЕ
 НАВИГАЦИИ, ПОДАЧИ
КОНТЕНТА, ПРОРАБОТКА
     СЦЕНАРИЕВ


                 19 мая 2012
УДАЛЁННОЕ:
НЕБОЛЬШИЕ ЗАДАЧИ


               19 мая 2012
ОТВЕТЫ НА ВОПРОСЫ,
      НО ТАКЖЕ
ТЕХНИЧЕСКИЕ ДАННЫЕ


                19 мая 2012
АНАЛИТИКА: GA,
   ВЕБВИЗОР,
СЕРВЕРНЫЕ ЛОГИ


             19 мая 2012
СПАСИБО
  @GLEBIS
  GLEBKALININ.RU
  RAUM-7.COM

Mais conteúdo relacionado

Mais de ПрофсоUX

UX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustUX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustПрофсоUX
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПрофсоUX
 
Обучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаОбучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаПрофсоUX
 
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхМатематический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхПрофсоUX
 
Как сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихКак сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихПрофсоUX
 
Дизайн дневниковых исследований
Дизайн дневниковых исследованийДизайн дневниковых исследований
Дизайн дневниковых исследованийПрофсоUX
 
Резюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераРезюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераПрофсоUX
 
Истории о прототипах
Истории о прототипахИстории о прототипах
Истории о прототипахПрофсоUX
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиПрофсоUX
 
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрофсоUX
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПрофсоUX
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»ПрофсоUX
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуПрофсоUX
 
Как выучить дизайнеров
Как выучить дизайнеровКак выучить дизайнеров
Как выучить дизайнеровПрофсоUX
 
Как и когда использовать айтрекер на юзабилити тестировании
Как и когда использовать айтрекер на юзабилити тестированииКак и когда использовать айтрекер на юзабилити тестировании
Как и когда использовать айтрекер на юзабилити тестированииПрофсоUX
 
Дзен и искусство проектирования себя
Дзен и искусство проектирования себяДзен и искусство проектирования себя
Дзен и искусство проектирования себяПрофсоUX
 
Программистский подход в дизайне
Программистский подход в дизайнеПрограммистский подход в дизайне
Программистский подход в дизайнеПрофсоUX
 
Особенности проектирования UX медицинских систем и приложений: помочь без реф...
Особенности проектирования UX медицинских систем и приложений: помочь без реф...Особенности проектирования UX медицинских систем и приложений: помочь без реф...
Особенности проектирования UX медицинских систем и приложений: помочь без реф...ПрофсоUX
 
UX-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.
UX-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.UX-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.
UX-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.ПрофсоUX
 
Проблемное интервью, дьявол в деталях
Проблемное интервью, дьявол в деталяхПроблемное интервью, дьявол в деталях
Проблемное интервью, дьявол в деталяхПрофсоUX
 

Mais de ПрофсоUX (20)

UX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustUX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dust
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный язык
 
Обучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаОбучение других как драйвер профессионального роста
Обучение других как драйвер профессионального роста
 
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхМатематический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данных
 
Как сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихКак сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячих
 
Дизайн дневниковых исследований
Дизайн дневниковых исследованийДизайн дневниковых исследований
Дизайн дневниковых исследований
 
Резюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераРезюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнера
 
Истории о прототипах
Истории о прототипахИстории о прототипах
Истории о прототипах
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурами
 
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской технике
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одежду
 
Как выучить дизайнеров
Как выучить дизайнеровКак выучить дизайнеров
Как выучить дизайнеров
 
Как и когда использовать айтрекер на юзабилити тестировании
Как и когда использовать айтрекер на юзабилити тестированииКак и когда использовать айтрекер на юзабилити тестировании
Как и когда использовать айтрекер на юзабилити тестировании
 
Дзен и искусство проектирования себя
Дзен и искусство проектирования себяДзен и искусство проектирования себя
Дзен и искусство проектирования себя
 
Программистский подход в дизайне
Программистский подход в дизайнеПрограммистский подход в дизайне
Программистский подход в дизайне
 
Особенности проектирования UX медицинских систем и приложений: помочь без реф...
Особенности проектирования UX медицинских систем и приложений: помочь без реф...Особенности проектирования UX медицинских систем и приложений: помочь без реф...
Особенности проектирования UX медицинских систем и приложений: помочь без реф...
 
UX-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.
UX-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.UX-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.
UX-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.
 
Проблемное интервью, дьявол в деталях
Проблемное интервью, дьявол в деталяхПроблемное интервью, дьявол в деталях
Проблемное интервью, дьявол в деталях
 

Г. Калинин - «Интерактивные прототипы»