UXPUB 🇺🇦 Спільнота дизайнерів

Cover image for Почему вайрфреймы устаревают
Редакція
Редакція

Опубліковано

Почему вайрфреймы устаревают

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Shape Up

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

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

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

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

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


Перевод статьи medium.com

Топ коментарі (0)

Курси дизайну UX, UI

Точка старту в професії вебдизайнера: від нуля до перших промо-сайтів і лендингів
Дізнатись більше