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

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

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

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

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

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

Дизайн-дайджест Нетологии №3
Кнопки «Назад» и «Вперед» на одной странице

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

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

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

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

Дизайн-дайджест Нетологии №3
«Ознакомиться с политикой сайта»

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

Дизайн-дайджест Нетологии №3
Оптимистичная кнопка старта «Начнем!»

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

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

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

Дизайн-дайджест Нетологии №3
«Хотите отменить заказ?» — «Нет, давайте оставим», «Да, отменить»

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

Дизайн-дайджест Нетологии №3
«Ура, мы закончили!»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

До:

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

После:

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

 

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

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