Дизайн-дайджест Нетологии №3

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

«Эффективный призыв к действию: какие кнопки стоит использовать на сайте», vc.ru

Ольга Шишкова перевела статью Рэйчел Макконнелл — контент-дизайнера студии Deliveroo, где он рассказал о дружелюбности в интерфейсе. Автор наглядно показывает, как сделать кнопки кликабельнее:

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


Кнопки «Назад» и «Вперед» на одной странице

Обучение в онлайн-университете: курс «Дизайн для начинающих»

  1. Объяснять следующий шаг — обозначайте, что ждет на следующей странице и соблюдайте последовательность.


Кнопка «Оплатить» и одноименный заголовок следующей страницы

  1. Говорить просто и прямо — рассказывайте, к какому действию приведет нажатие кнопки.


«Ознакомиться с политикой сайта»

  1. Вдохновить легким тоном общения — поддерживайте пользователя подбадривающими эмоциями.


Оптимистичная кнопка старта «Начнем!»

  1. Сказать короче — позаботьтесь, чтобы пользователь не тратил лишнее время и не путался в длинных объяснениях.

  1. Избегайте двойное отрицание — это может запутать пользователя. Проработайте правильные отрицания и подтверждения действий.


«Хотите отменить заказ?» — «Нет, давайте оставим», «Да, отменить»

  1. Похвалить в конце — вместо сухого «Готово», поблагодарите пользователя за прохождение квеста.


«Ура, мы закончили!»

«Чекбокс или переключатель: что выбрать UX-дизайнеру при создании форм выбора», vc.ru

Ян Австрейх перевел статью UX-дизайнера Садии Минхас, которая разбирает способы взаимодействия с пользователем через чекбокс и переключатель.

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

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

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

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

Визуально понятное состояние. Чекбоксы, чтобы избежать путаницы при включенных/выключенных опциях:

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

Одна опция. Чекбоксы для очевидных и простых выборов, например, «да»/«нет», а переключатели — для «включено»/«выключено»:

«Как быть лучше, чем вчера», Designpub

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

  1. Поставь цель, определи навык, который хочешь прокачать, выбери концепцию для проекта, тайминг, площадку.
  2. Вдохновляйся другими ежедневными проектами.
  3. Сделай из проекта ритуал, как чистку зубов или чашка кофе утром.
  4. Мотивируй себя — осознавай, зачем ты делаешь это каждый день.
  5. Время есть всегда, выделяй для проекта хотя бы 30 минут в день.
  6. Записывай идеи-заготовки, чтобы в неудачный день потратить меньше усилий.
  7. Веди проект в любых условиях и при любом настроении, но помни про пункт 6.
  8. Включай в работу серии и исполняй желания. Хотел попробовать что-то новое — сделай.
  9. Продумывай план: что нарисуешь в следующие 2 дня, какие используешь идеи или какие желания воплотишь в реальность.
  10. Не хватает лайков — прорекламируй проект в соцсетях.
  11. Носи с собой блокнот и ручку, чтобы записывать внезапные идеи.
  12. Быть недовольным собой — норма, невозможно быть крутым каждый день.

Читать еще: «Лучшие приемы в минималистичном дизайне»

«Колоночность и этажность», Designpub

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

До:

После:

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Полный текст статьи читайте на Нетология