SlideShare ist ein Scribd-Unternehmen logo
1 von 46
Downloaden Sie, um offline zu lesen
ГЛЕБ КАЛИНИН


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



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

Weitere ähnliche Inhalte

Mehr von Профсо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
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской технике
ПрофсоUX
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»
ПрофсоUX
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одежду
ПрофсоUX
 
Проблемное интервью, дьявол в деталях
Проблемное интервью, дьявол в деталяхПроблемное интервью, дьявол в деталях
Проблемное интервью, дьявол в деталях
ПрофсоUX
 

Mehr von Профсо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-дизайнер, ты ли это? Навыки проектировщика в стилизации интерфейсов.
 
Проблемное интервью, дьявол в деталях
Проблемное интервью, дьявол в деталяхПроблемное интервью, дьявол в деталях
Проблемное интервью, дьявол в деталях
 

Kürzlich hochgeladen

ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
Ирония безопасности
 
Cyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdfCyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdf
Хроники кибер-безопасника
 
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Ирония безопасности
 
2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf
Хроники кибер-безопасника
 
CVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdfCVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdf
Хроники кибер-безопасника
 
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdfСИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
Хроники кибер-безопасника
 

Kürzlich hochgeladen (9)

Ransomware_Q3 2023. The report [RU].pdf
Ransomware_Q3 2023.  The report [RU].pdfRansomware_Q3 2023.  The report [RU].pdf
Ransomware_Q3 2023. The report [RU].pdf
 
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
 
Cyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdfCyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdf
 
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdfMalware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
 
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
 
2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf
 
MS Navigating Incident Response [RU].pdf
MS Navigating Incident Response [RU].pdfMS Navigating Incident Response [RU].pdf
MS Navigating Incident Response [RU].pdf
 
CVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdfCVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdf
 
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdfСИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
 

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