Как работать с непонимающими заказчиками.

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

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

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

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

Читать статью: https://designpub.ru/как-работать-с-непонимающими-заказчиками-bb37d3a221e0

Прототипирование больше не является опциональным

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

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

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

Еще несколько лет назад (в некоторых случаях даже сейчас) дизайны, которые мы создавали с большой любовью и заботой, передавались клиентам в виде PDF-файлов. Любой инструмент дизайна предлагает преобразовать созданные дизайны в PDF или JPG файлы, которыми можно поделиться. Их нужно смотреть в том порядке, в котором мы их отправили. У заинтересованных сторон не было возможности идентифицировать точки соприкосновения или проследить юзерфлоу, если он не был задокументирован отдельно.

Читать: https://ux.pub/sozdanie-prototipov-bolshe-ne-yavlyaetsya-obyazatelnym/

UX-дизайн для меню навигации

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

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

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

3. Мега-меню или выпадающие списки
Исследования показывают, что мега-меню лучше, чем выпадающие списки (раскрывающиеся меню), потому что они показывают все сразу, могут использовать изображения, позволяют лучше группировать разделы и кажутся более привлекательными.

4. Эффективные заголовки ссылок
Пользователь должен иметь возможность легко предсказать, куда его приведет ссылка, до того, как он нажмет на нее (это называется информационным запахом). Для этого самый важный фактор – насколько хорошо мы подписываем ссылки.

5. Сколько пунктов меню?
Правильное количество пунктов в вашем меню зависит от нескольких вещей, например, насколько сложен ваш продукт или насколько сообразительны ваши пользователи. Но постарайтесь выбрать меньше 6 или 7 пунктов. Порядок тоже имеет значение.

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

7. Советы по визуальному дизайну
Хороший дизайн интерфейса имеет большое значение. Ниже приведены несколько советов по его улучшению. Если сомневаетесь, протестируете их! И не забывайте о доступности.

Примеры в статье: https://ux.pub/ux-dizayn-dlya-menyu-navigatsii/

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

@design_telega — огромная телега ресурсов для дизайнеров. На канале уже более 1000 материалов от крутых мокапов (даже iphone 12 завезли уже) и бесплатных шрифтов, до текстур и просто полезных ресурсов. Все материалы проверяются и все они БЕСПЛАТНЫ для использования и вам не прийдется париться за покупку лицензий.

Подписывайся на самый крупный канал для дизайнеров в телеграмме https://t.me/design_telega

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

Существует стереотип, что люди с инвалидностью — малочисленная и неплатежеспособная аудитория. Поэтому может показаться, что доступность продукта (accessibility) — не приоритетная задача для разработчиков цифровых продуктов и сервисов. Однако это не так.

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

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

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

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

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

Читать статью: https://vc.ru/design/182292-pochemu-biznesu-vygodno-razrabatyvat-servisy-dostupnye-dlya-lyudey-s-osobennymi-potrebnostyami

Начните год с полезного подарка себе или сделайте приятное близким, друзьям, коллегам — подарите сертификат на онлайн-курс по брендингу от агентства Nimax! 

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

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

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

По промокоду PSD скидка 15% на оба формата обучения!

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

Для чего компании нужен UI KIT? (Front + Design)

В этой статье расскажут, что такое UI KIT, для чего он нужен, и как он сэкономит время и деньги.

Подойдем к китам, которые сделаны не только дизайнерами, но также переведены в компоненты фронтенд-разработчиками.

Что такое UI KIT?
Это единый набор элементов пользовательского интерфейса. 

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

2. Экономия на разработке
Если нет кита, компании, нанимая подрядчика заполняют бриф, далее подрядчик разрабатывает с нуля дизайн, далее создает компоненты на фреймворках JavaScript (Angular, React, Vue). То есть заказчик каждый раз платит за дизайн и программирование одних и тех же элементов на фронтенде разным подрядчикам, причем элементы получаются у всех разные по дизайну и коду, что не позволяет масштабироваться. В случае с китом вы платите 1 раз.
3. Мгновенный доступ к UI KIT у всей команды
Аналитики, дизайнеры, разработчики имеют доступ к киту по ссылке. Могут самостоятельно ознакомиться со всеми элементами, правилами их использования и создавать прототипы, фронтенд и дизайн.

