10 хитростей Figma, которые я хотел бы знать раньше

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

1. Самое легкое создание кругового прогресса, которое вы когда-либо делали в своей жизни

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

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

Удерживайте клавишу пробела при перетаскивании объекта за пределы фрейма, чтобы он оставался внутри контейнера. Вы также можете отключить функцию «Clip contents» для фрейма, содержащего объект, чтобы вы все еще могли видеть его, когда он находится за пределами контейнера – вы также можете нажать CMD (CTRL) + Y, чтобы отобразить контуры.

4. Приведите сетку в порядок

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

5. Продублируйте последнее действие

Нажмите CMD + D, чтобы продублировать предыдущее действие. CMD + D также будет дублировать объекты, фреймы и все остальное.
6. Предварительно просмотрите цвет с помощью пипетки

При использовании инструмента «Пипетка» (i) удерживайте левую кнопку мыши, чтобы просмотреть как меняется цвет элемента.
7. CMD + / разблокировать все объекты

Сочетание клавиш СMD + / имеет массу полезных быстрых действий, которые помогут в рабочем процессе и позволят сэкономить массу времени. Если вы еще не используете его, я настоятельно рекомендую посмотреть, какие действия доступны в меню. Действие, которое я часто использую – это быстрая разблокировка всех объектов и изменение шрифтов.

8. Легко вставляйте изображения внутрь фигур-плейсхолдеров

Нажмите CMD + Shift + K, чтобы заменить заливку фигур или фреймов с кучей изображений.

9. Другие приемы с пробелом

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

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

А если этого недостаточно, вы можете удерживать клавишу пробела, чтобы запретить Figma автоматическое вложение объектов внутри фреймов или отключить auto-layout. Клавиша пробела очень удобна!

10. Content Reel + Unsplash

Content Reel и Unsplash были двумя незаменимыми плагинами, экономящими время и позволяющими избежать использования «John Doe» в качестве имени для всех пользователей. С Content Reel вы можете одним кликом мыши вставлять в свой дизайн аватары, lorem ipsum, имена, адреса и многое другое. Unsplash – это бесплатная библиотека высококачественной графики.

11. БОНУС! Исправить высоту строки за секунду

Если у вас нет определенного значения высоты строки просто введите «auto» в поле line-height, и оно автоматически отрегулируется!

Источник

Собеседование на дизайнера в IT: вопросы, тестовое, подводные камни

Вопросы по владению инструментами
Расскажите, что такое смарт-объект?
В чем его преимущества?
Что такое модульная сетка?
Чем будет отличаться процесс создания обтравочной маски в Photoshop и Illustrator?
Чтобы сделать цветовую коррекцию сразу большого количества фотографий, что вы будете использовать?
Если вам нужно перенести в иллюстратор большое количество текста с сохранением его форматирования, как вы будете его импортировать?

Допечатная подготовка
При создании макета для печати какие параметры вы выставляете в графическом редакторе (цветовой режим, разрешение в dpi, цветовой профиль)?
Что такое "выпуск за обрез"?
Какие форматы файла вы будете использовать для печати?
Для чего при передаче файла переводят текст в кривые? Есть ли еще какие-либо моменты, связанные с текстом, при допечатной подготовке?

Типографика
Еще не стало скучно? Дальше пойдёт поинтереснее – более наглядные вопросы, где можно применить свое чувство вкуса и подискутировать. Вопросы по типографике мы позаимствовали из онлайн-теста, опубликованного ребятами из digital-агенства NIMAX. Для нашего собеседования мы отобрали всего 4 вопроса-примера, связанных с особенно важными и распространёнными, на наш взгляд, ошибками: с висячими предлогами, некомфортными отступами и интерлиньяжем.

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

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

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

И вот эти рекомендации:

Прежде чем подавать резюме, проанализируйте вакансию.

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

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

Если у вас в резюме есть куча информации про то, что вы знаете SMMPlanner, Word, PowerPoint, Tilda и только в самом конце будет написано про Photoshop, то человек при прочтении решит, что, скорее всего, вы SMM-специалист, а не дизайнер.

Не забудьте о портфолио.

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

Не стесняйтесь своих работ.

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

Не ругайте своих бывших.

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

Подробнее в источнике

Проблема вложенных модальных окон в цифровых продуктах

Изучение основных проблем вложенных модальных окон и предложение альтернативных UX-паттернов.

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

