Прото типо типирование

37
55 Прото типо типирование Немножечко о прототипировании

Upload: agilie-team

Post on 14-Apr-2017

79 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Прото типо типирование

55Прото типо

типированиеНемножечко о прототипировании

Page 2: Прото типо типирование

Что такое прототип?

Page 3: Прото типо типирование

Прототип - это симуляция финального продукта. Интерактивность решает!

Page 4: Прото типо типирование

Это не прототип

Page 5: Прото типо типирование

И это тоже

Page 6: Прото типо типирование
Page 7: Прото типо типирование

Прототип - это не финальный продукт, поэтому он может выглядеть как-то так:)

Page 8: Прото типо типирование

Зачем и Почему

Page 9: Прото типо типирование
Page 10: Прото типо типирование

Прототип - это самый эффективныйканал коммуникации

Page 11: Прото типо типирование

Это быстро!

Page 12: Прото типо типирование
Page 13: Прото типо типирование

Дешево!

Page 14: Прото типо типирование
Page 15: Прото типо типирование

Супер наглядно!

Page 16: Прото типо типирование
Page 17: Прото типо типирование

Экономно

Не то же самое, что и «Дешево»

Page 18: Прото типо типирование
Page 19: Прото типо типирование

Можно тестировать!

Page 20: Прото типо типирование
Page 21: Прото типо типирование

55Прототипирование на

разных стадиях проектирования

Page 22: Прото типо типирование

Скетчи

Page 23: Прото типо типирование
Page 24: Прото типо типирование

Wireframes

Page 25: Прото типо типирование
Page 26: Прото типо типирование

UI

Page 27: Прото типо типирование
Page 28: Прото типо типирование

Инструменты

Page 29: Прото типо типирование

?

Page 30: Прото типо типирование

Marvel & InVision

Экспорт мокапов из Illustrator/Photoshop/SketchВозможность просмотра прототипа на девайсеНизкий порог вхожденияБольшой набор стандартных переходов и интерекшеновВозможность собрать фидбек (запись видео, комментарии)Транзишены только между экранами. Нет доступа к отдельным

слоям.

Page 31: Прото типо типирование

Principle

Интуитивно понятный интерфейсГибкие переходы и анимацииПростота использованияРабота со слоями и несколькими артбордамиВозможность просмотра прототипа на девайсе

Page 32: Прото типо типирование
Page 33: Прото типо типирование
Page 34: Прото типо типирование

Pixate

Весьма сложный для гуманитария консольный интерфейсГибкие переходы и анимацииДовольно высокий порог вхожденияРабота со слоями, но в пределах только одного артбордаВозможность просмотра прототипа на девайсе

Page 35: Прото типо типирование
Page 36: Прото типо типирование
Page 37: Прото типо типирование

Ваши вопросы!

Без слишком интимных