Содержание

Как создать лучший дизайн для B2B-сайтов / Хабр

Дизайн большинства сайтов B2B-компаний имеет одну особенность — он максимально строгий и формальный. Потому что «наши клиенты — серьезные люди: директора и собственники». Это сильно ограничивает полет фантазии дизайнеров и приводит к задержкам при разработке сайтов, т.к. при согласовании строгого стиля бизнес часто просит добавить ярких красок. Противоречиво, правда?

Мы в MOOSEHEAD имеем большой опыт подобных проектов и подготовили несколько советов для заказчиков на примере сайтов финтех-компаний.

Начните с MVP

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

Отличный пример — сайт Revolut. Вместо интерфейсов можно использовать релевантные картинки.  

Сайт Revolut

Схожий стиль у сайта Mercury (помогают удаленно открывать счета компаниям в банках США). Ничего лишнего и достаточно свежо за счет правильно подобранных шрифтов.

Сайт Mercury

Иногда можно

Ваши клиенты — это малый бизнес и самозанятые? Смело используйте образы людей, чтобы стать своим на этой вечеринке.

«Хотим как у них» не работает

В каждой отрасли свои бенчмарки. Вам неспроста нравятся сайты лидеров рынка — над ними работают большие команды. Stripe ежегодно обновляет свой сайт, заявляя миру: «мы самые крутые, мы следуем трендам и задаем их». Если вы пока не готовы инвестировать миллионы в визуал, вдохновляйтесь классными примерами, но не рассчитывайте на тот же результат без соответствующего подхода.

Сайт Stripe

Заграница нам поможет

Вы замечали, что англоязычные сайты выглядят красивее? Это магия латиницы. Дело в том, что почти все шрифты изначально создают в США и Европе под латиницу, добавляя остальные языки. О типографике кириллицы они почти ничего знают (у нас есть ряд сложных букв типа Ю и Ф) и несильно стараются.

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

Один из вариантов дизайна для сайта Банка 131:

Сайт Банка 131

Иллюстрации переоценены

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

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

Пример иллюстрации на сайте Тинькофф Бизнес. Выглядит довольно спорно:

Сайт Тинькофф

Что делать, если хочется красивых, но осмысленных иллюстраций? Сочетайте с интерфейсами! Наш концепт сайта Platbox:

Сайт Platbox

Концепт сайта разработчика систем интернет-банкинга:

Сайт разработчика ДБО

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

Концепт для BrandMonitor

Но есть нюансы…

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

Вы только посмотрите на эту красоту:

И снова Stripe

Еще один классный прием — укрупнение элементов интерфейса. Один из блоков сайта Monese:

Сайт Monese

Анимация

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

Выводы

  • Осознайте ценность дизайна — это впечатление о компании не только для партнеров, но и для будущих сотрудников, единомышленников. Хороший дизайн  — это ваш модный офис класса А.

  • Готовьте простую версию сайта до релиза основной. Модные шрифты и цвета вам в помощь.

  • Примеры интерфейсов лучше абстрактных иллюстраций.

  • Если ваши интерфейсы далеки от идеала, рисуйте концепт новых только для сайта — это несложно и полезно (когда-нибудь их тоже придется обновить).

  • Дизайн кнопочек и других деталей намного красноречивее расскажет о вашей современности.

  • Анимация может помочь, а может и навредить — действуйте аккуратно.

  • Развитие сайта должно стать непрерывным процессом, как и развитие самой компании.

Как создать дизайн интерьера – самостоятельно или с помощью профессионалов (дизайнера)?

Работа для любителей или профессионалов?

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

При всем «богатстве» выбора, вариантов может быть всего 2:
— самостоятельно разработанный дизайнерский проект,
— сотрудничество с профессионалом.

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

Так ли это и что на самом деле лучше предпринять?

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

Самостоятельно создать дизайн помещения?

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

Где взять идеи?

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

Как их применить на практике?

Изучив «тонны литературы», Вы почерпнете полезные идеи и оригинальные решения. Но удачно соединить их в рамках собственного жилья сможете, только если:

  • Обладаете хорошим воображением, как образным, так и пространственным.
    То есть, найдя в салоне подходящий отделочный материал или предмет обстановки, вы способны виртуально поместить его в пространстве будущего интерьера.
  • Готовы потратить силы и время на поиск необходимых предметов, нужных материалов и элементов отделки.
    Например, использовать пробковые материалы для звукоизоляции, перфорированные панели для межкомнатных перегородок, пр.
  • Ваш энтузиазм и возможности соотносятся с масштабом переделки.
    Иначе процесс воплощения нового дизайна рискует затянуться или еще хуже – остановиться на определенном этапе до нового прилива энергии.
  • Обладаете хорошим вкусом и чувством меры.
    Наполнить свой дом множеством ярких, притягивающих внимание предметов – значит практически превратить его в хаос.
    Оригинальные решения должны быть уместными лаконичными акцентами.
  • Умеете планировать.
    Это относится и к порядку проведения работ, и к личному времени. Тогда вы все успеете и не упустите важные функциональные моменты – ваши двери и дверцы будут хорошо открываться, подсветка будет освещать нужный фрагмент интерьера. В общем, все, что должно крутиться и работать, будет делать это, не мешая другим и не ломаясь.
  • Ваши технические знания позволяют планировать и контролировать необходимый комплекс работ.
    Ведь квартира или дом – это не просто подходящее для человека дизайнерское решение интерьера, это еще и обязательный набор практических функций, которые позволят сделать жизнь здесь комфортной.

