Типографика, типографика и киберпанк — Дизайнерский дайджест №116

Подписаться и получить свежий выпуск: https://awdee.ru/digest

Подписаться на пробный месяц дайджеста бесплатно: https://awdee.ru/freedigest

Читать в боте: @designersdigestbot

Коллекция иконок Icons8 перевалила за 80 тысяч

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

Все они доступны бесплатно, за ссылку. Есть платная лицензия, если ссылку ставить не хотите.

А ещё у ребят есть десяток других полезных продуктов для дизайнеров.

https://icons8.ru

#awd_icons #awd_free_download

Классификация и примеры «тёмных паттернов» в интерфейсах

Тёмные паттерны (англ. dark patterns) — это приёмы в интерфейсах, которые заставляют пользователя сделать то, чего он мог бы и не совершать.

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

А ребята из AIC в своей статье углубляются в происхождение данного термина и приводят множество реальных примеров использования тёмных паттернов в таких компаниях, как Google, Facebook, Reg.ru, Amazon и др. Эти примеры делятся на несколько видов:
— приманка и переключение: подмена одного действия другим
— подтверждение с чувством стыда: давление на эмоции пользователя (стыд или страх)
— замаскированная реклама: попытка выдать рекламный баннер за функциональный элемент страницы
— принудительное продление: автоматическое оформление платной подписки при использовании бесплатной пробной услуги
— спам друзей: публикация сообщений в социальной сети от имени пользователя
— скрытая стоимость: неявное навязывание дополнительных платных услуг на последнем этапе оплаты
— смена фокуса: привлечение пользовательского внимания к постороннему объекту с целью отвлечения от главного
— предотвращение сравнения цен: сокрытие ценовой политики продукта
— «цукеринг приватности»: использование веб-дизайна и фразеологизмов с целью склонения пользователя в нужному выбору
— ловушки: создание ситуаций, в которых пользователю сложно отказаться от своего выбора или действия
— сюрприз в корзине: автоматические добавление лишних товаров или услуг в корзину пользователя
— вопросы с подвохом: неоднозначная формулировка вопросов, которая сбивает пользователя с толку

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

Статья Наташи Ломас: techcrunch.com/2018/07/01/wtf-is-dark-pattern-design

Статья AIC: blog.aic.ru/tyomnyj-pattern-kak-veb-servisy-zastavlyayut-polzovatelej-oshibatsya-v-svoix-dejstviyax

#awd_summary #awd_article

О, Советы обновятся! Эпохальное событие, конечно :–)

https://bureau.ru/soviet/announcement/

Новый уровень UX: уроки дизайна, которые можно извлечь из видеоигр

Алёна Кирдина поделилась принципами геймдев-разработки, которые работают и в дизайне.

Коротко:
— Не оттягивайте внимание пользователя длительными инструкциями, лучше сразу покажите функционал продукта
— Небольшие награды за действия вовлекают пользователя в (игровой) процесс
— Эффект «незавершенной коллекции» побуждает пользователя выполнить полный список действий, как миссии в игре
— Быстрая и предсказуемая отдача при использовании интерфейса гарантирует пользователю, что всё находится под контролем. Например, единый алгоритм заклинаний в RPG-играх создаёт чёткую ассоциацию между действием и достигаемым результатом.
— Интуитивно понятное цветовое оформление основных элементов страницы не даст пользователю потеряться. Например, зелёный цвет подойдёт для обозначения положительного ответа, красный — для ошибок и предупреждений, а серый — для нейтральной информации.
— Рейтинг пользователей мотивирует каждого из них в отдельности
— Группируйте схожие элементы в «наборы», чтобы упростить восприятие информации. Например, один монолитный текст можно разделить на структурные блоки «название», «описание», «автор», «дата публикации» и тд.
— Сайты должны быть адаптивными, а приложения должны корректно работать на телефонах с экраном любого размера
— Предложите купить ваш продукт только тогда, когда пользователь будет вовлечен в процесс

Полностью на английском: evilmartians.com/chronicles/level-up-for-ux-design-lessons-from-videogames

#awd_summary #awd_article