4. Скорость разработки
При готовом UI KIT вы имеете все элементы, такие как кнопки, поля ввода, таблицы, графики уже задизайнены и переведены в компоненты (на JS). Вы можете собирать системы, не тратя время на дизайн и разработку. Также упрощается прототипирование, если раньше вы составляли прототипы из простых форм, то сейчас можете собирать их из настоящего дизайна.
Почему важно делать UI KIT, если кнопку или поле можно отрисовать и запрограммировать достаточно быстро?
Большинству пользователей кнопка представляется, как всего лишь прямоугольник с текстом посередине.

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

Можно ли использовать готовый UI KIT?
В интернете множество китов за небольшие деньги, что-то около 15$. Вы безусловно можете их использовать. Но они скорее подойдут для небольших проектов, которые не собираются далеко масштабироваться или же в вашей компании предполагается сделать одну систему, а не строить множество продуктов.
Основные причины для постройки, а не покупки UI KIT
1. Большие компании приводят все системы к единому виду, чтобы сотрудники и пользователи ориентировались легко в любой системе компании;
2. Компаниям необходимо соблюдать фирменный стиль;

3. При покупке UI KIT вам необходимо отталкиваться от технологий заложенных в купленном ките;
4. Купленный кит не может закрыть весь функционал систем, то есть вам необходимо будет дорисовывать его и дорабатывать;
5. Строя ui kit с нуля вы видите полноценно цель разработки. То есть сможете разрабатывать элементы исходя из задачи, делая каждый элемент удобнее.

Требования к разработчику UI KIT:
UI KIT разрабатывается только дизайнером и разработчиком уровня Senior, которые имеют опыт в подобных проектах. Дизайнер и фронтенд-разработчик должен обладать опытом и знаниями для построения сложных систем, так как ui kit будет использоваться около 5 лет всеми командами разработки вашей компании и привлекаемыми подрядчиками для большинства ваших систем.

Читать статью с примерами: https://vc.ru/design/187208-dlya-chego-kompanii-nuzhen-ui-kit-front-design

Design Line запускает первое онлайн-голосование за любимого дизайн-спикера 2020

Кто тебя прокачал больше других? 
За кем ты следишь? 
Кто достоин подарка от Деда Мороза и Design Line?

Заходи на https://clc.to/designvote и отдавай свой голос. Для чего? Просто фан и любопытсво. Лучшим подарим подарки от Деда Мороза 

Результаты подведут там же 28 декабря

​​Руководство по трендам UI дизайна на 2021 год

1. 3D иллюстрации ага, все еще в тренде
3D изображения никуда не денутся, особенно когда UI дизайнерам становится все проще и проще создавать 3D графику! (попробуйте инструмент под названием Spline – в настоящее время он находится в стадии бета-тестирования, но он потрясающий и простой в использовании!).

3D также широко используется в полноэкранной анимации в качестве основных ключевых визуальных элементов – взгляните на Superlist или потрясающее 3D руководство от Minh Pham по созданию 3D-фона для вашего веб-сайта.

2. Глассморфизм
Этот тренд UI дизайна основан на эффекте, называемом размытие фона. Благодаря ему вы будто смотрите на элементы «сквозь стекло».
Он был представлен в Windows Vista, а затем в iOS7, но, похоже, он надолго останется в новой, обновленной форме! Если вы хотите поближе познакомиться с глассморфизмом, попробуйте этот онлайн-инструмент Glassmorphism Generator и прочитайте статью Майка о нем:

3. Реальные фото
Я предсказываю, что скоро все в продуктовом дизайне устанут от иллюстраций и 3D графики, поэтому вернутся реальные фотографии.
Как я писал в одной из своих предыдущих статей, иллюстрации подойдут не для всех. А иногда реальные люди и реальные предметы могут оказать большее влияние на пользователей. Сайт Ekokubki основан на реальных фотографиях и выглядит великолепно!

