UX, исследования и нейронки
155 subscribers
291 photos
74 files
824 links
Ссылки на материалы, которые будут полезны практикующим специалистам. Стараюсь не дублировать посты из топовых каналов. Делюсь полезной, но не самой распиаренной информацией.
Download Telegram
treo.sh - позволяет увидеть метрики сайта, такие как LCP, INP, CLS. Работает, если у сайта есть GA.

если нету, то https://www.webpagetest.org/ протестирует сайт.

Не забывайте обновлять сертификаты для сайтов. Если сравнить TLS 1.2 и TLS1.3 - последний быстрее.

Если устройство пользователя в режиме сберегания энергии, то через Save-Data: on мы можем это задетектить и отдавать оптимизированную графику, или убирать анимации.

У браузеров есть Performance API, которое позволит всё замерить. Например, PerformanceObserver. И лить данные в Sentry, GA, Dynatrace, AppDynamics, Prometheus, DataDog, LogRocket, New Relic и прочие.
Clarity > Efficiency > Consistency > Beauty

Приоритеты при принятии решения, какой дизайн взять в работу. Варьируется от компании к компании.
👍1
Про доступность.
Есть статья про основы: https://git.apcacontrast.com/documentation/APCAeasyIntro.html

Или хотя бы помним, что контраст должен быть 4.5:1
https://pimpmytype.com/fontfriday/
Очередная вдохновлялка по шрифтовым парам
Один из возможных пайпланов быстрого анализа рынка:
AppSumo и Acquire.com для маркет-ресерча. По апкам, упор на кол-во отзывов. Больше отзывов = больше продаж.

На Acquire.com смотрим на Revenue. Growth rates. Churn
Один из способов ускорить мобильный интернет на Android:
В настройках выбираем «Мобильные сети». Там «Точку доступа APN» и проваливаемся внутрь.

Находим «Тип аутентификации» и ставим CHAP.

Ниже должен быть «Канал». Там будет по-умолчанию «Неопределено». Убираем оттуда галку, ставим на все каналы, вплоть до EHRPD включительно. Сохраняем.
👍2
Как делать цвета ярче, чем они есть.

Существуют HDR изображения, и в них есть nit. Это единица яркости экрана, то есть пиксели с высоким nit в HDR будут гореть ярче остальных.

Критично, чтобы:
— Ваш дисплей поддерживал HDR;
— Браузер поддерживал HDR (хром и сафари поддерживают);
— Устройство не находилось в режиме экономии батареи (в этом случае поддержка HDR отключается).

Чтобы такое сделать понадобится графический редактор поддерживающий работу с HDR (Photoshop). В редакторе устанавливается цветовой профиль, поддерживающий HDR. Подойдет Rec.ITU-R.2100 или Rec.ITU-R.BT2020

Подбираем ядреный цвет, чтобы там была высокая сатурация, но ближе к белому. Потому что темные цвета такого эффекта не дадут.

Можете использовать следующие:
#ff4e51 красный
#7ffffa голубой
#ff2bd6 розовый
#7cff00 зеленый
#e8bb57 оранжевый
#fffa6f желтый

Готовое изображение экспортируем в PNG, ставим галочку «Встроенный профиль», чтобы цветовой профиль прикрепился к изображению.

Загружаем в какую-нибудь соцсеть, которая не меняет цветовой профиль у прикрепленного изображения. В LinkedIn работает, например.
❤‍🔥3
Если вы не знали, что, чтобы отменить подписку на Adobe и избежать нелепой платы за отмену, вы можете сначала перейти на другой тарифный план, а затем отменить его.
http://www.identifont.com/differences.html
инструмент для сравнения двух шрифтов. Не откровение, но иногда может быть полезен
URL-сайта и номер телефона может быть одинаковой сущностью
9780192679741_web.pdf
113 MB
Introduction to Human-Computer Interaction
Требуется дизайнер уровня middle+:

1) разработать с нуля дизайн сайта consultancy services. Готового стиля нету, поэтому создание стиля входит в задачу.

2) вторым этапом разработать образовательный портал под этот же бренд

3) и третья задача это разработка брендбука и лого. Название есть. В остальном у вас полная свобода.

Портфолио обязательно. Писать можно напрямую мне @yourscorpion
https://stitch.withgoogle.com/
обновили. Может сразу сделать прототип в фигме.

альтернатива - https://mowgli.ai/