Александр Колодько́
3 апреля 2014

Николай, расскажите, пожалуйста, о микропрототипах. Я так понимаю, это смесь мокапа и майндмэпа? То есть более визуальная карта сайта? И как вы их делаете? Вручную каждую страницу или есть типовые шаблоны?



Александр!

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

Преимущество микропрототипов — простота. Они создаются почти за нулевое время, но всё равно заставляют дизайнерские шестерёнки прокрутиться. А из-за маленького размера не возникает соблазна погрузиться в детали. В этом смысле они похожи на «жирный маркер».

Главный секрет: прототипчики рисуются похожими на настоящие экраны. Если на странице планируется разместить картинки, рисуем квадратики, если страница текстовая — полосочки-строчки, если будет попап, ставим один квадратик сверху других.

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

Командор 2.0:

«Система Кадры»:

Быстрая помощь в сервисе отчётов «Системы Главбух»:

Присылайте свои примеры в комментарии.

P. S.
Это был совет об управлении проектами, людьми и собой. Присылайте вопросы.
P. P. S.

Я проведу практический курс «Управление проектами, людьми и собой» 7, 8 и 9 апреля в Москве

 

Запись открыта до СБ 1 апр


Поделиться

Комментарии

Александр Цебро
3 апреля 2014

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

Когда к нам в голову приходит идея, на западе уже есть продукт. За 8 долларов можно купить набор из 50 векторных шаблончиков (https://creativemarket.com/lilsquid/26032-Lil-Pages-50-UI-layouts), а за 19 — колоду карт из 54 (http://uxkits.com/products/website-deck-of-cards). Естественно, эти инструменты не должны заменять вдумчивую работу и критическое мышление. Если вы развиваете в себе такие качества, то рисуйте сами, если пускаете пыль в глаза себе и остальным — берите готовые.

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

Леонард Киндай
5 апреля 2014

Многие не любят прототипировать на бумаге, но для меня это что-то вроде фетиша. Мне нравится зачёркивать и перерисовывать неудачный микропрототип несколько раз. А его размеры позволяют не тратить на это много времени, что вытекает в 5-7 итераций за полчаса шуршания в блокноте.

А ещё нужный элемент всегда можно нарисовать покрупнее рядом, если пришла какая-то мысль, и просто показать, откуда мы его выдернули.

Ирина Петрова
10 апреля 2014

А какими программами пользуетесь для рисования подобных минипрототипов?


1 мая 2014

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Вы не обязаны соглашаться Как вести документацию по дизайну Как флексить. Перенести на следующую итерацию Как флексить. Не выходить в надсистему




Недавно всплыло

3 Как написать заказчику, что я установлю модуль на его сайт после окончательной оплаты, и при этом не обидеть его? 2 1 Столкнулся с проблемой, когда долго общаешься с клиентом, и потом выясняется, что его не устраивает порядок цен. Часть 1 2