Что еще – время, опыт и.. деньги?

Помимо выбора общей цветовой, стилистической концепции дизайна нужно учесть массу нюансов:

  • масштаб помещений,
  • правильное расположение предметов мебели,
  • планирование электропроводки для бытовых приборов и систем освещения,
  • устройство полов.

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

И последнее – подготовьтесь морально к возрастанию трат. Ведь если раньше ничем подобным вы не занимались, то ваша предварительная смета на новый дизайн дома в процессе реализации гарантированно возрастет, скорее всего, почти в два раза.

Результат

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

Профессиональный подход к созданию дизайна интерьера

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

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

Что конкретно сделают для Вас?

  • В первую очередь будет создан детальный план квартиры, дома или офиса, которые принимаются в работу.
    Дизайнер располагает необходимым оборудованием, навыками и специальными программами, которые позволяют максимально точно отразить помещение схематично. При перепланировке также готовится план демонтажа ненужных и возведение новых перегородок. Намечаются места для расположения мебели, сантехники, пр.
  • Разработка концепции будущего интерьера.
    Благодаря опыту профессионал знает, что невозможно сделать в подобном помещении, а какие приемы будут более уместны, владеет информацией о цветовой композиции, новых материалах и приемах, которые придадут дому, квартире или офису одновременно эксклюзивности и удобства. При этом будут максимально учтены особенности характеров и образа жизни обитателей. Оптимальный стиль, цвета, фактуры и формы будут выбраны с учетом пожеланий, предложенных изображений, каталогов, 3D-презентаций, а также психологических тестов и анкет.
  • Многоплановые технологические решения.
    Устройство и материалы для полов, потолков, организация освещения, коммуникации, водопровод, пр. позволяют сделать любой интерьер – и роскошный дворцовый и минималистичный хай-тек – одинаково комфортными для людей.
  • По желанию заказчика дизайнер подберет и порекомендует наиболее удачные предметы обстановки и декора, в рамках авторского надзора проконтролирует, чтобы работы по воплощению интерьерных идей были выполнены на высоком уровне.

О выборе Вашего дизайнера

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

Необходимо выбрать для сотрудничества такого дизайнера, опыту и интуиции которого можно ПОЛНОСТЬЮ довериться.

В основе разработки удачного дизайн-проекта интерьера НЕ обязательно должна быть уникальная идея!

Что намного важнее:

  • гармоничное и умеренное сочетание цветов и фактур,
  • количества и форм предметов мебели,
  • продуманные сценарии освещения.

Такой интерьер никогда не наскучит и не разочарует удобством пользования.

И снова о деньгах – сколько стоит создать интерьер?

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

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

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

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

10 советов по созданию хорошего дизайна в 2021 году | от Premiumuikits | Muzli

Опубликовано в

·

Чтение: 10 мин.

·

13 июня 2021 г.

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

Иллюстрация, сделанная историями

Будь то клиент или целая команда, с которой вы встречаетесь, при работе над новым проектом у вас должны быть ручка и бумага, чтобы делать заметки. Вы не можете начать без понимание людей, для которых вы создаете дизайн . Задайте вопросы, узнайте, каковы их потребности, мотивы и страхи. Короче говоря:

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

И что мы видим в реальном мире

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

С другой стороны, ux дизайнеры заботятся не об эстетике, а о функциональности. В любом случае, я не знаю, что такого особенного в этих двух терминах, так что многие люди используют их в неправильном контексте. Позвольте мне сказать проще:

Пользовательский интерфейс является частью UX.

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

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