4. Яркие цвета
Куда бы я ни посмотрел, я вижу красочные всплески на веб-сайтах и ​​мобильных устройствах.
Взгляните на Designcode.io, Sleepiest и Design Talks! Когда мы используем яркие цвета, нам легче различать и запоминать продукт.

5. Размытые, красочные фоны
Это похоже на предыдущий тренд, но с небольшой примесью глассморфизма … Я думаю, что благодаря утончённости этого эффекта интерфейс выглядит весьма привлекательно. Дизайн с размытым фоном выглядит невероятно органично, тепло и уютно.
Взгляните на сайт Stripe (еще вы найдете там глассморфизм) и My Mind (удивительный простой инструмент для самоорганизации).

6. Эстетический минимализм
Наверное, это тренд, который мне нравится больше всего. Нет ничего более эстетичного, чем простой, минималистичный и читабельный интерфейс.
Такие сайты, как Revolut (также использующий простой 3D), Sketch и Qoals, являются прекрасным примером того, что вам не нужен модный интерфейс или «вау-эффекты», чтобы ваш продукт выглядел совершенно потрясающе (к сожалению, не многие клиенты понимают это).

7. Геометрическая структура
Я вижу все больше и больше дизайнов с очень аккуратной, консервативной визуальной структурой. Благодаря этому информация выглядит действительно упорядоченной!
Один из самых красивых примеров геометрической структуры интерфейса – сайт Rituals. Сплошное удовольствие использовать его (а еще я люблю простые, но приятные анимации).

8. Крупная, сложная типографика
Существует множество примеров того, как крупная сложная типографика играет главную роль в дизайне продукта. Некоторые из них даже полностью основаны на типографике – и результат часто бывает очень интересным. Выбор шрифта часто бывает довольно экстравагантным.
Взгляните на Whirly Birdie, Dovetail+Afterpay (также использует яркие цвета) и Synchronized (также использует брутализм).

9. Брутализм
С этим трендом у меня больше всего проблем (хотя, все же с неоморфизмом больше). Он называется брутализм, и выглядит соответственно своему названию: сильные контрасты, часто неприятная типографика и множество проблем с доступностью и читабельностью. Но я улавливаю общую атмосферу – основная идея, лежащая в его основе – это деконструкция того, что мы считаем красивым и полезным.
Пример – сайт польской радиостанции Newonce).

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

Источник

UX&UI дизайн тренды 2021

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

Тренды UX-дизайна

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

🔥DesignOps
DesignOps это организация и оптимизация деятельности людей, создание процедур и мер, которые поддерживают масштабируемые решения для общих задач проектной команды.
NN Group
Большие шаги делаются в сторону автоматизации работы дизайнера и оптимизации взаимодействия с разработкой. И речь не только про дизайн-системы, но и про тонкую настройку процессов сложных проектов, создание правил совместной работы. Но дизайн-системы нам всем, конечно, в помощь.

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

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

🔥Accessibility
Актуально всегда, но последнее время увеличилось количество информации на тему доступности и инклюзивного дизайна, а значит, возможно, ей наконец уделят должное внимание.

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

Тренды UI-дизайна

🔥3D рендеры
Они уже потихоньку заполоняют веб-сайты и посадочные страницы онлайн сервисов, дополняя и моделируя визуальное пространство.

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

🔥 Крупная типографика
Если вы думали, что уже насмотрелись на здоровые заголовки, то конские тексты и жирность только набирают обороты!

🔥 Темная тема и неоновая инфографика
Все еще модно. Особенно на дашбордах.

🔥 Глассморфизм
Походу, это серьезно. Эффект стекляной поверхности стремительно набирает популярность в дриббл-среде.

Оформление интерфейса в контейнеры, имитирующие стекло, мы встречали еще в Windows Vista, но все новое — это хорошо забытое старое.

Источник: https://designpub.ru/ux-ui-дизайн-тренды-2021-5af266179c7a