Лекция № 10 8. 01. 2013
При подготовке лекции использованы 1) Блог-поста Marcin Treder "Wireframing, Prototyping, Mockuping - What's The Difference? " http: //designmodo. com/wireframing-prototyping-mockuping/ 2) Презентации Liang-Bin Hsueh "Wireframe. Mockup. Prototype" http: //www. slideshare. net/hlb/wireframe-mockup-prototype-presentation
Вайерфреймы Прототипы Мокапы
Wireframes, Prototypes, Mockups Одно и то же?
Wireframes, Prototypes, Mockups Одно и то же?
Wireframe Mockup Prototype
Wireframe 1) основные группы содержимого (что? ) 2) структуру информации (где? ) 3) описание и основные визуализации взаимодействия пользователя и системы (как? )
Wireframe
Wireframe
Mockup 1) передает структуру информации, визуализирует содержание и демонстрирует основные функциональные возможности в виде статистических изображений; 2) позволяет людям понять, как будет выглядеть конечный продукт.
Mockup
Prototype Прототип используется для: 1) отражения основных способов взаимодействий с пользователям; 2) тестирования взаимодействия разрабатываемой системы с пользователем в качестве готового продукта.
Prototype
Wireframe Mockup Prototype
Wireframe - Balsamiq - Go. Mockingbird - Axure RP Mockup Prototype - Photoshop - Fireworks - whatever : ) - Axure RP - invisionapp - Balsamiq - Justinmind
Вопросы?