Трудно представить работу информационного архитектора без использования макетов и прототипов. Благодаря им мы можем увидеть готовый продукт еще до того, как начнется работа графических дизайнеров и проектировщиков.
Каковы различия между этими двумя понятиями? Иногда они используются взаимозаменяемо, но формально говоря:
Макеты (каркасы) - это просто чертежи интерфейса и функциональности продукта. Прототипы - это макеты, в которых вы можете проверить взаимодействие с продуктом, и, следовательно, наиболее интерактивные.
Hi-Fi и Lo-Fi
Традиционное разделение макетов различает два типа из-за их детализации и изысканности.
На модели "lo-fi"? отмечены только основные и необходимые элементы для взаимодействия. Мы смотрим на такой проект с большого расстояния и хотим увидеть, что является наиболее важным. Чем более упрощен макет, чем больше мы используем воображение, когда говорим о нем, тем больше он вписывается в первоначальный дизайн. Такая модель может быть просто нарисована на листе бумаги и обычно начинается с нее.
Модель «hi-fi» больше напоминает конечный продукт , и она используется чаще ближе к концу проекта. Затем все больше внимания уделяется деталям отдельных элементов, а не общей картине. Фактически, последний hi-fi макет - это уже графический дизайн, который (по крайней мере, теоретически) должен быть сделан на основе предыдущих макетов. Такие макеты больше не могут быть сделаны вручную, вы должны использовать программное обеспечение.
Когда модель считается "привет-Fi"? Здесь нет строгого разделения. Однако часто может произойти следующая ситуация: мы показываем распечатку модели директору, президенту или другому важному человеку, у которого есть еще один ноль. Чаще всего мы слышим вежливость: «О да, это очень круто, свежо, я вижу прогресс и хорошую работу» . И часто мы слышим предложение, которое ошеломляет нас в первый раз: «А эту страницу можно посмотреть где-нибудь в Интернете?»
Если кто-то может перепутать макет с рабочей страницей, это означает, что макет уже достаточно "hi-fi".
Каковы распространенные ошибки при использовании макетов?
1. Начиная с рисования макетов. Это часто случается. Я прихожу к заказчику, чтобы рассказать об идее его новой страницы (которую я должен оформить). И что я вижу? Красиво нарисованный макет или, что еще хуже, графический дизайн. Вы вызываете графику, слушаете, рисуете новую страницу для нас, потому что мы стараемся не нравиться, и нам нужно ее обновить. И график рисует. В таких ситуациях сложно сказать, что мы только начинаем проектировать. Определите, что не так на текущем действующем сайте, как люди его используют, опишите какое-то видение изменений и краткосрочных и долгосрочных целей, подготовьте несколько сценариев и затем нарисуйте их.
Сам рисунок не является плохим методом для мозгового штурма - что мы хотели бы иметь на новом сайте. Но об этом нужно четко сказать - макет еще не первоначальный набросок.
2. «Радостный рисунок» без учета предположений. Когда мы начинаем рисовать, мы вдруг фантазируем и забываем о том, что мы создали ранее. Тогда иногда получается, что вы забыли о нескольких разных функциях, которые должны быть и взлеты - больше нет места.
Довольно эффективный способ придерживаться правильного пути состоит в том, чтобы сделать предварительные наброски макетов для каждого человека, которого мы ранее проектировали. Отдельный макет для главной персоны и отдельный макет для каждой стороны. Мы рисуем тогда только для этого одного человека, если этот человек чего-то не извлекает, то это не по модели. Конечно, этот процесс занимает немного времени, но его стоит выполнять для наиболее важных частей продукта, например, для домашней страницы.
3. Ориентация на внешний вид. Вот почему важно знать, когда мы используем «lo-fi», а когда «hi-fi». Если мы начнем проектирование с выбора размеров шрифта, цветов и фона, то у нас не будет возможности говорить о макете сайта или схеме навигации. Элементы, которые не существуют в модели, не обсуждаются, поэтому каждый раз, когда вы хотите что-то «украсить», стоит подумать, хотите ли вы рассказать о таких деталях на данном этапе проектирования.
4. Использование передовых инструментов. Это ошибка? Да, если мы создаем прототип "lo-fi" - инструменты со многими функциями рисования и форматирования (например, Photoshop, Corel) могут только навредить. Именно характеристики такого инструмента заставляют прототип выглядеть «лучше», чем нам нужно на данном этапе.
5. Предполагая, что хороший макет - это почти готовый продукт . Недавно на форуме, посвященном Axure (популярному инструменту для создания прототипов), я увидел удивительную историю о том, что кто-то создал прототип сайта для интранета для своей компании, и ему так понравилось, что в принципе ... он мог остаться. Создание прототипа и конечного продукта являются двумя отдельными процессами и не могут быть объединены без вреда для продукта.
Единственное исключение, которое я могу себе представить - мы создаем прототип в инструменте WYSIWYG для создания веб-сайтов или программного обеспечения - и затем каждый прототип приближает нас к финальной версии. Но использование таких инструментов в более крупных проектах ограничено, веб-сайты с только интерфейсом, без прикладной части, очень редки.
6. Пропуск обучения клиентов . Клиенты должны всегда знать, какова цель прототипов, которые они показывают. Сотрудничество с графикой научило многих лиц, принимающих решения, что то, что они видят, уже «почти» является конечным продуктом, поэтому оно содержит более или менее конечный продукт. То, что клиент в данный момент наблюдает, что там, а что нет - это основы, которые нужно как-то дать перед первым показом каких-либо картинок.
PS. Новый WordPress с административной стороны ужасен, противен и бесполезен. Два шага назад по сравнению с 2.0. У меня нет прямого доступа к категории. Я не могу установить порядок блоков. В заголовке много ненужного места. Главная навигация требует больше кликов. И это якобы люди из HappyCog разработали? Интересно, как выглядели их прототипы и из каких предположений они исходили.