1 2 800x440 - Почему вайрфреймы устаревают

Пару недель назад я опубликовал короткий отрывок из книги Basecamp «Shape Up». Он отражает мой опыт последних лет, о котором я так и не удосужился написать – актуальны ли еще вайрфреймы?

Вайрфреймы – это золотая середина. Это уже не наброски, но еще не дизайн высокой точности. Они специально спроектированы без цвета. Вайрфреймы просто пытаются четко представить макет и информационную архитектуру, при этом намеренно избегая высокой визуальной и контентной точности.

Спор вокруг вайрфреймов

Так почему же мы до сих пор продолжаем добавлять в свои проекты этап создания вайрфреймов? Часто цель вайрфреймов и аргументы в их пользу лежат в одном из трех сегментов:

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

Давайте разберем эти аргументы один за другим:

1. Вайрфреймы и заинтересованные стороны

Думаю, что за последние годы заинтересованные стороны сильно изменились, когда речь заходит об обзоре и предоставлении фидбека на цифровые продукты. В настоящее время на собрании крайне редко разговор рушится из-за таких вещей, как цвет кнопок. И даже, если это произойдет, любой хороший дизайнер должен уметь сместить акцент на более актуальные вопросы.

2. Вайрфреймы быстрее создавать

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

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

3. Вайрфреймы – простой инструмент документирования

Аргумент, что вайрфреймы служат инструментом игнорирования визуального дизайна, может быть верным, но это не делает его валидным. За 20 с лишним лет работы в этой отрасли я не уверен, что когда-либо создавал или даже видел вайрфреймы, детализирующие документацию взаимодействий. Если только вы не говорите о «ссылках», но это делает дизайн с высокой точностью.

Не думаю, что когда-либо работал над вайрфреймами, которые правильно переносились в визуальный дизайн, без перемещения или хотя бы небольшой реорганизации некоторых элементов. А, если вы перемещаете элементы в вайрфреймах – и, следовательно, нарушаете структуру и иерархию, которые должны были передать – тогда какой в этом смысл?

Я дам вайрфрейм моему дизайнеру, а затем скажу ей: «Знаю, что ты смотришь на этот вайрфрейм, но это не то, что я хочу, чтобы ты спроектировала. Я хочу, чтобы ты переосмыслила это!» Это трудно сделать, когда вы даете им конкретную вещь.

Shape Up

Что же мне делать вместо варфреймов?

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему вайрфреймы устаревают

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

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

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

Свежие вакансии
                        MYTONA MYTONA Motion-designer Полная Санкт-Петербург
                        Beta Beta Senior / Middle Web Designer Офис Москва
                        Traffic Time Traffic Time Дизайнер-сборщик страниц на платформе GetCourse Удаленно Москва
                        Digital agency aim Digital agency aim Middle UX/UI дизайнер Удаленно Брянск от 80 000 ₽
                        RJ Games RJ Games UI Motion Designer / Animator Удаленно Москва
Все вакансии

Оригинал: medium.com

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

1
  1. Никогда не понимал людей юзающих вайрфреймы, это какой-то хипстерский инструмент для ванильных фоточек — “У нашего стартапа брэйнсторм”. Сразу лихо запрыгиваешь в редактор и колбасишь первый прототип в нем, не тратя время на рисование руками и перерисовки деталей.

Добавить комментарий
Похожие записи

Забудьте о компьютере! Давайте выясним почему вы должны писать и проектировать на бумаге

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

Этап исследования задачи в UX-проекте

У каждого проекта могут быть свои способы и причины для проведения исследования поставленной задачи.…