Это изображение объясняет лучше

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

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

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

  • Задайте все вопросы . Идите и соберите команду и задавайте вопросы, пока не найдете основную причину проблемы. Я настоятельно рекомендую Метод пяти «почему» , Тайичи Оно, основатель Toyota Industries.
  • Убедитесь, что у разработчиков нет ограничений в отношении реализации решения. Нет ничего более разочаровывающего, чем что-то спроектировать и в конце концов обнаружить, что это невозможно сделать.
  • Исследуйте и обращайтесь за помощью. Как всегда, нравится тебе это или нет, но есть люди лучше тебя в одних навыках, как и ты лучше других в других и это нормально. Поговорите с другими дизайнерами, узнайте, как они подходят к проблеме, создайте много макетов и обратитесь к своей команде, чтобы узнать, что они думают.
  • Наконец, начните фантазировать. Теперь, когда у вас есть четкое представление и собраны все требования, пришло время для веселой части. Откройте Sketch, Figma или Xd и начните проектирование. Просто доверяйте себе и наслаждайтесь процессом. Ты достигнешь успеха.
Аккуратная приборная панель от Ayush Jangra

Даже если у вас получится сложный дизайн с несколькими функциями, вы все равно можете сделать его простым, да, вы можете. Эта ситуация называется feturitis . Во-первых, кто сказал, что дизайн — это просто? Надеюсь, никто в здравом уме.

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

Как вы преодолеваете фитурит?

Давайте посмотрим, например, на gmail. Что мы здесь видим?

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

Варианты отображения в зависимости от взаимодействия, в настоящее время называемые прогрессивным раскрытием .

Первое состояние

Если мы хотим удалить элемент , вы можете установить флажок рядом с ним, и некоторые кнопки действий появятся выше.

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

Давайте посмотрим на часть пользовательского интерфейса дизайна. Теперь разбейте ключевые элементы, составляющие дизайн. Что ты видишь?

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

Хотите верьте, хотите нет, сделают все, чтобы фотография высокого качества соответствовала выбранным цветам , что вместе создает эффектный результат среди их работ.

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

CoffeeBreak от Андрея Дорина

Это концепция мобильного кофе, над которой я работаю в последнее время. Я не пытаюсь продвигать свой снимок, просто не хочу критиковать чужую работу.

Акцентный цвет здесь представляет собой комбинацию оранжевого и коричневого или что-то среднее между ними. Его официальное название Di Serria . Теперь этот цвет будет хорошо сочетаться со светло-кремовым, белым и темно-коричневым, в основном кофейными цветами. Как видите, изображения, которые я использовал, имеют в своей композиции эти цвета. В целом выглядит довольно чисто, современно и приятно глазу (можно еще похвалить мою работу?).

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

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

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

Детали не детали. Они делают дизайн. Чарльз Имс

Удивительная типографика Бенджамина Оберемока

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

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

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

У нас есть отличная статья о том, как правильно делать типографику.

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

Фото предоставлено Велосипеды Himiway

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

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

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

Borndigital

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

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

Прежде чем добавить эти данные в интерфейс, убедитесь, что:

  • Пользователь по-прежнему может выполнять желаемые действия быстро и легко.
  • Разработчики могут легко реализовать свой дизайн.
  • Эти нефункциональные формы не так заметны и не пересекаются с основными компонентами макета.
  • Не злоупотребляйте ими. Мы не хотим отвлекать наших пользователей от основных действий. Будь проще.
Свадебное платье. Страница продукта. Автор: Андрей Дорин. Мы все знаем, как заинтересованные стороны и клиенты хотят добавить сложные функции в свой продукт, чтобы удовлетворить потребности пользователей. Мы все еще должны поддерживать этот чистый аспект.

По словам Марка Боултона, 9 лет0015 пустое пространство представляет собой пустое пространство между элементами вашего веб-сайта .

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

Dark UI Elements by Jan Hoffmann

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

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

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

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

Лаборатория. Иллюстрация Матуса.

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

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

Зачем их использовать? Вот несколько основных моментов:

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

Почему я не большой их поклонник? Несколько причин:

  • Они не для всех. Если они плохо спроектированы, шансы стать профессионалом значительно уменьшаются.
  • Иногда хорошая фотография передает сообщение лучше, чем иллюстрация, быстрее и дешевле.
  • Дизайнеры копируют друг друга, и вы рискуете увидеть, что ваши иллюстрации используются где-то еще, или, по крайней мере, их хорошая копия.
  • Время создания увеличивается.

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

Не пытайтесь быть перфекционистом, просто старайтесь быть лучше, чем вчера.

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

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

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

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

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

7 способов повысить эффективность работы дизайнера

Как создать руководство по стилю с нуля. Советы и подсказки

15 способов сделать дизайн лучше и быстрее —

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

Были ли у вас когда-нибудь идеальные впечатления от начала и до конца во время работы над дизайн-проектом?

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

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

В поисках вдохновения

Начните проекты с Google

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

До Интернета умные дизайнеры решали эту проблему с помощью дизайнерских «лукбуков». По сути, это были большие каталоги, содержащие сотни образцов дизайна, собранных по всему миру, обычно классифицированных по типу работы (брошюра, плакат, интерактив и т. Д.).

