Практические советы для начинающих. Как расти в профессии быстро и избежать досадных ошибок. Как облегчить себе работу и делать проекты четко. Рекомендации, которые никогда не устареют.
Эта статья в первую очередь полезна тем, у кого практически нет опыта работы над реальными коммерческими проектами. А также тем, кто находится только на этапе обучения и не совсем представляет рабочий процесс.
Мы уже обсуждали частые ошибки JUNIOR UX/UI-дизайнера, этот материал можно считать логическим продолжением.
1. Обозначь приоритеты в работе
В каждом проекте у тебя будут первостепенные и второстепенные задачи. Сразу создай себе план. Выполни сначала самое важное для клиента и для проекта в целом. Обычно это проработка пути совершения конверсионного действия. Сделай это плавно, продуманно и хорошо. Согласуй результат с заказчиком. И уже потом дорабатывай остальное. Поверь, так будет проще и с меньшим количеством правок. Ну и в целом удобнее отталкиваться от проработанного основного костяка, добавляя мелочи, чем делать все одним махом, путаясь и возвращаясь к предыдущим элементам.
2. Придерживайся принципа mobile-first
Кажется, что это уже база. Но все еще многие делают сначала десктопную версию, а потом уже ее адаптируют под мобильные устройства. Скажем так, есть причины делать наоборот. Во-первых, большинство заходов на сайты уже происходит со смартфонов. А во-вторых, переделать мобильную версию в десктопную просто проще для дизайнера.
Если требуется изначально версия под ПК, то хотя бы постарайся делать параллельно оба варианта, это будет проще и поможет избежать массы исправлений в будущем.
3. Сразу сохраняй стили
Как только ты начинаешь проект, не ленись сохранять все визуальные стили (цвета, эффекты, стили текста, макеты, границы и т. д.), используя соответствующие имена. Это поможет тебе позже сэкономить драгоценное время, ведь не успеешь осознать, как "несколько первых набросков" могут превратиться в 10 страниц по 10 экранов. И при этом тебе нужно сохранить последовательность и согласованность.
Присвоить название стилю – 30 секунд. Искать нужные элементы и перепроверять соответствие по всему проекту – очень долго.
4. Учитывай все сценарии
Речь о взаимодействии пользователя с интерфейсом. Иногда даже опытные дизайнеры склонны выбирать пользовательский путь "по умолчанию" и прописывать его стандартно. Специалисты просто уже делают это на автомате, а новички скорее из-за недостатка опыта.
Зачастую это самое правильное решение – устойчивые паттерны поведения стали таковыми не просто так. Выдумывать что-то принципиально новое может быть опасно, если речь идет об эффективности.
Но иногда какой-то шаг дает сбой. Например, юзер не хочет продолжать действие и хочет быстрее вернуться в начало страницы. Что-то вспомнил, где-то засомневался. Это нормально. Тебе важно предусмотреть отработку возражений заблаговременно, помочь все-таки пройти путь всякими подсказками. Но все равно на каждом шаге необходимо предусмотреть пути выхода из формы.
Или другая ситуация – при оформлении заявки нужно найти какие-то детали с сайта. Не заставляй человека уходить для этого, вдруг он не вернется. Продумай систему так, чтобы все формы можно было заполнить без дополнительных действий.
Тестируй каждый шаг так, будто видишь свой дизайн впервые. Притворись представителем своей целевой аудитории. А если она обширная – то разными личностями. Кто-то спокойный и вдумчивый, а кто-то импульсивный и не очень внимательный. Как они поведут себя? Учитывай все возможные сценарии поведения, чтобы обеспечить релевантный, предсказуемый и последовательный пользовательский опыт.
Проводи тестирование с реальными пользователями. Их обратная связь — ключ к улучшению UX. Даже короткие исследования могут принести ценные результаты.
5. Добавляй примечания
Для тебя какие-то моменты могут быть очевидными. Но как показывает практика, они не являются таковыми даже для другого дизайнера, уже не говоря про заказчика. Добавляй комментарии к элементам, рассказывай, как они будут работать. Это облегчит сдачу работы, спасет тебя от недопонимания и кучи лишних вопросов.
И не только для клиента. Делай пометки для разработчиков. Они должны понимать твою логику, видеть все последовательности и ссылки. Если прогер неправильно реализует твою идею, то это ваша общая проблема.
Ты можешь думать, что разработанный тобой интерфейс или поток максимально интуитивен. Но ты работал над этим проектом довольно долго, уже погрузился в контекст, изучил детали и держишь в голове то, чего, возможно, не знают другие участники проекта. Поэтому иногда мнение предвзято, посторонний человек не сразу разберется в тонкостях. Позаботься о том, чтобы всем все было ясно сразу.
6. Не углубляйся больше, чем нужно
Очень важно владеть инструментами, уметь сделать сложные фишки и показывать уровень. Но UX-дизайн работает так, что результат все-таки важнее путей достижения. И новички нередко хотят впихнуть в свой проект все, что умеют, доказывая свою экспертность. Хотя фактически даже очень простой в выполнении дизайн может работать гораздо лучше сложного. Для начала нужно вникнуть в суть задачи и продумать ее эффективное исполнение, а потом уже извращаться, придумывая улучшения и необычности.
Главное – выдержать все основные требования. Можешь использовать для этого наш чек-лист по улучшению UX/UI.
К тому же, не всегда нужна эта техническая сложность. Твое мастерство смогут оценить другие дизайнеры, возможно, еще рекрутеры спросят про навыки. А если ты делаешь проект для заказчика, далекого от диджитал-сферы, то он и не поймет, что там у тебя такого особенного. Поэтому не заморачивайся, если это неоправданно.
7. Всегда сохраняй предыдущие итерации дизайна
Наверное, лишний раз не нужно объяснять, зачем это нужно. Если у тебя есть хоть какой-то минимальный опыт работы, то ты и так знаешь, как иногда приходится вносить правки и потом возвращать как было.
В принципе Figma дает доступ к предыдущим версиям файла, но лучше вообще никогда не удалять предыдущие итерации. Тебе может позже пригодиться один небольшой элемент или целые блоки. Кроме того, предыдущие варианты дизайна помогают оценить, насколько далеко ты продвинулся от первых набросков и обосновать принятые решения. Выдели отдельные страницы для версий, называй их по датам и помечай понятно.
Еще стоит добавить, что старые итерации нужны не только для текущего проекта. У тебя много раз будут возникать ситуации, когда какие-то детали отлично лягут в другой заказ. Хорошую идею зарубили? Ничего, в следующем проекте она пригодится. Или тебе нужны какие-то стандартные вещи, которые легче скопировать. А может, наоборот, что-то сложное. И вместо того, чтобы с нуля разрабатывать объемный дизайн, можно взять за основу уже готовые элементы и подогнать их под требования нового проекта.
Бывает, что какие-то штуки пригодятся через год. Через два. Или клиент захочет доработок, или попадется заказ того же направления. А может, тебе просто нужно будет показать интересное решение работодателю при найме – даже если оно не вошло в окончательный дизайн.
Короче, храни все, что можно хранить. Сортируй, чтобы легко найти, а то забудешь. Поверь, пригодится рано или поздно.
8. Смирись с однотипными проектами
Мы всегда говорим, что портфолио это важно. И нужно над ним работать непременно. Начинай сразу, еще во время обучения. Но не стоит делать упор только на создание невероятного портфолио – так не бывает.
Просто смирись с тем, что не все твои готовые проекты станут кейсами на уровне портфолио. И это нормально. Где-то задачи будут слишком однотипными, где-то мелкими и не очень интересными, где-то это будет командная работа, в которой твой вклад не очень заметен. А иногда заказчик потребует внести такие правки, что и людям показать стыдно. И в некоторых случаях ты это сделаешь, не всегда получится отстоять свое мнение.
Любые задачи важны, на них ты учишься, оттачиваешь мастерство и зарабатываешь деньги. Отказываться от простых проектов не стоит. Просто свой рост ты покажешь в других кейсах, когда они появятся. А если работать усердно и не бояться брать разную работу, то интересные проекты для портфолио точно будут.
9. Помни, что клиент важен
Для тебя, как специалиста, оказывающего услуги, клиент также важен, как и пользователь. Конечно, мы в первую очередь стараемся создавать удобные решения для юзеров. Но важно учитывать и пожелания заказчика. Как профи ты должен оспаривать откровенно провальные идеи, но старайся балансировать.
Предлагай варианты, спрашивай мнение, проси референсы. Помни, что чем больше ты выполнишь пожеланий, тем легче клиент согласится на исправление некоторых не самых удачных его задумок. Окончательный выбор остается за клиентом. И именно клиент оплачивает твою работу. Так что относись спокойно к изменениям и категоричности. Твой дизайн может быть безупречным, но какой в этом толк, если его не примут и вдобавок оставят о тебе плохой отзыв?
Общение с клиентами — неотъемлемая часть процесса. Учись эффективно коммуницировать, выслушивать требования и давать конструктивную обратную связь. Твоя способность понимать потребности заказчика важна для успешной карьеры.
10. Не игнорируй чужой опыт
Уже сотни UX/UI-дизайнеров проходили тот же путь. И дело в том, что все равно у всех свой уникальный опыт. И каждый может рассказать иногда веселую, а иногда и ужасающую историю про какой-то проект. Замечай в этом суть – какие бывают ситуации, как их решать. Это может пригодиться.
Не только смотри крутые платформы с вдохновением, но и читай профильные чаты, телеграм-каналы, форумы. Там самый сок. Общение с коллегами поможет в разы быстрее набраться опыта.
Не забывай про наставников. Задавай вопросы, вкидывай волнующие тебя темы. Лучше сейчас задать глупый вопрос, чем потом на практике попасть в глупую ситуацию. Кстати, такое общение доступно в рамках обучения WAYUP. У тебя будет чат с такими же студентами, связь с наставником и преподавателем. Подай заявку на онлайн-курс «UX/UI легенда», там ты точно узнаешь много полезного.