Дизайн Yury Vetrov
3068

Обзор интерфейсов всех версий Photoshop, инструменты для пользовательских исследований и другие новости дизайна за июль

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

В закладки

Which UX Research Method to Use

Елена Бородина из «Газпромбанка» описала мощный фреймворк для выбора методов пользовательских исследований. Она приводит три проекта из недавнего опыта и показывает логику принятия решений. Полная версия.

User Inyerface — A worst-practice UI experiment

Гениальный сайт, показывающий массу интерфейсных ошибок на деле. Как не надо использовать привычные паттерны и ломать привычки пользователей.

Really Good Emails 2.0

Обновилась коллекция паттернов хороших писем рассылки. Они разбиты по категориям для удобства навигации.

What Are Data Visualization Style Guidelines?

Эми Сизал на примерах рассказала о визуализации данных в дизайн-системах и просто гайдлайнах.

Grow as a Design Manager Collection

Толковая подборка советов для дизайн-менеджеров от сообщества Playbook. Опытные люди из отрасли отвечают на частые вопросы об управлении командами и построении процессов.

29 Years of Adobe Photoshop Design History

Обзор интерфейса всех версий Adobe Photoshop.

DesignOps 101

Кейт Каплан описывает фреймворк DesignOps от Nielsen Norman Group. Толково сгруппированные точки фокуса дизайн-менеджера и команды по трём направлениям: организации самой команды, эффективности работы и выхлопа для продукта.

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

  • Sketch 56. Улучшение работы с группой объектов, замена текста в символе прямо на макете (не в панели overrides) и мелкие доработки интерфейса. Бета-версия для команд. Общее рабочее пространство в облаке (теперь макеты можно сохранять сразу туда) с управлением всей рабочей группой. Плагины. Anima 4, Envato Elements и инструкция от Мэтта Кёртиса (вторая часть).
  • Figma. Появились плагины. Сейчас в каталоге несколько десятков штук: автоматические отступы внутри элементов и организация макетов, заполнение контентом, прототипирование и анимации и другие полезные утилиты. Есть обзор наиболее интересных, а также документация для разработчиков. Интервью с Диланом Филдом об истории инструмента, формате работы команды и планах на будущее. Шаблоны для создания wireframes и интерфейсных диаграмм в Sketch и Figma.
  • Drama. Новый универсальный инструмент дизайна от создателей PaintCode. Набор возможностей достаточно стандартный — рисуем макеты, делаем интерактивный прототип, обогащаем анимацией.
  • Mason. Конструктор сайтов на базе библиотеки React-компонентов, которые можно менять в визуальном редакторе. Обзор.
  • Brizy. Ещё один конструктор промосайтов.
  • Adobe Fresco. Приложение для иллюстраторов на iPad, которое выросло из прототипа Project Gemini. Упор на кисти, которые воспроизводят поведение реальной краски.
  • Photopea. Бесплатный графический редактор в браузере. Открывает массу форматов — PSD, Sketch, Adobe XD, RAW и другие. AMA с создателем.
  • Framer. Библиотека интерфейсной анимации на React от команды Framer.
  • Record Screen. Простой сервис для записи видео из браузера.

Popups: 10 Problematic Trends and Alternatives

Топовая памятка Анны Кейли из Nielsen Norman Group помогает избегать плохих решений с использованием попапов. Попапы — тяжёлый интерфейсный паттерн, прерывающий работу пользователя, так что нужно делать это крайне аккуратно.

Extending Atomic Design

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

Команда мечты: как мы снимаем напряжение и сближаем людей

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

d.school Public Library

Структурированная библиотека толковых ссылок по дизайн-мышлению от d.school.

How Uber designed its Lite app for the rest of the world

Рассказ о создании упрощённой версии приложения Uber для стран с медленным интернетом и слабыми телефонами. Они отказались от карты и перестроили работу продукта, который, казалось бы, не может без неё. Перевод.

Дизайн-процесс «Яндекс.Авто»

Василий Сергеев подробно описал процесс проектирования, дизайна и тестирования автомобильного интерфейса «Яндекс.Авто», который используется в ряде моделей на рынке и каршеринге.

What I Learned Co-Founding Dribbble

История создания Dribbble в 20 советах от его сооснователя Дэна Сидерхольма.

Sprout Social Design System History

Чейз Маккой рассказывает об истории создания дизайн-системы Sprout Social и её текущих возможностях.

А как у других? Сравнительный обзор отчетов о юзабилити-исследованиях

Разбор очередного регулярного эксперимента Рольфа Молиха по сравнению методов разных UX-специалистов. 16 команд провели сессию юзабилити-тестирования сайта Ryanair и написали отчёт с обзором проблем по его итогу. Статья разбирает общее и различное в них. Оригинал.

The 2019 Essential UX Research Tools Map

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

Designing A New UX Concept to Reduce Driver Distraction

Концепт управления мультимедийными и навигационными функциями машины от дизайнеров Renault. Это две сенсорных площадки под большими пальцами вместо физических кнопок.

Dark Patterns at Scale — Findings from a Crawl of 11K Shopping Websites

Мощное исследование тёмных паттернов в интернет-магазинах. Пристонский и Чикагский университеты изучили 11 тысяч сайтов и оценили частоту встречаемости проблем.

Running remote one-on-ones — Best practices and templates

Егор Коробейников из Miro даёт советы по проведению встреч один на один в распределённых командах. Он предлагает свой шаблон в Miro для фиксации тем обсуждений и результатов.

Полная версия дайджеста — в моём блоге.

Подписаться на дайджест:

#ux

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

Написать
{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["ux"], "comments": 1, "likes": 30, "favorites": 136, "is_advertisement": false, "subsite_label": "design", "id": 78169, "is_wide": true, "is_ugc": true, "date": "Mon, 05 Aug 2019 17:07:59 +0300" }
{"average":25528,"one":95,"ten":74}
Сколько денег вы откладываете в месяц?
Ответьте и узнаете, сколько копят другие.
0 ₽
70 000+ ₽
0 ₽
{ "id": 78169, "author_id": 8729, "diff_limit": 1000, "urls": {"diff":"\/comments\/78169\/get","add":"\/comments\/78169\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/78169"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
1 комментарий

Популярные

По порядку

0

mail.ru?

Ответить
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": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "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, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления
{ "page_type": "default" }