Дизайн
Yury Vetrov
6011

Фильм о UX-дизайне, инструкция по созданию тёмной темы и другие материалы и исследования о дизайне интерфейсов

Дайджест бывшего директора по дизайну Mail.ru Group Юрия Ветрова.

В закладки
Аудио

В 2018 году мы провели исследование для внутренних задач: какие дизайн-команды в отечественных продуктовых компаниях самые сильные. В 2019 году опрос доработали, а результаты исследования сделали открытыми. Такой рейтинг будет полезен рынку.

Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно развить.

British Design Council обновил каноническую модель «двойного алмаза», которая характеризует почти любой процесс креативной работы по решению проблем.

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

Дизайн-система «Газпромбанка». Весь базовый набор на месте.

Шикарная памятка Терезы Мэн из Superhuman по созданию тёмной темы оформления. Советы подкреплены примерами и теоретическими выкладками.

Шикарная памятка Нейтана Кёртиса по ведению дизайн-системы как проекта в Jira. Постановка и группировка задач, версионирование и другие ключевые аспекты. Ещё две свежие статьи от него: обзор методов тестирования и коммуникация обновлений.

Contented опубликовала фильм в свободном доступе. Он сделан на основе одноимённого курса, запущенного в 2017 году. У нас получилась отличная теоретическая основа, которая неплохо раскрывает суть работы дизайнера интерфейсов.

Этот фильм должен помочь начинающим специалистам разобраться в профессии. В 2019 году его показали в нескольких городах на большом экране, а теперь он доступен и в интернете.

Userzoom провела опрос-исследование UX-рынка среди своих клиентов. Фокус на методах и инструментах пользовательских исследований, но есть и общий кусок про дизайн-команды в компаниях.

Новые инструменты дизайна

  • Figma позволит публиковать свои макеты и шаблоны в публичном профиле. Также появилась автоматическая анимация (Лукас Че воссоздал характерные анимации из iOS).
  • Sketch 59: поддержка вариативных шрифтов и широких возможностей OpenType. Плагины: Pexels, много источников данных, и Puzzle Tokens, аналог токенов на Less для Sketch.
  • Каталог плагинов для Sketch, Adobe XD и Figma от команды Flawless.
  • Bubbles: ещё один сервис для комментирования сайтов. Работает через плагин в браузере.
  • Abstract: памятка Брайана Мортенсена из Progressive Leasing по работе дизайн-команды.

Рейчел Крауз из Nielsen Norman Group описывает три формата интеграции задач по дизайну в общий бэклог agile-команды.

Джефф Сауро пытается дать более измеримое определение понятию delight, к которому стремятся многие продукты. В целом это совмещение неожиданного и приятного, которое связано с удовлетворённостью.

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

Команда Usethics рассказывает о связке методов персонажей и Jobs to Be Done на примере условного продукта.

Мощная памятка по ведению гайдлайнов voice and tone от Андреи Другей из Dropbox. Она даёт советы по всем аспектам: обновление, ведение рабочих групп, внутренний маркетинг.

Дизайн-система Adobe. Токены, анимация, accessibility, локализация. Хотя вместо реальных компонентов — скриншоты.

Юлия Кингсеп из UX-лаборатории Mail.ru Group рассказывает о методах парного юзабилити-тестирования интерфейсов.

Уилсон Майнер и Дерил Куперсмит из Stripe описывают подход к созданию цветовых палитр в дизайн-системе. Они используют цветовую модель Lab (CIELAB) вместо самой горячей сейчас HSL, потому что она более реалистично передаёт освещённость.

Обзор ключевых научных публикаций, проверяющих работоспособность или критикующих NPS. Джефф Сауро собрал только те, которые могут считаться авторитетными.

Алита Джойс из Nielsen Norman Group показывает, как измерить обучаемость работе с интерфейсом.

Аврора Харли из Nielsen Norman Group пишет о «тщеславных» метриках и том, как правильнее оценивать эффективность интерфейса.

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

За свежими ссылками также можно следить:

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["\u044e\u0440\u0438\u0439\u0432\u0435\u0442\u0440\u043e\u0432","\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b\u0434\u0438\u0437\u0430\u0439\u043d\u0430","\u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442"], "comments": 6, "likes": 30, "favorites": 318, "is_advertisement": false, "subsite_label": "design", "id": 92785, "is_wide": false, "is_ugc": true, "date": "Fri, 15 Nov 2019 12:38:44 +0300", "is_special": false }
0
{ "id": 92785, "author_id": 8729, "diff_limit": 1000, "urls": {"diff":"\/comments\/92785\/get","add":"\/comments\/92785\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/92785"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
6 комментариев
Популярные
По порядку
Написать комментарий...
3

инструкция по созданию тёмной темы

@Denis Shiryaev тут годнота подъехала!

Ответить
1

только хотел его призвать

Ответить
–1

Ой, у меня не открывается почему-то 🌚

Ответить
1

Спасибо

Ответить
0

Спасибо, Юрий. Как всегда интересная подборка.

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }