viget.com/articles/a-bone-to-pick-with-skeleton-screens — сравнение трёх вариантов загрузки: со скелетной анимацией, с лоадером и с пустым экраном. Очень странно, что скелетная анимация проиграла по всем позициям.

tympanus.net/codrops/2018/05/02/ideas-for-proximity-feedback-with-progressive-hover-effects — отличный UX.

Как сделать таблицу удобнее для пользователя?

uxdesign.cc/design-better-data-tables-4ecc99d23356

Эндрю Койл, дизайн-директор в Flexport, поделился UX-решениями для работы с объёмными таблицами.

blloc.com — отличная продающая страница. Всё очень чисто и понятно, советую посмотреть. Скорее всего, запустится только через прокси.

duotones.co — умеет применять цветовые пары на изображение. Обещают очень скоро наладить экспорт в SVG + CSS, сейчас результат можно сохранить в JPG формате.

apple.co/2wjXSwo — иллюстратор Timo Kuilder выпустил отличную игру-головоломку. Подробнее здесь — itsnicethat.com/articles/timo-kuilder-kontrast-puzzle-game-illustration-digital-040518.

googlefonts.github.io/korean — Google Fonts добавил поддержку корейского языка. Промо-сайт просто шикардос.

Coördinator от Spotify

labs.spotify.com/2018/03/02/introducing-coordinator-a-new-open-source-project-made-at-spotify-to-inject-some-whimsy-into-data-visualizations

Coördinator перемалывает SVG в координаты XY. Это означает, что теперь можно взять любой SVG файл и превратить его в точки, а потом использовать эти точки для различных визуализаций.

design.google/library/making-more-with-material — 8 мая прошёл Google I/O, компания рассказала об обновлении концепции Material Design, и новых инструментах для разработчиков и дизайнеров.

В Figma можно копировать и применять несколько свойств по отдельности.

Воу, воу... они ещё допилили экспорт SVG. Чистенько.

Спиннер или индикатор выполнения?

telegra.ph/Indikator-vypolneniya-i-spinner-kogda-i-chto-ispolzovat-05-11

Спиннеры не предназначены для длительных процессов, а индикатор выполнения упрощает ожидание выполнения длительных процессов.

Как передать свет ярче?

telegra.ph/Kontrastnaya-yarkost-ili-kak-peredat-svet-yarche-05-11

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

icons8.com/music — команда Icons8 запустила бесплатный сервис с кучей бесплатных треков, которые можно использовать для видео, игр или интерфейса. Все треки категоризированы.

Новое измерение в дизайне — время

telegra.ph/Kak-dvizhenie-mozhet-ozhivit-mobilnoe-prilozhenie-05-12

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

Ссылки против кнопок

telegra.ph/Ssylki-protiv-knopok-v-sovremennyh-veb-prilozheniyah-05-13

Интересная статья от Марси Саттон. Всегда делайте ссылки похожими на ссылки, а кнопки — на кнопки. Без двусмысленности разработчикам станет легче писать более доступный код, лучше отвечающий ожиданиям пользователей.

Какими должны быть всплывающие окна?

texterra.ru/blog/vsplyvayushchie-okna-pop-apy-kakimi-oni-dolzhny-byt-i-kakie-est-alternativy.html

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

Работа с цветовыми схемами

elegra.ph/Neskolko-besplatnyh-servisov-dlya-podbora-cvetovoj-shemy-05-16

Итак, вы решили подобрать идеальный цвет к кнопкам «Купить» на сайте, но спустя 2 часа так и не определились? Вы не одиноки. Цвет — это наука.

spiritapp.io — вчера вышла Spirit Studio, но пока только на macOS. Делюсь с вами своей 25% скидкой — CEA0C413 (купон будет действовать 7 дней).

Cамые непрактичные вещи для дома

theuncomfortable.com

Афинский архитектор Катерина Кампрани (Katerina Kamprani) выпускает непрактичные предметы для дома The Uncomfortable, которые и смешат, и раздражают. Чего только стоят бетонный зонтик и резиновые сапоги с открытым носком! В результате разрушается язык дизайна повседневных предметов и меняются их функции.

dribbble.com/shots/4605344-Search-icon-interaction — микро-UX — стратегия использования простых, небольших элементов в дизайне продукта, ориентированных на решение одной задачи.