Благодаря Google исследование дизайна никогда не было таким простым в истории человечества.

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

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

Посмотрите, что сделали другие до вас, и вы поймете, что делать дальше.

Открыть учетную запись Dribble

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

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

Только не говорите своим клиентам, что вы это сделали.

Следуйте за нужными людьми

Некоторые дизайнеры и компании похожи на репортеров новостей в области графического дизайна или сами производят материалы, достойные освещения в печати.

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

Взгляните на этот список из 154 великих дизайнеров, составленный британским дизайнером Дэвидом Эйри.

Наполните свой мозг новыми идеями

Короткий вопрос: вы всегда читаете одни и те же блоги, смотрите одни и те же фильмы и едите одни и те же продукты?

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

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

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

Работайте эффективнее

Используйте хорошие книги макетов

У Amazon есть большая коллекция книг по макетированию.

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

Именно поэтому большинство дизайнеров тратят много времени на обдумывание компоновочных решений. Это должно идти влево или вправо? Должен ли он быть выровнен или центрирован? Сверху или снизу? Подобные вопросы могут занимать до 30% вашего времени на разработку.

К счастью, некоторые люди решили записать, что работает, а что нет, так что вам не придется слишком беспокоиться. Вот что я рекомендую:

  • Создание и разрушение сетки
  • Рабочая книга макетов
  • Рекомендации для графических дизайнеров: макеты сетки и страницы

Сначала эскиз, потом дизайн

Процесс разработки приложения для iPhone. Да, все начинается на бумаге.

Это настолько важно и настолько упускается из виду дизайнерами, что это даже больно.

Я повторяю это снова и снова: рука с карандашом в сто раз быстрее, чем рука с мышью. Если вы начинаете свои дизайнерские проекты в Photoshop или Illustrator, вы уже потеряли часы работы.

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

Вы гарантированно закончите проекты вдвое быстрее.

Заранее определитесь со стилем дизайна

Оба этих веб-сайта являются портфолио, но они явно отличаются по стилю. Deda основан на шрифтах, а Nemeth Interactive фокусируется на фотографических визуальных эффектах.

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

  • На основе фотографии
  • На основе иллюстраций
  • На основе типа

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

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

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

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

Получите более быстрый и лучший компьютер

Надеюсь, ваши инструменты обновлены.

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

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

Быстрый компьютер, большой экран и много памяти ДЕЙСТВИТЕЛЬНО делают вас лучшим дизайнером, независимо от вашего таланта. Ваше время, здравомыслие и удовлетворение от работы так же важны, как идеи в вашей голове и навыки в ваших руках.

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

Отдохните достаточно

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

Работа на фрилансе может быть трудным занятием, поэтому убедитесь, что вы достаточно отдыхаете, чтобы натренировать свой разум и тело.

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

Отключите электронную почту, телефон и другие отвлекающие факторы

Дизайнер Хантер Лэнгстон сделал эту замечательную иллюстрацию. При этом он не слишком отвлекался.

Изображение: вы работаете в Illustrator, пытаясь найти наилучшее сочетание цветов и макет для своего нового проекта. Как только вы входите в ритм и все становится на свои места, звонит телефон. Бум! Вам понадобится еще час, чтобы вернуться в то же состояние ума.

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

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

Не работайте одновременно

Многозадачность — мать всех отвлекающих факторов, но мы часто не замечаем, как сильно она на нас влияет.

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

У вас один мозг и одна пара рук, поэтому делайте одно дело за раз.

Особенно, когда речь идет о графическом дизайне.

Работа с клиентами

Убедитесь, что клиенты подходят друг другу

Посмотрим правде в глаза — некоторые комбинации клиент-дизайнер просто не работают, в том числе и вы.

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

Квалификация включает в себя задание клиенту простого набора вопросов, таких как:

  • Вам нравится то, что вы видите в моем портфолио?
  • Каков ваш бюджет на этот проект? Я обычно беру от X до Y за этот тип работы.
  • Как скоро вы хотите начать? В настоящее время я работаю над X другими проектами, поэтому я могу начать через Y дней/недель.
  • Можете ли вы лично нанять меня или вам нужно сначала узнать чье-то мнение?
  • Вы согласны с первоначальным взносом 50%?

Не стесняйтесь добавлять все, что считаете важным. Если вам нравится то, что вы слышите, у вас есть квалифицированный клиент.

Если нет, продолжайте. В море много другой рыбы.

Узнайте, чего хотят ваши клиенты

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

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

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

Предоставьте клиентам выбор

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

Дело не в хорошем обслуживании, а в значительной экономии времени.

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

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

Сделайте это своей стандартной практикой, и вы будете счастливы, что сделали это.

Работайте с жалобами как профессионал

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

Вот как с этим справиться: будь честным и справедливым. Вот как это сделать на практике:

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