Адовый UX
45.9K subscribers
6.86K photos
452 videos
12 files
511 links
Примеры плохих интерфейсов, юикса и истории про это всё

Присылайте свои примеры в личку автору канала: @kirillgreen

По рекламе: @kgreenmedia
В реестре: vk.cc/cKf91b
Download Telegram
Forwarded from Оди
🇬🇧 7 UX Laws You’Re Probably Getting Wrong

Шикарная статья Бена Мосса, в которой он развенчивает типичные заблуждения и неверные интерпретации законов UX.

Коротко перечислим семь разобранных законов и ошибки в их интерпретации:

1. Закон Якоба. Да, людям нравятся знакомые и привычные интерфейсы. Но новизна способствует положительным эмоциям и хорошему запоминанию
2. Градиент цели. Да, чем ближе мы к цели, тем сильнее стремление к ней и тем выше вероятность её достижения. Но дизайнеры не знают наверняка, какие цели у человека, и совершают ошибку, подменяя цель человека целью бизнеса
3. Закон Миллера. Даже если люди могут удерживать в памяти всего 7±2 элементов одновременно, это не относится к числу отображаемых на экране вещей. Покажите все 12 пунктов меню, если их у вас столько
4. Эффект эстетики в юзабилити. Да, люди считают более красивое более удобным. Но это не значит, что красоты достаточно, чтобы сделать интерфейс удобным. Нельзя этим законом оправдывать тонкий серый текст на сером фоне
5. Правило пика и конца. Да, общее впечатление основано на пике и конце. Но в случае сайтов или интерфейсов, предугадать начало, пик и конец маршрута конкретного пользователя невозможно
6. Закон Фиттса. Да, точность попадания в цель обратно пропорциональна расстоянию до цели и в квадрате — её размеру. Но в настольных интерфейсах, с мышкой, ошибку прицеливания легко и быстро исправить. А в мобильных интерфейсах расстояние до цели не играет роли, оно всё время одинаково
7. Бритва Оккама. Этот философский принцип говорит, что, при прочих равных, нужно выбирать то, что основано на меньшем количестве предположений. Но не самое простое решение, и не самое очевидное, как часто путают.

Статья полностью: webdesignerdepot.com/2022/06/7-ux-laws-youre-probably-getting-wrong

#awd_article #awd_ux
Forwarded from Оди
🙂 Принципы когнитивной инженерии Джилл Герхардт-Пауэлс

В 1994 году Якоб Нильсен из Nielsen Norman Group опубликовал популярные и знакомые дизайнерам эвристики юзабилити. Это проверенные принципы, которые помогают проектировать беспроблемные и понятные интерфейсы

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

В статье мы разбираемся в принципах когнитивной инженерии Джилл Герхардт-Пауэлс: awdee.ru/printsipy-kognitivnoj-inzhenerii-dzhill-gerhardt-pauels/

#awd_ux #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Оди
🙂 10 проблем попапов и как их решить

Перевод статьи Анны Кейли из Nielsen Norman Group, из которой вы узнаете, в чём разница между всплывающим окном и модальным, какие проблемы могут вызвать всплывающие окна своим появлением и какие факторы необходимо учитывать при их проектировании. Автор также рассказывает о дизайн-решениях, которые могут заменить попапы и донести до посетителей сайта или приложения важную информацию, но при этом будут менее навязчивыми

awdee.ru/10-problems-of-popups

#awd_ui #awd_ux #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Оди
🙂️️️️ Практическое руководство по анимации переходов в интерфейсах

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

1. Плавное появление и затухание с изменением прозрачности
2. Масштабирование
3. Постоянное направление движения
4. Баланс скорости
5. Приоритеты, порядок и группировка элементов
6. Ориентация в пространстве

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

awdee.ru/transition-animations-a-practical-guide

#awd_ux #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM