UXPUB 🇺🇦 Дизайн-спільнота

Cover image for 7 советов, которые помогут проектировать быстрее
Редакція
Редакція

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

7 советов, которые помогут проектировать быстрее

И почему скорость важна. Осторожно, спойлеры! Речь не идет о том, чтобы иметь лучшее оборудование, выпить коктейль из Red bull и кофе или узнать все горячие клавиши ваших любимых инструментов дизайна (хотя последний вариант не повредит). В этой статье я поделюсь 7 советами, которые, как я считаю, помогают мне быстро проектировать, и я надеюсь, что они помогут и вам. Также я поделюсь реальным опытом, который поможет проиллюстрировать эти советы в действии. Но сначала давайте поймем, почему вам нужно быть быстрым.

Почему?

Дизайнерам часто нужно время. Время, чтобы найти вдохновение, подумать, исследовать, провести мозговой штурм, помедитировать, проверить Dribbble, пролистать пару статей на Medium (но только взглянуть на картинки и прочитать названия)... Вы понимаете, всё это часть творческого процесса. Как дизайнер, я не могу с этим поспорить. Однако в реальном мире чаще всего вы попадаете в ситуацию, когда вам нужно было что-то сделать на вчера. Наряду с этим есть тот «факт», что, когда у вас сжатые сроки, вы, вероятно, будете тратить большую часть времени на поиски «вдохновения», из-за чего вам придется ускоряться, чтобы выполнить проект. По сути, если у вас жесткий дедлайн, скорость работы вам поможет.

Вы не спешите? Вы не медлите?

Ну, что же… Повезло вам! Тем не менее, скорость работы хороша не только, когда вам приходится сталкиваться с жесткими дедлайнами, она также может помочь вам выделиться, как дизайнеру. Как вы, возможно, уже знаете, проектирование – это итеративный процесс, вы пытаетесь снова и снова, пока не найдете лучшее решение. Если вы быстрый, вы можете попробовать больше вариантов, понять, что не работает, улучшить это, и, возможно, вы получите еще лучшее решение. Вы также можете пройти лишнюю милю и сделать больше, чем ожидалось, поразив вашего клиента или босса. Более того, когда вы делаете больше, вы не просто повышаете свои шансы на создание чего-то великого, вы также улучшаете себя, потому что практика – путь к совершенству. Нет такого понятия, как талант, вы становитесь хорошими в чем-то, делая это снова и снова, и чем больше вы это делаете, тем лучше вы становитесь в этом. Теперь давайте перейдем к советам.

1. Определите свою цель

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

2. Не ждите вдохновения

Нет такого понятия, как «творческий блок», вы не можете все время проектировать отличные вещи, но вы можете создать что-то, просто начните работать. Если вы стремитесь к качеству, возможно, вы ждете гениального озарения, и не думаете, что это напрасная трата времени, потому что в конце концов это того стоит, верно? В конце концов, качество лучше, чем количество, да? Нет, это просто заблуждение. Пока вы ждете появления музы, кто-то другой может писать идею за идеей, может быть, в начале они и не такие замечательные, но благодаря силе итерации этот человек может продолжать совершенствоваться. Возможно, дурная идея станет чем-то приятным, если вы немного измените угол, и в итоге у него будет лучший результат, чем у того, кто ждал появления блестящей идеи, которая может даже не сработать в реальности. Эта история / эксперимент из книги Art & Fear прекрасно иллюстрирует этот момент. Если вкратце: учитель объявил своему классу, что они будут разделены на две группы, одна будет оцениваться исключительно по качеству, другая – по количеству. Когда дело дошло до оценки работ, то оказалось, что работы наивысшего качества были сделаны группой, которая должна была оцениваться по количеству. Это означает, что количество ведет к качеству, поэтому вместо того, чтобы ждать, пока лучшая идея упадет с неба, ? ПРОСТО ? НАЧНИТЕ ? РАБОТАТЬ. Это приводит нас к следующему шагу.

3. Делайте эскизы, эскизы и еще раз эскизы!

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

