Design Lessons
Дизайн
Подписаться
Почему кнопки отмены должны быть бесцветнымиЧто именно делает кнопка «Отмена»?

Почему кнопки отмены должны быть бесцветными

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

Вот почему кнопки «Отмена» должны быть бесцветными.

Нейтральный цвет для нейтральной кнопкиЦвет на кнопках сигнализирует о призыве к действию. Cancel – не призыв к действию, поскольку после ее нажатия в системе не происходит никаких изменений. Именно поэтому вы не должны выделять её цветом. В обратном случае вы создаете у пользователей ложное впечатление.

Юзеры на подсознании должны чувствовать, что «Отмена» – это их тихая бухта в море системных изменений.

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

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

У «Отмены» много именНе все кнопки отмены называются именно «Отмена» (Cancel), но принцип их действия идентичен. Возврат к предыдущему экрану может называться «Не сейчас», «Нет, спасибо», «Возможно, позже» или «Пропустить» в зависимости от контекста.

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

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

Достаточно тёмный серыйПри использовании серого на кнопке важно сделать этот цвет достаточно тёмным. В противном случае кнопка может выглядеть как отключенная. Контраст можно легко проверить с помощью инструментов наподобие Contrast Checker.

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

Цветная кнопка «Отмена» посылает неверный сигнал. Она запутывает юзеров, вынуждая считать её ещё одним призывом к действию. Сделайте свою кнопку нейтральной, чтобы у пользователя было больше контроля и свободы при использовании вашего приложения.

#UXLesson

Другие статьи канала Design Lessons

Design Lessons
Дизайн
Подписаться
Начни брать жирные заказы на дизайн прямо в телеграме 💵

Ребята из Дизайн-биржи на прошлой неделе опубликовали заказов почти на 350 000 рублей у себя на канале и не собираются останавливаться. Они вручную отбирают самые жирные и актуальные заказы на дизайн и публикуют их для вас максимально оперативно.

Уже на канале 📝:


- дизайн сайта за 150 000 рублей;

- разработка брендбука за 35 000 рублей;

- дизайн канала на Youtube за 10 000 рублей.

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

Design Lessons
Дизайн
Подписаться

Плагин Batch Create Component превращает выбранные слои в отдельные компоненты, а не в один большой компонент.

#Figmaplugins

Design Lessons
Дизайн
Подписаться

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

Роман в дизайне уже 13 лет, разработал собственную методику и назвал ее Наука Дизайна. Она основана на понимании дизайна как прикладной довольно точной науки.

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

Вообще, он приятный парень, на канале @naukadsgn дает дельные практические советы, которые облегчат жизнь новичка и матёрого дизайнера. Советуем от души, энджой!

Design Lessons
Дизайн
Подписаться
Дизайнерское исследование или четкие принципы?

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

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

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

#DesignLessons

Design Lessons
Дизайн
Подписаться
Moscow Digital Academy приглашает на онлайн-интенсив по веб-дизайну бесплатно.

. Количество мест ограничено! Первые 100 записавшиеся получат бесплатно закрытый мини-курс по веб-дизайну для новичков. Узнать подробности и записаться: https://clc.am/design_webinar

Что вы получите:
1. Узнаете все о профессии веб-дизайнера
2. Разберетесь UX и UI
2. Сделаете прототип веб-сайта
3. Нарисуете блок сайта в Figma
4. Получите домашнее задание, которое проверят наши арт-директора и дадут подробное ревью!

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

Чтобы записаться на бесплатный интенсив, переходите на сайт Moscow Digital Academy.

Design Lessons
Дизайн
Подписаться

#DesignInspiration

Design Lessons
Дизайн
Подписаться
🍏 Самый большой канал в телеграме с лучшей креативной рекламой в мире.

🍏 Шедевры Рекламы
- @adver_best

Design Lessons
Дизайн
Подписаться
Дизайнеру приложений:

как создать и передать в разработку тёмную тему В конце 2019 года зарелизили iOS 13 и Android 10 с поддержкой автопереключения на тёмную тему. Мы решили добавить её в приложение «Ростелеком Ключ» под iOS и Android, над которым работали в тот момент. В процессе не обошлось без сложностей. Рассказываем о нашем опыте, чтобы вы в аналогичной ситуации сэкономили время и нервы.Читать статью

#DesignLesson#DarkTheme

Design Lessons
Дизайн
Подписаться
Тратишь много времени на поиск качественных мокапов и темплейтов для работы?

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

У ребят есть канал в Telegram @rpstock, подпишись, чтобы не упустить новый ресурс для работы и успеть сохранить его к себе в коллекцию!

t.me/rpstock

Design Lessons
Дизайн
Подписаться
Может ли нейросеть отобрать у человечества создание дизайна?

Вы наверняка встречали это громогласное саморазоблачение студии Артемия Лебедева. Якобы логотипы для реальных клиентов в тарифе «Экспресс-дизайн» создавала нейросеть.

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

#ArtificialIntelligence#Design

Design Lessons
Дизайн
Подписаться

​​Cъешь еще этих мягких дизайнерских булочек и подпишись на дружественный подкаст наших коллег «Дизайн Прост»

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

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

Подпишись, потому что потом настанет «ХОПХЕЙЛАЛАЛЕЙ» и пост потеряется, компоненты отвяжутся, тебя заставят все причесать, да и типографикой поиграть чуток, цвета более кислотные сделать, потом пару правок внести до обеда, ну и конфкол не забудь в дискорде, когда все закончишь, занесешь в Jiry все таски... сейчас

Design Lessons
Дизайн
Подписаться

#FigmaIcons

Design Lessons
Дизайн
Подписаться

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

Design Lessons
Дизайн
Подписаться

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

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

Всегда двигать элементы вокруг? Не волнуйтесь! Просто нажмите «Обновить», и все стрелки будут автоматически отслеживать положение элементов и переподключаться. Легко!

#FigmaPlugins

Design Lessons
Дизайн
Подписаться
А вы знаете, что самые высокооплачиваемые вакансии на удаленке это IT & Digital?

А вы знаете, что самые высокооплачиваемые вакансии на удаленке это IT &
Digital?

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

После подписки вы получите:

- Свежие вакансии прямиком от работодателей.- Возможность принять участие в крутых проектах из США, Европы, РФ и Латинской Америки.- Возможность прокачать свой скилл, и стать настоящим гуру.
- Царскую ЗП до 10000$/месяц.- Шанс работать из любой точки мира, когда удобно вам!

Подписывайтесь на канал @hiddengurus
- это шанс изменить вашу жизнь!

Рейтинг авторов

  • "Записки Дизайнера" (про дизайн и только про него 157 157 157
  • (Не) только немецкий 157 157 157
  • #анямастерконтента 157 157 157
  • #Фудтех 157 157 157
  • 10 идей и трендов дня 157 157 157
Показать весь рейтинг
Загрузка ...