Вёрстка email-рассылки: 6 лайфхаков от дизайнера

Далеко не все дизайнеры готовы заниматься вёрсткой email-рассылок. Якобы письма загоняют творчество в жёсткие рамки. Мы считаем иначе: веб-дизайн писем помогает истинному творцу раскрыться. Как и в других сферах, в email есть правила. Если чётко им следовать, рассылки будут круто выглядеть на всех устройствах и почтовиках и приносить бизнесу доход.

Читать статью: https://vc.ru/design/213751-verstka-email-rassylki-6-layfhakov-ot-dizaynera

Дизайн процесс – обман? 10 особенностей проектирования продуктов, о которых не говорят

Если вы изучали дизайн или что-нибудь читали о нем, вы, вероятно, знакомы по крайней мере с одним фреймворком, описывающим, каким должен быть процесс проектирования.
Обычно вы начинаете с понимания проблемы. После этого вы исследуете идеи, которые могли бы решить указанную проблему. И в конечном итоге это приводит к решению.
Когда у вас есть решение, вы пробуете его и отслеживаете, чтобы научиться и провести еще один цикл понимание> исследование> реализация.
Есть много разных форм, которые иллюстрируют этот процесс… круги, петли, ромбы, двойные ромбы, спирали, что угодно. Но, в конце концов, все они придерживаются одной и той же идеи, что это бесконечный цикл обучения и повторения.
Это описание идеального процесса, но, если перенести его в реальную жизнь, он не всегда проходит так гладко. Реальная жизнь хаотична, и нет лучшего примера, чем 2020 год.
Итак… с какими проблемами мы можем столкнуться в реальности?

Читать: https://ux.pub/editorial/dizain-protsiess-obman-10-osobiennostiei-proiektirovaniia-produktov-o-kotorykh-nie-ghovoriat-32dc

Бесячие «висячие»

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

Читать статью: https://ux.pub/shaba/biesiachiie--49o5

Докопаться до сути: как провести глубинное интервью

Как понять проблемы и потребности клиента, которые он и сам зачастую не осознаёт? Простой опрос или анкетирование тут не поможет. Чтобы докопаться до самой сути, вам понадобятся более тонкие инструменты – такие, как глубинное интервью.

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

Читать статью: https://vc.ru/design/385214-dokopatsya-do-suti-kak-provesti-glubinnoe-intervyu

9 UI/UX инструментов обязательных для любого дизайнера

Есть инструменты, которые должен знать каждый UI / UX дизайнер, и инструменты, которые просто полезно знать. Давайте рассмотрим некоторые из них!

Читать: https://ux.pub/editorial/9-uiux-instrumientov-obiazatielnykh-dlia-liubogho-dizainiera-4ia0

Адаптация таблиц под мобильные устройства

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

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

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

Читать: https://habr.com/ru/post/547046/

10 навыков, которые отличают великого дизайнера

Какие навыки делают дизайнера ценным сотрудником? Вот мой топ-10

Итак... в этом году я с удовольствием принял на себя несколько новых обязанностей, среди них одна приятная – быть отцом маленькой девочки (сейчас ей 9 месяцев), что частично объясняет, почему я долгое время не писал новых статей. Также я впервые выступил в роли нанимателя. Я искал дизайнера для моей команды. Так, впервые за свою карьеру я оказался по другую сторону «баррикад». Это заставило меня много думать о том, что делает хороший дизайнер. Я придумал этот список, потому что мне показалось, что это может быть хорошей разминкой для ума, может пригодиться в будущем, и это может также стать отправной точкой для хорошей статьи. Статьи, которая может быть полезна не только для тех, кто находится в том же положении, что был я несколько месяцев назад, но и для всех людей, связанных с дизайном. Я написал эту статью основываясь на собственном опыте, в основном на навыках, которые помогли моему карьерному росту, а также навыках, которые я вижу у других дизайнеров, которыми я восхищаюсь и которых уважаю. Вы также увидите, что некоторые из примеров больше сфокусированы на UX дизайне, потому что это сфера, с которой я больше знаком.

Читать: https://ux.pub/editorial/10-navykov-kotoryie-otlichaiut-vielikogho-dizainiera-ocd

