Антон Жиянов подкидывает интерфейсные задачки своим подписчикам в телеграме, а затем рассказывает у себя в блоге об интересных решениях. Там много практической годноты
https://antonz.ru/tag/puzzle/

Краткий план как обосновыввать свои дизайн-решения:
— Определитесь с целями своего рассказа
— Расскажите о контексте
— Обозначьте проблему
— Предложите решение
— Расскажите о следующих шагах

https://uxplanet.org/how-to-present-design-decisions-framework-eb7e596ff15e

Несколько рекомендаций по проектированию кнопки «Наверх» (back-to-top), которая отправляет вас на самый верх на длинных страницах:

— Используйте кнопку только для страниц длиннее 4 экранов
— Помещайте кнопку в нижний правый угол
— Используйте только одну залипающую кнопку
— Сделайте так, чтобы кнопка не перекрывала важные элементы страницы
— Выделите кнопку визуально, не позволяйте ей слиться с окружением
— Не показывайте кнопку сразу, а дождитесь действий от пользователя явно сообщающих о том, что он хочет проскроллить
— Сделайте кнопку неподвижной

Детальнее — https://www.nngroup.com/articles/back-to-top/

Дизайним под IPhone X. Официальное видео, традиционно не работающее в хроме — https://developer.apple.com/videos/play/fall2017/801/

Платное приложения для мака, которое позволяет быстро и удобно проверять цвета на контраст
https://usecontrast.com/

Red Keds организовали фестиваль, посвященный digital-рекламе.

В конкурсе – шесть категорий: интерактивные проекты и сайты, мастерство, медиаформаты, социальные медиа, мобильные технологии, инновации. Подать работу в одну номинацию стоит всего $1. Прием заявок продлится до 1 октября.

Для меня поводом для рекламы послужило достаточно крутое жюри. Если вы решите поучаствовать, работы нужно подавать с десктоп-версии сайта

https://2017.ggggggggfest.com/

Игорь Шевченко в своем блоге рассказал, какими должны быть интерфейсные подсказки (microcopy). Кратко:

— Точными
— Полезными
— Человечными
— Короткими
— Самодостаточными
— Уместными
— Целостными
— Грамотными
— Необходимыми

http://igorshevchenko.ru/blog/entries/interface-copy

Внушительный список инструментов для прототипирования. Среди параметров для сравнения: платформа, цена/подписка, импорт, анимации, экспорт кода и остальные.

https://uxtools.co/tools/prototyping

16-минутное видео на постнауке, в котором Михаил Соколов, рассказывает о вкусе. Это все та же история про то, как люди отличают «плохое» от «хорошего».

«Немного генерализуя, мы можем сказать, что более широкой категорией, чем естественность, но включающей ее является ожидаемость. Когда нечто является ожидаемым, оно превращается в безвкусное. […] Это, например, использование самой очевидной и самой расхожей метафоры, для того чтобы передать какой-то смысл, но именно это ассоциируется для нас с плохим вкусом в искусстве. […] использовать в архитектуре метафору в лоб — значит убить ее. Пример, который я украду у своего коллеги по Европейскому университету Вадима Басса: самое худшее, что может сделать газовая компания в качестве выбора дизайна для своей штаб-квартиры, — это обыграть огонек зажигалки, потому что это первая ассоциация, которая способна возникнуть в связи с газовым гигантом.»

https://www.youtube.com/watch?v=4jYu3SkjRuA

Плоский дизайн привлекает меньше внимания.

Исследование на 71 человеке и 9 сайтах с двумя разными версиями: с плоским дизайном и без. Фиксировали движение глаз, время выполнения задачи и на их основе строили тепловые карты.

Краткий вывод таков: элементы с плоским дизайном плохо привлекают внимание. Люди склонны больше тратить времени на их поиск и дольше задерживаться на странице.

Негативные последствия плоского дизайна можно уменьшить, если сайт имеет низкую плотность информации, знакомую верстку и важные элементы, которые выделяются среди других.

Полные методология, исследование и выводы внутри —

https://www.nngroup.com/articles/flat-ui-less-attention-cause-uncertainty/

Как закрыть программу, баннер, вкладку? Найти крестик [x] и нажать его.

Сейчас это рутинная операция, которую мы выполняем по несколько сотен раз в день, но почему именно [x]? Откуда берет корни этот паттерн?

https://medium.com/re-form/x-to-close-417936dfc0dc

Плагин для скетча, который существенно облегчил мою жизнь. Он позволяет задать свои значения для сдвига «→» и «shift+→», а так же добавляет еще один «Ctrl+alt+→»

https://github.com/KevinWoodhouse/sketch-nudged

Выберите своего персонажа. Выбирайте мудро.
https://uxplanet.org/designers-self-checklist-what-kind-of-designer-are-you-or-want-to-become-b2b3590a071b

Немного разносторонних советов о том, как улучшить маленькие детали в интерфейсе
https://twitter.com/i/moments/880688233641848832

Нужно больше пунктуационных знаков Богу пунктуационных знаков
http://progressivepunctuation.com/

Одна из лучших статей про оптические эффекты в интерфейсах. Здесь сразу объяснено как применить теорию на практике с кучей примеров.

Лично для себя утащил отличный прием как узнать сбалансированы ли визуально иконки: нужно заблюрить весь сет и посмотреть выглядят ли размытые пятна одинаково.

Из этой же статьи, вы узнаете почему новое скругление углов в 47 скетче выглядит более красивым для человеческого взгляда.
https://medium.muz.li/optical-effects-9fca82b4cd9a

Перевод — https://habrahabr.ru/post/338780/

Хорошие примеры веб-дизайна, разбитые на составляющие: футер, социалки, фичи, навигация и т.д.
http://www.goodweb.design/

Max Rudberg в двух статьях рассказывает, как правильно проектировать и адаптировать нижние и верхние элементы под iPhone X. Понравилось, что в статье описаны все нужные размеры и отступы элементов.

http://blog.maxrudberg.com/post/166045445103/ui-design-for-iphone-x-top-elements-and-the-notch

http://blog.maxrudberg.com/post/165590234593/ui-design-for-iphone-x-bottom-elements

Илья Бирман рассказывает про принцип одной ссылки.

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

https://ilyabirman.ru/meanwhile/all/one-link/

Если вы забыли о существовании Fluent Design, то вот, посмотрите на работу в этом стиле.
https://medium.com/microsoft-design/from-3d-to-2d-and-back-again-479906df6b47

Команда Яндекс.Такси рассказывает о новом визуальном языке бренда. Примечательно, что они привлекли стороннее агенство для его проработки.
https://medium.com/%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81-%D1%82%D0%B0%D0%BA%D1%81%D0%B8/yandex-taxi-visual-language-a87c69a44ae