4. Поделитесь своим прогрессом

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

5. Слушайте

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

6. Проектируйте поэтапно

Если вы хотите работать быстро, вы не можете тратить время на детали, даже не зная, работает ли базовая идея, вам нужно сосредоточиться на том, что важно. Вот почему мне нравится разбивать проекты на этапы, поэтому у меня могут быть контрольные точки, где я могу поделиться наработками с другими и посмотреть, имеет ли смысл переходить к следующему этапу. Это будет во многом зависеть от того, над чем вы работаете, но вот общие рекомендации: Этап 1. Общая идея – это может быть очень грубый набросок, иллюстрирующий ваш логотип; пара каркасов, которые показывают сценарий взаимодействия; или некоторые ключевые кадры, которые показывают, какой должна быть анимация. Как я уже сказал, это действительно зависит от того выполняемой задачи, но обычно эскиз является хорошей отправной точкой. Этап 2. Расширение идеи – это в основном, когда вы делаете черновую версию того, чем может стать ваша идея, но не беспокоитесь о деталях. Возвращаясь к предыдущим примерам, это может быть логотип с парой приложений; очень грубый прототип; или аниматик. Этап 3. Завершение – это когда вы близки к завершению, и вы начинаете создавать свой логотип, используя правильные сетки и золотое сечение; вы делаете прототип более высокой точности или финальную анимацию. Это не только поможет вам сосредоточиться, но также поможет другим взглянуть на вашу работу и дать фидбек, адекватный стадии, на которой она находится. Например, вы избежите комментариев о цвете, когда просто пытаетесь увидеть, как работает общая идея. Короче говоря, никогда не стоит делать что-то сверху вниз, а затем делиться этим, потому что, когда вы тратите время на детали, вы привязываетесь, а потом можете понять, что это все напрасно. Оптимизируйте свое время и сосредоточьтесь на правильных вещах в подходящий момент.

7. Делайте перерывы

Это еще один пункт, который может показаться немного странным, но момент, когда вы сделаете перерыв и отступаете от проблемы, может быть, как раз тем временем, когда к вам в голову придет решение. Это происходит по той же причине, по которой лучшие идеи приходят к вам, когда вы купаетесь в душе или занимаетесь спортом. Этому есть научное объяснение, но я просто углублюсь в свою (тупую) версию. Тот факт, что вы перестаете активно пытаться решить проблему, дает вашему мозгу перерыв, и вы позволяете ему «работать» в фоновом режиме. Подсознательно вы совершаете серию глубокомысленных связей и даже не осознаете это – БАЦ – идея всплывает в вашей голове. Это означает, что, перерыв не только позволяет вам вести разговор с коллегами у кофе машины, он дает вам энергию и позволяет вашему мозгу переваривать идеи и находить новые решения.

Вкратце…

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

Тем временем, в реальном мире…

Еще в июле 2016 года я был вовлечен в проект, который нужно было доработать, но не буду вдаваться в подробности. Что вам нужно знать, так это то, что у меня была всего одна неделя, чтобы разработать процесс обучения новых пользователей для этого приложения. И по забавному стечению обстоятельств это была неделя, когда я должен был ехать в Амстердам (в то время я жил в Лондоне). Это автоматически означало, что я потрачу время на путешествия и деловые встречи, а значит, оставалось меньше времени на то, чтобы сесть и на самом деле что-нибудь сделать. [caption id="attachment_45632" align="aligncenter" width="1000"] Моя отправная точка[/caption] К счастью, мне не пришлось проектировать ВСЕ. До того, как меня втянули в этот проект, команды дизайнеров и маркетологов уже определились с тем, что мы хотим сообщить пользователю, и примерно с тем, сколько экранов нам понадобится для этого. Поэтому я смог сосредоточиться только на иллюстрациях и истории. Итак, я начал с ...

1. Определения цели

