Как Google возрождает итальянский дизайн в своих физических продуктах. Выглядит вкусно.
https://blog.prototypr.io/google-and-the-resurgence-of-italian-design-e9234cf3d073

Артемий Лебедев завёл телеграм-канал — @temablog

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

https://www.viget.com/articles/a-bone-to-pick-with-skeleton-screens

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

http://telegra.ph/Pro-kod-podrazdeleniya-v-pasporte-11-17

Люди смотрят 80% времени на левую часть сайта и 20% на правую

https://www.nngroup.com/articles/horizontal-attention-leans-left/

Как выстроить систему отступов на проекте. 

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

https://blog.prototypr.io/a-framework-for-creating-a-predictable-and-harmonious-spacing-system-8eee8aaf773c

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

https://nobelfaik.livejournal.com/156491.html

Саша Бизиков рассказывает как стал дизайнером. Мы с ним стартовали примерно в одно время и было интересно следить за его путем. Статья о том, как я стал дизайнером появится примерно в середине января.

В блоге у меня есть заметки про цели, инструменты, план, в канале периодически пишу о своём развитии. Материала много и он лежит в разных места. Так родилась идея статьи, которую написал для Tilda Еducation.

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

Статья большая, запаситесь терпением и дочитайте до конца:
http://tilda.education/articles-from-developer-to-designer

Как создавать удачные комбинации различных шрифтов в тексте. В статье есть две крутые штуки: таблица и правила сочетания шрифтов.

https://pomelnikov.com/font-pair

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

«Даг считает, что нужно пытаться изменить то, как ощущается долгое ожидание, вместо того, чтобы изо всех сил стараться сделать его менее долгим, тратя на это слишком много усилий и средств»

https://dtf.ru/13948-princip-lifta-kak-sdelat-dolgie-zagruzki-priyatnymi

Продуктовый дизайнер из Intercom рассказывает о том, как они проектировали чат и нашли баланс между разговорным интерфейсом и заполнением форм.

https://blog.intercom.com/why-forms-arent-dead-yet/

Данил Ковчий рассказывает про дизайн, атмосферу и кучу мелочей в любом ресторане/баре. Статья — огонь.

https://medium.com/@kovchiy/перед-тем-как-в-откроете-свое-заведение-8baf3a4eb852

Юля Кондратьева пишет, что лучше отказаться от изображения статистики трат в виде пай-чартов. Как альтернативу, предлагает линейную диаграмму — она нагляднее.
https://li-mmm.livejournal.com/75180.html

Дмитрий Коваленко рассказывает как проектировал форму оформления заказа для сервиса Fluix. Изложено все подробно и до мельчайших деталей, вплоть до того, где найти конкретные примеры реализации валидации конкретных полей. Одна из интересных цитат о полях Adress Line 1 и Adress Line 2:

«87% из 400 имеющихся клиентов не заполняют вторую строку вообще. 65% вводят в Address Line 1 данные для Address Line 2. Только 7 компаний (7 человек, чтобы быть точными) заполнили Address Line 2. Остальные заполнили ее неправильно или же продублировали информацию с первой строки»

Конкретно эта статья — третья из четырех. Если хотите копнуть еще глубже, прочтите все четыре.

Оригинал — https://uxplanet.org/streamlining-the-checkout-experience-b4b00840884a
Перевод — http://telegraf.design/proektirovanie-checkout-formy-zakulise-chast-i/

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

http://russia-brand.com/

Кирилл Беляев рассказывает о прекрасном способе вместить поле комментария в любую таблицу.

http://kirillbelyaev.com/all/notes/

Команда AIC рассказывает о том, как они формировали меню для интернет-магазина продуктов с помощью карточной сортировки.

https://vc.ru/29456-keys-issledovanie-i-pererabotka-kataloga-tovarov-dlya-magazina-produktov-pitaniya

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

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

https://www.nngroup.com/articles/zigzag-page-layout/

История иконок: как менялся визуальный стиль с 80-х по наше время на разных операционных системах. Интересно оформлено, грузится не быстро.

https://historyoficons.com/