Альбом для проектирования интерфейсов

Перечитываю книгу «Типографика и вёрстка». Начинать верстать макеты страниц в Иллюстраторе или Скетче считаю рано. Надо набить руку, укрепить полученные знания и разобраться в том, как надо компоновать вёрстку страницы.

Для этого решил сделать альбом для прототипирования. Взял Иллюстратор и нарисовал два листа А4 в точку. Сходил в ближайшую типографию. Распечатал 50 листов в точку и скрепил их металлической пружиной.

Стоимость такого блокнота — 320 рублей.

Альбом для прототипирования

Удобно, практично и быстро. Можно начинать проектировать.

Исходники на ГитХаб

Книга: Прототипирование. Практическое руководство

Книга «Прототипирование. Практическое руководство». Автор Тодд Заки Варфел — руководитель консультационного агентства по проектированию.

В книге говорится о том, как с помощью прототипирования решать проблемы в самом начале жизни проекта, экономить время и средства при разработке.

Прототипирование. Практическое руководство

Зачем делать прототипы?

Прототипирование — один из этапов разработки проекта. Чем раньше проверите идею, тем лучше.

На разработку прототипа требуется меньше времени, чем на описание технического задания. Таким образом, можно быстро и без лишних затрат проверить идею.

Процесс прототипирования

Прототипирование — процесс быстрого создания приблизительной модели проекта, для того чтобы скорее показать заказчику, клиенту или пользователю. Идея, которую можно увидеть и иногда потрогать.

1. Создание наброска

Основная задача этого шага — вытащить все идеи из головы и визуально оформить на листе бумаги. Если это интерфейс, то накидайте примерный его вид. На этом шаге главное вытащить как можно больше идей. Не вдавайтесь в детали и не старайтесь каждую идею привести к идеалу.

На набросок каждой идеи отводите 10-30 минут. Для удобства можно использовать специальные макеты.

2. Демонстрация и критика

Сосредоточьтесь на качестве. Главная цель шага — отобрать лучшие идеи из тех, которые вы изобразили. Присмотритесь, покажите своим коллегам, выслушайте их мнение и выберите удачные наброски.

3. Прототип

Начинайте детализировать свой прототип. На этом шаге важно выбрать инструмент,  с которым будет удобно работать. С их помощью создайте прототип.

4. Тестирование

Протестировать прототип можно на себе и родных. Если работаете в компании, то протестируйте на клиентах или пользователях.

Тестирование с клиентами выглядит как презентация проекта. Рассказываете о самых важных моментах вашего прототипа.

Тестирование с пользователями включает в себя тест на удобство использования с участием 8-12 человек и 5-6 сценариев использования.

Во время тестирования обязательно записывайте идеи, чтобы не забыть и учесть пожелания при разработке следующей версии прототипа.

Инструменты прототипирования

Тодд рекомендует использовать PowerPoint (или Keynote), Visio, Fireworks, HTML и Flash. Впервые книга была опубликована в 2009 году. За это время часть инструментов устарела. Поэтому делюсь с вами современными инструментами прототипирования.

Бумага

Варианты логотипа ООО «Набла»

Для удобства можно использовать специальные макеты, которые легко распечатать на любом принтере.

Макеты для прототипирования на бумаге:

Онлайн сервисы

Заметили сколько облачных сервисов за последний год появилось? В нише прототипирования тоже есть несколько интересных инструментов.

Программы

Для любителей настольных решений тоже есть выход. Среди программ для компьютеров, понравилось только два решения:

Резюме

Главная цель прототипирования — передать аудитории суть вашей идеи с минимальными затратами сил и времени. А значит, вы страхуете себя и свои деньги от неудачи.

Книгу определенно стоит прочитать людям, которые впервые узнали о процессе прототипирования. Иначе, вам достаточно было прочитать эту заметку. Ничего нового, кроме примеров из жизни автора не узнаете.