Восприятие цвета в интерфейсе: почему мы видим его по-разному

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

Привет! Меня зовут Николай Комиссаров, я руковожу командой дизайна Пульса и медиапроектов в VK, а также занимаюсь социальными проектами компании. 
Недавно, работая над одним из своих продуктов, я обнаружил, что вижу цвет не так, как другие люди. Если смотрю только правым глазом — цвета более насыщенные, левым — тусклые, а если обоими глазами — цвет получается средним по насыщенности. 

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

Читать: https://habr.com/ru/company/vk/blog/656933/

Гротески и неогротески. Подборка лучших бесплатных шрифтов

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

Посмотреть: https://ux.pub/artmour/grotieski-i-nieoghrotieski-podborka-luchshikh-biesplatnykh-shriftov-42c8

Главные принципы анимации в UX-дизайне

UX-анимации служат трем главным целям

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

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

Имиджевая. Сайт застройщика или компании, продающей luxury-товары или услуги смотрится гораздо дороже и престижнее с анимацией, чем без неё.

Подробнее в статье: https://vc.ru/design/386050-glavnye-principy-animacii-v-ux-dizayne

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

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

Читать статью: https://ux.pub/editorial/v-piervuiu-ochieried-vazhno-iuzabiliti-a-nie-soghlasovannost-ili-unifikatsiia-clp

Бизнес-цели и цели пользователя: 7 принципов достижение баланса в продукте

Основы успеха любого цифрового продукта. Чьим целям служит UX / UI дизайн?
Многие думают, что UX / UI – это способ помочь пользователям достичь своих целей и сделать их счастливыми. Ведь сами дизайнеры страстно в это верят и не упускают случая поговорить об этом.
Но подобное заблуждение дорого обходится бизнесу. Давайте посмотрим на вещи такими, какие они есть на самом деле.

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

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

Читать: https://ux.pub/editorial/biznies-tsieli-i-tsieli-polzovatielia-7-printsipov-dostizhieniie-balansa-v-produktie-138p

10 основных навыков современного UI и UX дизайнера

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

Читать статью: https://ux.pub/editorial/10-osnovnykh-navykov-sovriemiennogho-ui-i-ux-dizainiera-35fg

Как создать масштабируемую дизайн-систему: рассматриваем на примере SaaS-продуктов

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

Чтобы создать масштабируемый дизайн продукта, необходимо уметь организовывать время, команду и дизайнерские ресурсы. Для этого и нужна система.
Преимущества дизайн-систем
Эволюция разработки интерфейсов в сторону компонентного подхода (ReactJS, AngularJS) создала потребность в централизованных системах.
Дизайн-система — это набор повторно используемых компонентов с четкими стандартами, которые можно собрать для создания и обновления продуктов, чтобы обеспечить единообразие интерфейсов.
Работы по созданию дизайн-системы можно разделить на две части:

Стандартизация дизайна — определение и создание шаблонов проектирования.
Рекомендации по оформлению — документация, которая объясняет, как использовать компоненты.
Стандартизация дизайна
Любой дизайн начинается с руководства по стилю, которое содержит элементы, формирующие идентичность бренда.
Дизайн-система, как и руководство по стилю, начинается со следующих шагов:
подбора основных цветов и стилей текста,
выбора библиотеки иконок,
определения стандартных стилей для изображений, графиков, иллюстраций и других базовых элементов.
Наиболее популярный подход к созданию дизайн-систем — методология атомарного дизайна, введенная Брэдом Фростом. Она заключается в применении иерархии к элементам пользовательского интерфейса и создании блоков, структурированных как «атомы», «молекулы», «организмы», «шаблоны» и «страницы».

Читать статью: https://vc.ru/design/165569-kak-sozdat-masshtabiruemuyu-dizayn-sistemu-rassmatrivaem-na-primere-saas-produktov

4 способа создать отличный продукт без навыков визуального дизайна

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

Читать статью: https://ux.pub/editorial/4-sposoba-sozdat-otlichnyi-produkt-biez-navykov-vizualnogho-dizaina-13ki

Как дизайн может изменить сознание потребителя

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

Читать статью: https://vc.ru/design/224348-kak-dizayn-mozhet-izmenit-soznanie-potrebitelya