Дизайнеры пользовательского опыта (UX) используют UX-эскизы как инструмент для процесса дизайнерского мышления. Обычно это первый этап процесса. И это важный навык и обычная практика, которые могут помочь отдельным людям или командам. Хотя это обычная практика среди дизайнеров пользовательского опыта (UX), она может быть полезна как отдельным лицам, так и командам.
Практика создания UX-эскизов привносит творческий подход и командную работу в игру и вдохновляет на реализацию текущего проекта. Он также создает более целенаправленные решения и повышает удобство использования, что приводит к более активному взаимодействию и удержанию пользователей. В этой статье мы рассмотрим, что такое UX-скетчинг, почему это важно, и дадим несколько полезных советов, как делать это хорошо!
Что такое UX-скетч? —
UX Sketching — это просто набросок от руки, обычно используемый для генерации, передачи и уточнения идей. Его можно использовать для справки или для совместного использования с коллегами, руководителями групп, клиентами и заинтересованными сторонами.
Типы скетчей UX
Богатые картинки
Карты пригодятся, когда вы пытаетесь визуализировать конкретный процесс , иерархия или временная шкала с разными точками. Как UX-дизайнер, они включают интеллектуальные карты, информационную архитектуру, карты сайтов, карты пути пользователя и карты эмпатии.
Пользовательский интерфейс (UI)
Различия между эскизами, чертежами и прототипами —
Наброски, рисование и создание прототипов могут показаться похожими действиями. Некоторые люди могут даже подумать о том, чтобы пропустить этап создания эскиза и сразу перейти к созданию прототипа! Несмотря на то, что они похожи и связаны, это разные процессы и последовательные процессы, когда дизайнеры должны переходить от набросков к рисованию, а затем к прототипированию. По мере того, как вы переходите между каждым шагом, идея с каждым разом становится более конкретизированной. Вот различия.
] Когда и почему
Что касается создания эскизов UX, то это обычное дело в процессе создания идей для мозгового штурма, предложения и передачи идей. Это также способ проверить идеи. Чертежи выполняются после первоначального скетча UX. Они более отточены от эскизов, выбирая такие детали, как цвета, а также толщину обводки, чтобы представить определенный стиль, эмоции и эстетику. Прототипы создаются как эскизы окончательного решения на основе ранее созданных чертежей. Это не только инструмент для тестирования удобства использования, но и для получения отзывов и улучшения продукта.
Время и стоимость
Создание эскизов — это удобно, быстро, рентабельно и быстро дает сбой (исправление итераций и быстрое устранение «неудачных» или плохих идей!). Однако рисование занимает больше времени, поэтому оно может быть точным. Это также позволяет вам ограничиваться монтажной областью или холстом. Прототипы требуют гораздо больше инвестиций и сосредоточения на конечном продукте, с небольшой гибкостью для изменений, поскольку фундамент может быть трудно изменить.
Качество и детализация
Эскизы чаще всего низкого качества, могут быть беспорядочными с небольшим количеством деталей. Рисунки будут иметь более сложные детали, с большей точностью и точностью размеры и цвета различных элементов. Что касается прототипов, они обладают высочайшим уровнем детализации и точности, обеспечивая идеальное качество изображения до пикселя. Он готов для разработчиков к созданию решения в коде и очень похож на реальный продукт.
Взаимодействие
В процессе первоначального проектирования эскизы чаще всего являются физическими копиями. Взаимодействие между каждым экраном представлено примерно для взаимного понимания того, как разные экраны будут соединяться. Рисунки не интерактивны, это визуальное представление. В прототипе пользователь может взаимодействовать с компонентами и получать обратную связь, напоминающую реальный продукт.
Преимущества создания эскизов UX —
Генерация идей
UX-эскизы помогают вам и вашей команде генерировать идеи, будучи в состоянии визуализировать проблему или идею. Вы также можете использовать его для планирования хода потока или процесса, описания сценариев проблемы и мозгового штурма.
Обмен идеями
Создание эскизов UX позволяет вам и вашей команде согласовывать идеи. Возможность визуализировать процесс может помочь сделать дизайн правильным. Полезно задокументировать успехи и неудачи, чтобы другие члены команды могли извлечь из них уроки, или в качестве справочного материала, к которому можно вернуться.
Уточните идеи
С помощью UX-эскизов вы и ваша команда также можете проверить свои идеи и внести какие-либо улучшения, прежде чем переходить к деталям. Это быстрый способ получить обратную связь и оценить практичность решения.
Быстрые итерации
Создание эскизов UX выполняется быстро, дешево, а идея состоит в том, чтобы быстро потерпеть неудачу. Не идеально повторять одну конкретную идею, а скорее генерировать как можно больше идей. Быстрая неудача гарантирует, что вы не будете слишком привязаны к одной идее и создадите как можно больше идей. Таким образом, когда вы выберете лучшие идеи, вы больше не будете задаваться вопросом «а что, если».
Начало работы с UX-эскизами —
Люди
Канцелярские товары
Цифровое программное обеспечение
Хотя многие дизайнеры не рекомендуют начинать с цифровых инструментов, обстоятельства неизбежны. Особенно, если вы работаете удаленно, есть варианты цифрового рисования, такие как Figjam от Figma, Invision Freehand и Jamboard. Это отличные варианты для создания эскизов с удаленными командами. Другой вариант — Google AutoDraw, который использует технологию искусственного интеллекта, которая быстро превращает ваши наброски в рисунки.
Советы по созданию UX-эскизов —
Практика!
Как и в случае с любым другим навыком, лучший совет — практиковаться и продолжать практиковаться! Найдите темы вокруг себя и начните делать наброски или зарисовывать концепции, которые появляются в вашей работе, чтобы визуализировать мыслительный процесс. Вы также можете принять участие в таких испытаниях, как «100 дней UX Sketch».
Сформулируйте проблему и цель, которую необходимо решить
Чтобы не отклоняться от темы и не рисовать в собственном воображении, лучше сначала сформулировать проблему и цель, чтобы иметь четкое направление того, что вы будете рисовать. Если вы не уверены в них, но имеете в виду идею, работайте в обратном направлении и определите болевые точки пользователя, которые вы стремитесь решить. UX не существует, если нет пользовательских проблем, которые нужно решить, или нет улучшений.
Пишите четко
Может возникнуть беспорядок, если вы попытаетесь что-то быстро нацарапать во время UX-скетча. Тем не менее, ваш почерк должен быть достаточно четким, чтобы его могли разобрать и другие люди, и вы сами. Как дизайнер, вы должны выражать свои мысли и идеи, поэтому контекст должен быть разборчивым, прежде чем он будет забыт.
Не зацикливайтесь на мелких деталях
UX-эскизы должны быть грубыми и беспорядочными. Рекомендуется оставить их как есть и сосредоточиться на цели, а не совершенствовать нарисованный вами звездный символ. Не забывайте расширять и расширять свои идеи вместо того, чтобы заходить слишком глубоко, иначе они закрепятся и ограничат ваше творчество.
Установить временные ограничения
UX-скетчи могут легко выйти из-под контроля, лучше установить расписание с ограничением времени для активности. Это подготавливает членов команды к действию и сохраняет концентрацию команды.
Шаблоны
Разумно подготовить несколько трафаретов с часто используемыми значками или вырезками символов пользовательской блок-схемы, или шаблонами макетов, чтобы сократить время простоя для рисования телефонов точных размеров. Существуют также шаблоны для людей, работающих в пространстве AR / VR (дополненная реальность или виртуальная реальность), где для 3D-объектов будут использоваться разные сетки. Независимо от того, используете ли вы изометрическую, диметрическую или равнопрямоугольную сетку, убедитесь, что у вас есть несколько их копий!
Делитесь и получайте отзывы
Сделав наброски в течение ограниченного времени, лучше всего поделиться своими набросками с командой, чтобы достичь взаимопонимания. Если вы работаете индивидуально, хорошо бы все же спросить третье мнение и уточнить идеи. Когда вы сотрудничаете с другими, могут возникнуть новые идеи или идеи для более жизнеспособного решения.
Все документы
Сохраните свои зарисовки и заметки! Важно сохранить итерации и идеи на тот случай, если вам нужно будет вернуться к этому или если вам нужно будет вернуться к нему.
Сделайте UX-эскизы хорошей практикой —
UX-скетчинг — хороший метод осмысления и передачи идей. Нет правильного или неправильного способа сделать это. В конце концов, это не будет частью продукта, так что беспорядок — это нормально. Всегда полезно сделать набросок, прежде чем сразу приступить к созданию прототипа для воплощения лучших идей. Так что не торопитесь, попрактикуйтесь в рисовании и продолжайте повторять! А если вы застряли, профессиональная помощь всегда рядом.
Нужен UX-эскиз для вашего дизайна?
Наши дизайнеры могут помочь вам создать что угодно.