Содержание
Учитывая рост методологий Agile и Lean UX в цифровом дизайне, многие ставят под сомнение ценность каркасов. Они говорят, что дни подробных одноразовых результатов закончились, и что команды должны уделять приоритетное внимание интерактивным прототипам из-за их ценности в тестировании удобства использования и живой документации.
Что ж, они абсолютно правы.
Однако мы хотим уточнить, что каркасы уже не те, что были раньше. Вайрфрейминг не умер, он просто изменился. Речь идет не о формализации проектов на ранней стадии, чтобы успокоить паническое воображение заинтересованных сторон за счет установления нереалистичных ожиданий от дизайна. Речь идет о дивергентном исследовании, создании более структурированного наброска концепций, которым можно поделиться с другими членами команды разработчиков.
Каркас для того, чтобы увидеть, как нематериальные концепции обретают форму. С помощью определенных инструментов вы можете даже начать закладывать фундамент для прототипа. Не создавайте каркасные модели ради создания артефактов дизайна, которые могут легко заставить людей думать, что они вообще представляют собой окончательную форму.
Эта статья - праздник каркасных моделей. Мы объясним, что это такое, почему они практичны, различные методы создания и как они вписываются в различные процессы UX-дизайна.
Что такое каркас?
Вы знаете эти черно-белые поля с крестиками и текстом, которые выглядят так, как будто кто-то стер все детали с веб-сайта или приложения? Это каркас.
Иногда можно встретить путаницу в терминологии, когда люди взаимозаменяемо используют такие термины, как каркасы, эскизы и макеты, для обозначения черновой работы по проектированию. Уточним на мгновение: эскизы самые грубые, каркасы немного более структурированы, а мокапы обычно имеют среднюю или низкую точность воспроизведения.
Как описано в «Руководстве по каркасному построению», каркасные модели представляют собой основу простых, низкокачественных дизайнов, которые исследуют структуру контента на начальных этапах разработки дизайн-проектов. Каркасные кадры могут быть разными по точности - от прямоугольников, нарисованных на салфетке, до чего-то более сложного с настоящими фотографиями и четкой типографикой.
Однако в целом каркасы должны больше склоняться к более низкой, более упрощенной точности - нет смысла беспокоиться о краске, когда бетон еще даже не высох.
Назначение каркасов и то, почему мы до сих пор считаем их полезными, заключается в том, что они помогают вам сосредоточиться на структуре и контуре сайта, чтобы вы знали, что создаете. Дизайнеры, стремящиеся к более высокой точности, могут легко упустить из виду некоторые аспекты общей информационной архитектуры, что приведет к процессу редизайна, подобному Jenga. Посвятив раннюю фазу планированию с помощью каркасов, дизайнеры могут построить план проекта, не отвлекаясь на пиксельное совершенство.
Хорошее и плохое
Так почему же каркасный каркас оказывается на плаху?
На любом конкурентном рынке неплохо периодически переоценивать каждую фазу процесса. И, как и любой другой шаг, вайрфрейминг определенно имеет свои недостатки:
- Неточное изображение конечного продукта. Их низкая точность означает, что зрители должны использовать свое воображение для определения того, как будет выглядеть конечный продукт. Это вредит презентациям заинтересованных сторон, а также мешает судить о «внутренней» реакции, которую даст конечный продукт. Если вы хотите поговорить о чем-то интерактивном, вам понадобится либо много заметок, либо дикие жесты, чтобы донести мысль (если вообще).
- Менее подходит для тестирования юзабилити. Следует отметить, что лучшее юзабилити-тестирование проводится с помощью прототипов, поскольку пользователи действительно могут реагировать и играть с чем-либо. В то время как тестирование каркасов может намекнуть на фундаментальные проблемы UX (например, если пользователи не могут найти основной контент), каркасные модели могут так же легко выглядеть как холодная техническая документация.
- Излишняя привязанность. Чем больше времени вы тратите на создание каркаса, тем меньше у вас желания исправлять какие-либо фундаментальные недостатки в структуре страницы или сайта. Человеку свойственно чувствовать эмоциональную привязанность к работе, которой вы гордитесь. Что еще более опасно, каркасное моделирование может стимулировать менталитет передачи, при котором вы стремитесь к более детальным деталям, чтобы их можно было лучше передать разработчикам (как если бы они были машинами WYSIWIG).
На наш взгляд, наиболее обоснованные претензии к вайрфреймингу относятся к отсутствию интерактивности и замедлению метода быстрого прототипирования (который мы описали выше).
Теперь давайте рассмотрим несколько преимуществ:
- Структурированный план - это, вне всякого сомнения, главное преимущество каркасов, и сама по себе причина для его создания. Каркас - это план сайта, демонстрирующий, что и где происходит, чтобы все можно было построить как части единого целого без каких-либо догадок или «выяснения этого на ходу». Альтернатива - катиться вперед на более поздних этапах, не имея четкого направления, куда вы идете ... но, как и строительство башни на неровной земле, это всего лишь вопрос времени, когда все рухнет.
- Высказывайте необъяснимые идеи. Процесс проектирования не всегда легко объяснить словами, а эскизы можно легко неверно истолковать. Создание каркаса с помощью знакомого всем инструмента значительно упрощает общение.
- Продвигайте дизайн, ориентированный на контент - всем пользователям нужен контент, а не дизайн. Когда вы создаете каркас, вам нужно подумать о том, сколько места требуется для элементов дизайна в зависимости от уровня и типа контента. Фактически, каркасное построение лучше всего, когда у вас под рукой есть реальный контент (совершенно нормально, если он грубый) или вы даже можете использовать контент конкурентов, как мы рекомендовали в бесплатной электронной книге Web UI Design for the Human Eye.
Хотя преимущества каркасного моделирования остаются прежними, вы можете обойти многие недостатки, адаптируя свой процесс к новым технологиям.
Новые каркасы
Жалобы в статье Bermon Painter были действительны и в прошлом - вайрфреймы использовались для создания отходов (особенно в качестве тупиковых результатов в Photoshop), и они не могли проверить удобство использования. Но такой взгляд на каркасные модели устарел.
При наличии подходящих инструментов для создания каркасов и прототипов каркасные модели легко обеспечивают интерактивность. Они становятся своего рода прототипом lo-fi, способным проверить удобство использования, не тратя время на разработку деталей (пока). Таким образом, это делает их идеальными для быстрого прототипирования - интерактивность прототипа позволяет тестировать его на ранней стадии, но низкая точность каркаса упрощает их создание.
Еще одна распространенная жалоба заключается в том, что каркасы - это просто еще один одноразовый продукт, но это тоже уже не так. Опять же, когда вы используете специализированный инструмент, ваши вайрфреймы просто переходят в следующую фазу - эволюционируют, если хотите - во что-то, способное работать с более высокой точностью, например, макет или прототип Hi-Fi.
Каркасы с более низкой точностью являются наиболее гибкими. Если вы создаете их с помощью инструмента для создания каркасов или прототипов, вы можете добавить точность позже в этом инструменте или перейти в Photoshop, если вам требуется визуальное совершенство. Вы получите лучшее представление о структуре контента, в любом случае не тратя кучу времени.
Следующая страница: создание каркасов ...
