Проектирование на бумаге с бумажным iPhone! #prototyping #usability
22/06/2011Публикую перевод небольшой заметки с http://metasite.net о том, как проектировать с бумажными iPhone. Пост довольно длинный, все под кат. Много фоток! Смотрим и учимся!
Что нам потребуется
Для вашего удобства, сначала скачайте два следующих файла:
Шаблон для создания бумажных прототипов
Вы можете создать эти файлы сами, но вам потребуется несколько уточнений, чтобы сделать все правильно. Из современных девайсов вам нужен, всего лишь, только один — принтер! Также вам потребуется: бумага, скотч, нож для бумаги, ножницы, шариковая ручка.
Шаг 1: создайте iPhone
Открываете шаблон iPhone и отправляете его в печать!
Вырезаете «дисплей» чудо-iPhone.
Сгибаете по двум пунктирным линиям
Если скотч будете наносить с внутренней стороны сгиба, то в дальнейшем это поможет вам легче сменять макеты (правда он тогда будет не совсем плоский)
Используйте скотч, чтобы соединить оба края листа (скотч используется два раза: с внутренней и внешней стороны)
Та-дам! Перед вами бумажный iPhone.
Шаг 2: разрабатываем прототипы
Теперь открываем шаблон для прототипов и печатаем.
Сгибаем пополам и разрезаем вдоль сгиба. Вуаля — две заготовки под макеты готовы.
Прототипируйте на белой стороне — серым помечены участки, которые не попадают в дисплей телефона.
Шаг 3: тестируем прототипы
Поместите свои прототипы в iPhone. Теперь с помощью пальца можете скроллить экраны, словно в настоящем телефоне :)
Когда пользователь нажимает на пункт меню, просто быстро покажите ему его страницу, на которую он должен попасть.
