Upload
geekslab
View
112
Download
9
Embed Size (px)
DESCRIPTION
Make magic happen. «А что будет, если нажать вот сюда?» Андрей Стеля (UX/UI Designer at Chapps) В ходе доклада я расскажу вам про интерактивные прототипы. На сегодняшний день, это самый эффектный способ презентовать дизайн-концепцию клиенту, ведь на выходе мы получаем веб-приложение, которое выглядит и работает как реальное приложение. Кроме того, с помощью интерактивного прототипа можно выявить интерфейсные проблемы, которые могут быть не видны в процессе работы, и провести тестирование поведения пользовательских сценариев. А самое главное, это наглядное пособие для разработчиков, которое избавит вас от многих вопросов. Вместе мы соберем простой прототип мобильного приложения.
Citation preview
Make Magic Happen.«А что будет, если нажать вот сюда?»
Андрей Стеля UX/UI Designer at Chapps
Mobile Day 22 июля
Интерактивные прототипы
Зачем они нам?
Презентация дизайн-концепции
Эффектность и наглядность
Статика Динамика
«А что будет, если нажать вот сюда?»
Заказчик доволен
Разработчик скажет: «Спасибо!»
Самоконтроль
Не переусердствуйте
Прототипы как элемент тестирования
Что нам предлагает рынок?
Наш выбор
www.invisionapp.com
Поддержка различных устройств
Имитация родной анимации
8 переходов между экранами
1. Instant 2. Push Right 3. Push Left 4. Slide Up 5. Slide Down 6. Flip Right 7. Flip Left 8. Dissolve
Жесты
1. Tap 2. Double Tap 3. Swipe Right 4. Swipe Left 5. Swipe Up 6. Swipe Down
Просмотр прототипа. Никакого стороннего софта
Простое сохранение через браузер
Простое сохранение через браузер
Fixed Header. Fixed Footer.
Переадресация по таймеру
Поддержка GIF
Максимальная близость к реальному приложению
LiveShare. Взаимодействие в реальном времени
LiveShare. Взаимодействие в реальном времени
Наборы хотспотов
Back
Drag. Drop. Dropbox.
До свидания, «Save for Web…»
До свидания, «Save for Web…»
+ & *
Дублирование прототипа
Комментарии
Статусы экранов
История версий экранов
И много других фишек…
Make Magic Happen.
СПАСИБОАндрей Стеля
UX/UI Designer at Chapps !!
ITSCHAPPS.COM [email protected]
dribbble.com/chapps
Mobile Day 22 июля