Важность идей в UX или как заложить фундамент для хорошего дизайна
Любой гениальный дизайн начинается с потрясающей идеи. Мы расскажем, где её нужно искать
Любой гениальный дизайн начинается с потрясающей идеи, но правда в том, что рядом с ней всегда идут сотни неудачных. Глаз пользователя этого не видит, однако его опыт был бы не столь позитивным, если бы в процессе совсем не было ошибок и постоянных итераций.
Концепция «Double Diamond», так горячо любимая дизайнерским сообществом, предлагает выводить брейншторм и генерирование идей в отдельный этап разработки. В этой статье мы рассмотрим некоторые советы, приёмы и инструменты, которые помогут заложить правильный фундамент для будущего продукта.
Схема концепции Double Diamond
Почему процесс отбора идей так важен?
Осознанно или нет, но мы ежедневно проходим через множество процессов обдумывания и создания идей. Какой фильм лучше посмотреть? На какой поезд сесть? Чем заняться на выходных? В дизайне ответы всегда немного сложнее, чем «Назад в будущее», поезд в 8:35 утра или прогулка по парку. Процесс генерирования идей позволяет избегать ранних выводов и побуждает углубляться в тему исследования, чтобы максимально раскрыть те мысли, которые приходят в голову. Кстати, пропускать этап генерации идей — это одна из 8 фатальных ошибок junior-специалистов, которые мешают подняться им на следующий уровень. Возьмите это на вооружения!
В чем же секрет этого этапа?
- Помогает задать правильные вопросы. Зачем мы это разрабатываем? Для кого мы это делаем? Является ли эта функция абсолютно необходимой? Эти, и не только, вопросы помогают дизайнерам расставить приоритеты и работать над достижением цели.
- «Выложите на стол» все идеи — хорошие или плохие — и отсортируйте их. Важно избавиться от плохих идей, чтобы освободить место для хороших. Это будет означать, что вы обдумали и изучили множество вариантов (что очень хорошо для дизайн-процесса!).
- Найдите новые интересные концепции, которые вы, возможно, не рассматривали раньше. Это особенно актуально в условиях командной работы, поскольку лучшие идеи могут прийти в результате группового брейншторма. Как говорится, «одна голова — хорошо, а две — лучше».
- Думайте нестандартно. Как и в предыдущем пункте, на этом этапе можно потренировать воображение и развить навыки творческого, критического и концептуального мышления. Ну и не забудьте в нужный момент подключить ChatGPT, так при правильном подходе он может помочь посмотреть на проблему с совсем другой стороны. Кстати, у нас на YouTube канале есть целое видео о том, как использовать ChatGPT для дизайна. Если вы хотите интегрировать нейросети в свой рабочий процесс — то самое время это сделать.
- Экономия времени и ресурсов в долгосрочной перспективе. Выявление проблем на ранних этапах — лучший способ избежать многочисленных доработок и правок.
1. Оспаривайте и ставьте под сомнение свои предположения
Одна из научных истин гласит, что не стоит верить предположениям, пока они не будут подтверждены экспериментами. Это относится и к дизайну. Постановка своих предположений под сомнение в процессе проектирования позволяет вам проявлять творческий подход и искать всё лучшие и лучшие решения.
Дизайн очень восприимчив к переменам в окружающем мире. То, что было актуальным вчера, может не быть таковым уже сегодня (вот почему UX шагнул так далеко за последние 100 лет), поэтому крайне важно всегда сомневаться, не делать поспешных выводов и не ставить себе шлагбаумов в процессе разработки идей. Сомневаться и оспаривать свои же идеи — это окей.
Оспаривать свои предположения можно в несколько этапов:
- Перечислите предположения и идеи. Звучит очевидно, но так или иначе этот этап действительно помогает презентовать идеи команде или просто сформулировать их для себя.
- Бросьте вызов своим идеям. Настало время оспорить, поставить под сомнение и обсудить все предположения. Не лишним будет копнуть немного глубже и понять, почему человек, написавший эти предположения (например — вы), считает именно так. Это поможет понять, действительно ли предположение обосновано, или же это просто гипотеза, которую необходимо подтвердить в дальнейшем.
- Классифицируйте идеи и выделите лучшие. Хороший способ классификации идей, гипотез и предположений после их оспаривания — метод, показанный ниже. Он позволяет согласовать с командой, в чем заключается суть каждого предположения. Что из всего представленного можно реализовать, а что — откинуть или исследовать дополнительно. Очень легко запутаться в сроках, многочисленных источниках обратной связи и информации, запросах, выходящих за пределы области исследования, и забавных визуальных концепциях, но в конце концов вы пытаетесь разработать полезный и интуитивно понятный продукт для пользователя. И это всегда опасная игра, в которой очень легко запутаться. Проверка предположений позволит вам определить, правильный ли путь выбран и можете ли вы делать правильные выводы из результатов анализа.
Метод сортировки идей по секциям: важные/не важные, известные/неизвестные
2. Учитывайте user flow
«User flows» (или «пути пользователя») часто создаются на этапе разработки идеи, после проведения исследований. Они являются важной частью фундамента, на котором будет строиться продукт. После того, как вы систематизировали данные, полученные в ходе исследований, «user flows» помогают определить, сколько экранов необходимо, в каком порядке они должны появляться и какой функционал там должен быть. А если вы хотите разобраться в этом более детально, то наш ведущий дизайнер Никита глубоко изучил, что такое «user flow», и выпустил целое видео о нем на YouTube канале Пижамной Академии.
«User flows» очень полезны на этапе разработки идеи, поскольку они:
- Добавляют наглядности и очевидности. Иногда то, что имеет смысл в нашем воображении или при проектировании, на самом деле не имеет смысла для пользователя или продукта в целом.
- Придают структуру. Создание дизайна, будь то прототипа или UI, может быть очень сложным. Наличие «user flows», проработанных заранее, действительно помогает создать фундамент и гарантировать, что вы не пропустите ни одного ключевого шага, экрана или CTA.
- Позволяют другим углубиться в продукт. Другим людям, особенно тем, кто немного отстранён от проекта, может быть сложно понять его по слайдам исследования и дизайнам нескольких экранов. Однако углубление в «user flows» — это совсем другой опыт и уровень понимания.
Есть множество инструментов, которые помогут вам проиллюстрировать путь пользователя. Мы рекомендуем FigJam, Whimsical, Miro.
Не забывайте, что «user flows» часто пересматриваются и редактируются, поэтому вы всегда будете обновлять их и поддерживать в актуальном состоянии — все это часть итеративного процесса! Итерации предельно важны — они помогают дизайнерам выявить все возможные проблемы, прежде чем приступать к проектированию экранов, а также являются отличным катализатором для упрощения UX, заставляя придумывать самый простой способ выполнения задачи пользователем.
Пример user flow
3. Вдохновляйтесь
Все мы знаем, каково это — часами смотреть на экран компьютера или чистый фрейм. Особенно, если не развивать зрительное мышление и насмотренность. Именно в «состоянии вдохновения» создаются лучшие работы, но иногда бывает трудно достичь этой пиковой точки. А вот упасть в творческий кризис достаточно легко. Благо, существует безумное количество ресурсов и практик, которые могут помочь вдохновить дизайнера на работу.
Однако слишком раннее вдохновение может ограничить мышление, сфокусировать вас на конкретных решениях и завести в кроличью нору, из которой будет трудно выбраться.
Тем не менее вдохновения на ранних этапах — это не всегда плохо. Часто, это признак любопытства и упорства, но важно держать это в голове в процессе проектирования и время от времени проверять себя. Не слишком ли рано я сужаю круг своих идей? Действительно ли тот дизайн на Behance — единственный путь решения задачи? Что ещё я мог бы попробовать?
4. Начните с «low fidelity» прототипа
«Low fidelity» — это прототип с низким уровнем детализации. Это недорогой и относительно быстрый подход, который позволяет нарисовать простые и доступные для тестирования макеты без углубления в техническую составляющую, шрифты, цвета и прочие UI элементы. «Low fidelity» — отличная отправная точка, которая позволяет создать несколько концепций, чтобы сначала протестировать их, а потом уже переходить к более детализированному дизайну.
«Low fidelity» прототип помогает:
- Обнаружить и устранить основные проблемы на ранней стадии.
- Сосредоточиться на тестировании разных концепциях, прежде чем кидать ресурсы на проработанный вариант дизайна.
- Проводить итерации быстрее и дешевле.
Классический пример wireframes
Существует множество способов начать работу над прототипом с низким уровнем детализации:
- Ручка и бумага. Классический инструмент, доступный всем. Несмотря на наличие множества потрясающих цифровых продуктов, многих дизайнеров все равно тянет к ручке и бумаге, даже если речь идёт о небольшом проекте.
- Wireframy. Для любителей Figma в Wireframy есть 2 300+ компонентов и 170+ специально созданных макетов, которые можно использовать и редактировать.
- Whimsical. Ещё один отличный онлайн-инструмент, который имеет большую библиотеку и все необходимые инструменты.
- Figma. Классика жанра, которая подходит для любых задач, связанных с интерфейсами. А если вы ещё и следите за Пижамной Академией, то знаете, что у нас есть курс Figмастер, где мы бесплатно и постепенно изучаем Figma с 0 до PRO за 34 урока. А кроме того, у нас на сайте есть целый раздел с уроками по Figma, который поможет натренировать руку и создавать удивительные эффектные вещи.
Подведем итог
Итак, что же необходимо, чтобы заложить мощную базу для будущего дизайна?
- Оспаривайте и ставьте под сомнение все свои предположения и идеи.
- Создавайте и учитывайте user flow в процессе разработки.
- Найдите источники вдохновения.
- Всегда начинайте с «low fidelity» прототипа.
- Не бойтесь вносить изменения в проделанную работу, а также начинать все сначала.
В этой статье рассмотрены 5 ключевых моментов, однако на практике их значительно больше. Чтобы описать все, понадобится написать целую книгу! Так или иначе, советы, описанные нами, помогут лучше ориентироваться в процессах. Как только вы примените каждый из этих пунктов на практике — сможете найти множество дополнительных процессов и «подводных камней». Они сформируют ваше индивидуальное видение и подход к подобным задачам, за счёт чего процесс генерирования идей станет немного проще!
Источник: Dribbble