Я определил цели иллюстраций, в основном они заключались в следующем: 1 - В некотором смысле, они должны соответствовать сообщению / тексту. 2 - Они должны следовать логическому и непрерывному сценарию. 3 - Если пользователи не читают текст и смотрят только на визуальные эффекты, они все равно получают сообщение (насколько это возможно). 4 - В целом, они должны рассказать историю, связанную с приложением. Учитывая природу этих иллюстраций (серия экранов, которые вы увидите один за другим), я подумал, что было бы неплохо воспользоваться этим и рассказать короткую историю, чтобы они казались логической последовательностью, а не просто серией разных иллюстраций. Я подумал, что это поможет пользователю лучше понять и запомнить наше сообщение, поскольку легче запомнить историю, чем список функций. После этого…

2. и 3. Я не ждал вдохновения, а сразу начал делать наброски

После того, как я понял, в чем заключалась моя цель, я сделал несколько действительно дерьмовых набросков. В начале я концентрируюсь на идее, а не на стиле. Как только я нахожу идею, которая, по моему мнению, может сработать, я начинаю немного ее дорабатывать и проверяю ее, только после этого я начинаю думать о переходе к компьютеру. [caption id="attachment_45633" align="aligncenter" width="1000"] 3 этапа зарисовки первой иллюстрации[/caption] Мой подход – создать 5 иллюстраций и посмотреть, как они могут работать вместе. Сначала сделать ОЧЕНЬ грубые наброски, а затем довести их до более изысканных эскизов. К концу утра у меня были все 5 экранов на уровне третьего эскиза выше, и в этот момент я бы мог перейти прямо в Illustrator, чтобы сделать все иллюстрации, но я решил ...

4. Поделиться работой

[caption id="attachment_45634" align="aligncenter" width="1000"] Наброски всего сценария[/caption] После создания грубых набросков иллюстраций я собрал их вместе с текстом, чтобы лучше понять сценарий. После того, как я показал свою работу команде, все согласились, что это хорошее направление, поэтому я продолжил работу. Между прочим, я не устраивал для этого совещание, я просто поделился напрямую с некоторыми ключевыми людьми и попросил фидбек, потому что я знаю, что совещание на данном этапе процесса просто вызовет ненужные обсуждения. Как видите, я...

6. Проектировал поэтапно

Первым этапом была история, следующие два были стилем иллюстрации и переходами между экранами. Поскольку сюжет для иллюстрации был в основном исчерпан, я начал исследовать, как может выглядеть окончательный стиль иллюстрации. Для этого я сосредоточился только на одной иллюстрации, чтобы понять смысл окончательного стиля, прежде чем потратить время на остальные картинки. Это действительно помогло оптимизировать мое время, потому что я мог быстрее определить стиль, ведь мне пришлось беспокоиться только об одной иллюстрации, и не пришлось бы редактировать пять иллюстраций, если бы изменился стиль. Когда я делал наброски, я уже думал о соответствии нашему бренду, что помогло немного ускорить процесс. Вот каким была первая версия: [caption id="attachment_45635" align="aligncenter" width="1000"] Первое предложение для стиля иллюстрации[/caption] Я хотел, чтобы иллюстрация выглядела дружелюбной и простой, с акцентом на персонаже и объектах на переднем плане, оставляя фон немного стилизованным, с низким контрастом. Цветовая палитра была вдохновлена ​​видео-кампанией, которую мы тогда проводили. После того, как я поделился работой еще раз, я получил фидбек, который я заслуживал, так что…

5. Я слушал

