Блог / Статьи

Полезная информация для вашего хостинга

Как улучшить UX с помощью набросков

Как улучшить UX с помощью набросков

Являются ли наброски необходимыми для UX и UI дизайнеров? Ну, если рассматривать наброски как способ исследовать проблемы и фиксировать потенциальные решения, то да, абсолютно.

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

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

Почему наброски важны для дизайнеров

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

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

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

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

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

Итак, какие революционные новые инструменты вам понадобятся?

UI design1

Какие инструменты вам нужны для набросков?

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

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

Вам понадобится что-то, чтобы делать отметки на бумаге. Подойдет карандаш, ручка, шариковая ручка и практически все остальное. Не беспокойтесь об ластике, наброски не предназначены для исправления ошибок, но вам понадобится точилка, если вы используете карандаш — никогда не рисуйте тупым карандашом!

Какой бы инструмент вы ни выбрали, неплохо иметь под рукой толстый маркер, например Sharpie, чтобы выделить важные детали, и, возможно, тонкую ручку для добавления мелких деталей (если это необходимо).

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

Наброски 101: Пошаговый процесс

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

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

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

Поскольку большинство из нас зацикливается на мелких деталях, полезно рассматривать наброски как сессию мозгового штурма. Эта сессия посвящена тому, чтобы придумать инновационное решение для проекта и визуализировать его.

Ничего страшного, если у вас возникнет идея, которую вы в конечном итоге отбросите. Это не время для саморедактирования.

2. Начните делать наброски
Возьмите лист бумаги и с помощью инструмента для набросков разделите его на шесть секций. Установите таймер на 5 минут и начните набрасывать макеты для первого взаимодействия.

Часто дизайнеры сталкиваются с трудностями на этом этапе и возвращаются к тому, к чему они привыкли, т.е. каркасам и высококачественным макетам. Если вы обнаружите, что вам трудно начать делать наброски, начните с того, чтобы сделать отметку на бумаге; любую отметку. Затем сделайте вторую отметку. С третьей отметкой попытайтесь расположить ее так, чтобы она что-то говорила вам о проекте своим размером, весом, положением — чем угодно. Продолжайте, и прежде чем вы это заметите, у вас будет завершенный набросок.

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

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

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

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

Часто хорошей идеей является комбинирование некоторых ваших дизайнов. Перерисуйте их вместе, и после этого расширьте и уточните их.

UI design2

Улучшите свой дизайн с помощью набросков


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

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

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

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

Заключение

Использование набросков для улучшения UX-дизайна — это мощный инструмент, который помогает визуализировать и развивать идеи на ранних стадиях проекта. Этот процесс позволяет дизайнерам быстро и эффективно исследовать различные решения, не зацикливаясь на мелких деталях. Точно так же, как наброски помогают упорядочить и улучшить дизайнерские концепции, правильный виртуальный хостинг может значительно упростить и улучшить работу с вашей CMS (системой управления контентом).

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