Содержание статьи
Что такое вложенные модальные окна?
Почему я считаю, что следует избегать вложенных модальных окон
Сложнее быстро выйти из юзерфлоу
Они добавляют неопределенность
Используется мало пространства
Повышенная когнитивная нагрузка
Какие паттерны я могу использовать вместо этого?
Бесконечное модальное окно
Боковая панель
Встроенное редактирование
Встроенное раскрытие
Всплывающие окна
Модальное окно с вкладками
Настройка контента
Как модальные окна должны интегрироваться в идеальный юзерфлоу?

Читать статью:https://ux.pub/problema-vlozhennyh-modalnyh-okon-v-tsifrovyh-produktah/

Где найти первые заказы для веб-дизайнера?

Telegram каналы
Когда я приступила у поиску клиентов в телеграм каналах, в первую очередь я задала себе вопрос: Что я могу предоставить? Кому это нужно?

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

Социальные сети
Возможно, не каждый активно ведет свой профиль в инстаграмме или в фейсбуке, но все же этот пункт имеет высокую конверсию. Выкладывайте свои работы, регулярно показываете процесс работы в stories. Поверьте, люди будут запоминать, что вы занимается дизайном и при первом же случае вспомнят вас!
Фриланс
Да, как я уже и говорила (читайте 1 статью) на фрилансе для начинающих набирать портфолио и получать за это небольшие деньги -можно. Главное, это максимально заполнить свой аккаунт информацией о вас(очень много мошенников) и оставлять много откликов, 5 штук в день не годится)

Студии
Если вам удасться найти крупную студию, которая будет вас параллельно еще и обучать, вы счастливчик. Но больше вероятности, что вас возьмут в небольшую студию, которая находится на стадии своего развития и это тоже неплохо! Но даже такие студии бывает непросто найти. Я решила попробовать, а возьмут ли меня в какую-нибудь студию? Отклики на hh.ru меня ни к чему не приводили, но есть же другие способы. Я нашла список студий по дизайну в моем городе и просто писала им в социальных сетях , что вот я-Арина, начинающий дизайнер, специализируюсь на ..., могу быть вам полезна в ... .
Написала около 30 студий, многие не прочитали, 5 студий попросили скинуть на почту портфолио и 1 студия согласилась! Да, всего лишь одна, да некрупная, но результат есть.
Это всего лишь несколько вариантов, я уже не говорю о вариантах со знакомыми, прокачка Behance - профилей и т.д. Еще раз повторюсь, что начинающим дизайнерам нужно лезть всюду, ищите своего клиента, свою площадку. Создавать дизайн-одно дело, а вот уметь его продать это совсем другое.

А где вы нашли своего первого клиента и какими вариантами можете дополнить?

Источник

Проектирование микро-взаимодействий в Figma с помощью интерактивных компонентов (interactive components)

Эта функция не совсем новинка в среде инструментов дизайна. Несколько месяцев назад я уже использовал похожую функцию в других приложениях, например, XD. На данный момент Figma – это инструмент с большой буквы. Добавление интерактивных компонентов сделает его еще круче. Судя по опыту использования этой функции в других приложениях, могу сказать, что бета-версия Figma отлично реализована. Интерактивные компоненты вместе с вариантами, auto-layout и мультиплеером выводят Figma на новый уровень.

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

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


Читать статью: https://ux.pub/proektirovanie-mikro-vzaimodeystviy-v-figma-s-pomoschyu-interaktivnyh-komponentov-interactive-components/

Как улучшить UX страницы оформления заказа,

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

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

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

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

3. Ссылка на страницу с описанием товара всегда должна быть на виду. Это нужно, чтобы покупатель в любой момент мог быстро проверить, то ли он купил, что хотел. Лучше всего поместить эту ссылку в корзину вместе с наименованием товара.

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

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

6. Указывайте наличие товара на странице с его описанием. Если товара нет на складе – покупателю лучше узнать об этом до того, как он приступит к оформлению заказа.
+ Полезно также указывать предположительное время доставки, например, «Обычно на доставку уходит Х дней».

7. Подскажите посетителю, какую кнопку или ссылку нужно нажать. Пусть кнопка «Следующий шаг» или «Продолжить» будет самым заметным элементом на странице.

8. У покупателя должна быть возможность отредактировать корзину. Предоставьте покупателям удобные средства редактирования корзины. Пусть они без труда смогут изменить расцветку или размер товара, добавить или убрать его из корзины.