И вот таким был результат: [caption id="attachment_45636" align="aligncenter" width="1000"] Первая итерация стиля иллюстрации[/caption] Что изменилось? Мы пришли к выводу, что нам нужно немного изменить персонажа, чтобы он в целом совпадал с тем, который использовался во вводном видео другого приложения. Мы также решили сделать так, чтобы общая цветовая палитра немного лучше отражала цвета, с которыми пользователь столкнется в приложении. После этих корректировок я подумал, что можно перейти к следующему этапу, поэтому я решил сделать остальные иллюстрации. Затем я еще раз поделился проделанной работой с некоторыми коллегами и решил попробовать еще несколько вариантов цветовой палитры, перейдя на следующую версию, с чуть более насыщенным фоном, который лучше соответствовал цвету нашего бренда, а также немного оживил экран. В процессе доработки я не просто поменял цвета, но сделал много мелких доработок и корректировок от первого «финального» стиля до фактических финальных иллюстраций. Пример ниже показывает некоторые изменения. [caption id="attachment_45639" align="aligncenter" width="1000"] Мелочи, которые занимают много времени[/caption] Наш персонаж получил более стройное тело и больше волос на голове. Мы также добавили немного пара на иконку кофе. ☕️ Обратите внимание, что некоторые из этих крошечных деталей появились, когда я делился наработками с другими людьми. Когда вы глубоко погружены в процесс, иногда трудно сделать шаг назад и посмотреть, что можно улучшить, поэтому я считаю, что делиться своей работой и слушать других – это ключ к успеху. Осталось упомянуть еще одну вещь, потому что в течение той недели я путешествовал и провел несколько встреч, которые я не мог пропустить, я был «вынужден»...

7. Делать перерывы

Иногда это раздражало, потому что я чувствовал, что это нарушало мой рабочий процесс, но, с другой стороны я получил перспективу. Оглядываясь назад, я думаю, что некоторые из этих перерывов были на самом деле полезными, потому что я был «вынужден» говорить о чем-то другом, полностью отвлекая себя от проекта. Это означало, что, когда я вернулся к нему, я нашел вещи, которые я мог улучшить. Я не видел их, пока не отошел от компьютера. Есть немного лишнего времени? Используйте его! Вы можете подумать, что я только что закончил, но, поскольку мне удалось довольно быстро справиться с проектом, у меня осталось немного времени на последнюю вещь в моем списке – переходы. Поскольку это были последовательности иллюстраций, я хотел определить, как каждая иллюстрация будет переходить в другую. Я знаю, что можно было сделать простую карусель изображений, но у меня еще было время. Я учел это с самого начала при создании иллюстраций. Я сделал их с четким фоном и передним планом, а также удостоверился, что горизонт всегда будет выравниваться, это позволило добиться эффекта параллакса при переходе с одного экрана на другой, делая последовательность еще более интегрированной и более приятной для глаз. Чтобы донести это до разработчиков, я создал в Principle очень простой прототип. [caption id="" align="alignnone" width="360"] Прототип, созданный в Principle[/caption] Оглядываясь назад, спустя почти 3 года легко увидеть ошибки, но я думаю, что это хороший пример того, как можно работать быстро с помощью такой простой вещи, как набросок. Этот проект позволил мне общаться со всеми заинтересованными сторонами, получать фидбек и проводить итерации, не теряя много времени. Более того, это показывает, как важно делиться проделанной работой и выслушивать людей, с которыми вы работаете, чтобы вместе сделать продукт еще лучше. [caption id="" align="alignnone" width="337"] Фактическая реализация[/caption] В идеале мне бы хотелось, чтобы у меня было немного больше времени, чтобы вначале попробовать несколько разных направлений, и добавить некоторые детали в иллюстрации, однако я не могу сказать, что я не доволен результатом, нам удалось сделать что-то, что удовлетворило нашу цель вовремя. Это был длинный рассказ, поэтому, если вы дочитали, вы заслужили ...

Еще один дополнительный совет…

Мой дополнительный совет состоит в том, чтобы распределить время на поиск вдохновения. Не поймите меня неправильно, я считаю, что очень важно увидеть, как другие решают подобную проблему, и вам не нужно заново изобретать колесо для каждой проблемы дизайна. Тем не менее, вы, скорее всего и без того держите руку на пульсе и знаете текущие тренды. Поэтому установите ограничение по времени и после этого ПРИСТУПАЙТЕ К РАБОТЕ! На этом все. Я надеюсь, вам понравилась статья. Если вы считаете ее полезной или интересной, ставьте лайки и поделитесь ею с коллегами. Свободно пишите автору в Twitter или LinkedIn.


Перевод статьи José Torre

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