9. Помогите исправить ошибку и возьмите вину на себя. Если при оформлении заказа пользователь ввёл не все данные или заполнил какие-то поля неправильно, в сообщении об ошибке чётко и понятно объясните, что и где именно нужно исправить. Преподнесите это так, будто ваша система виновата, что не смогла понять полученные данные, а не пользователь допустил нелепую ошибку.

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

Источник

Решение проблем неактивных кнопок в дизайне интерфейсов

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

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

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

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

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

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


👍 Рассмотрите возможность добавления дополнительной информации к отключенному действию.

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


👍 Рассмотрите возможность использования всплывающей подсказки, чтобы описать, почему действие недоступно.
Примеры:
Действие недоступно из-за ограничения.
Требуется ввод данных для доступа к другим параметрам.

3. Включите по умолчанию, затем при необходимости покажите ошибку

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

Пример:
Формы с минимальным количеством полей ввода, такие как страница входа в систему и восстановления пароля.

Источник

FigJam – интерактивные доски для дизайнеров от Figma

На конференции Config 2021, генеральный директор Figma Дилан Филд объявил о запуске FigJam, нового вайтборда Figma. Сейчас доступна бета-версия FigJam, но до конца 2021 года приложение будет бесплатным для всех пользователей. Ниже вице-президент Figma по продукту Юки Ямасита немного расскажет, почему мы решили создать FigJam.

Многое изменилось приблизительно за пять лет с тех пор, как Figma была запущена в закрытой бета-версии, или, как сказал тогда Дилан: во времена, когда дизайн встретился с Интернетом.

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

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

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

Мы также хотели привнести в FigJam ту же теплоту и интуитивное управление, которые нравятся людям в Figma, независимо от того обдумываете ли вы идею или просто «тусуетесь». Смайлики, штампы и другие тщательно проработанные функции позволят вам полностью выразить себя.
Другими словами, в FigJam веселье встречается с функциональностью.
Это одна из причин, по которой команды Stripe, Netflix, Salesforce, Twitch и других компаний использовали FigJam в течение последних нескольких месяцев для мозгового штурма и формирования идей. Их отзывы, как хорошие, так и плохие, важны не только для нашей команды; они также подтвердили, что FigJam удовлетворяет глубокие потребности пользователей.

В 2022 году у FigJam будут как бесплатные, так и платные тарифные планы ($8 и $15 за редактора в месяц), но до конца 2021 года – любой пользователь сможет использовать FigJam совершенно бесплатно.

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

Источник https://ux.pub/figma-figjam/

Перевод статьи Introducing FigJam

UI и UX микро-советы

1. Сохраняйте последовательность элементов дизайна

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

2. Щедро используйте пустое пространство

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

3. Стиль первого абзаца текста

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

4. Проектируйте для удобства сканирования. Используйте короткие абзацы

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

5. Определите цветовую палитру и создайте единообразие в своем дизайне

Хотите создать более профессиональный интерфейс? 
Заранее определите цветовую палитру.

Ни в коем случае не перегружайте дизайн обилием случайных цветов.
С самого начала создайте сильную цветовую палитру и придерживайтесь ее. Это позволит избежать головной боли и добавит единообразия в ваш дизайн.
6. Используя системы сетки 8pt сохраняйте последовательность при размещении иконок

Работая с иконками и сеткой 8pt, вы обнаружите, что в большинстве хорошо продуманных наборов иконок они находятся внутри рамок, кратных 8 (например, 16×16, 24×24, 32×32 и т. д.)

Лишь иногда это правило нарушается.
Если нет, убедитесь, что любая иконка, добавленная в ваш дизайн, помещена в контейнер, который использует значение кратное сетке 8pt (например, 24×24). Это позволит последовательно разместить иконки в вашем дизайне.

Источник

Роль рефлексии в процессе проектирования

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

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

Содержание статьи:
— Электросчетчики и петли обратной связи
— Волшебный дашборд
— Предвидьте необходимость корректив
— Фидбек с задержкой
— Конец начинается с начала

Читать: https://ux.pub/rol-refleksii-v-protsesse-proektirovaniya/

UI-дизайн для мужчин и женщин – полное руководство

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

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

Читать статью: https://design-glory.com/6984/polnoe-rukovodstvo-po-ui-dizajnu-dlya-muzhchin-i-zhenshhin

Аудит интерфейса — как его проводить и почему это проектирование наоборот?

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

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

Читать статью: https://vc.ru/design/237333-audit-interfeysa-kak-ego-provodit-i-pochemu-eto-proektirovanie-naoborot