{"id":7016,"title":"\u0423\u0433\u0430\u0434\u0430\u0439\u0442\u0435 \u0433\u043e\u0440\u043e\u0434\u0430 \u043f\u043e \u0437\u0432\u0443\u043a\u0443 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u043f\u0438\u0432\u0430 \u0438 \u043f\u0435\u043d\u0438\u044e \u043a\u0438\u0442\u043e\u0432","url":"\/redirect?component=advertising&id=7016&url=https:\/\/vc.ru\/special\/sound&placeBit=1&hash=6ca24c77fedb0a01bd41595a6fbd498b5375a294c2e3b54a129aa318671b77a3","isPaidAndBannersEnabled":false}
Дизайн
Yury Vetrov

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

Традиционный дайджест директора по дизайну «Райффайзенбанка» Юрия Ветрова.

Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1260 человек — в два раза больше, чем в 2018 году. Бонусом собрал список заметных продуктовых дизайн-команд со ссылками на их сайты, блоги и дизайн-системы.

Шикарная памятка по проектированию и дизайну интерфейса перетаскивания от Page Laubheimer из Nielsen Norman Group. Как сделать его хорошо в вебе и на мобильных.

Шикарнейший чек-лист для работы над компонентами (да и любой другой частью) дизайн-системы от Nathan Curtis. Какие этапы он проходит от предложения до выкатки с подробным списком конкретных шагов. Он также показывает разницу в трудозатратах на создание компонента с нуля и в рамках дизайн-системы. Изначально она не в пользу дизайн-системы, но компенсируется позже.

Linette Voller из Atlassian предлагает крутую модель для системного описания текстов в интерфейсе. Она использует идею слоёв Jesse James Garrett и раскладывает все инструменты для текстовой коммуникации по ней.

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

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

  • Figma: прошла первая конференция Config 2020. Улучшенный Auto Layout, выбор цветов и шрифтов, ссылки на любые объекты и страницы внутри документа (или вообще внешние), поддержка новых способов управления в прототипах (клавиатуры, игровые джойстики, устройства для пользователей с ограниченными возможностями). Видео выступлений. Интервью с Dylan Field и Noah Levin.
  • Плагины для Figma: памятка Yuan Qing Lim по грамотному интерфейсу и инструкция Dan Hollick по созданию. Maze для юзабилити-тестирования; Ditto для совместной работы над текстами; JSON to Figma подгружает данные из JSON; Type Today для библиотеки шрифтов отечественной словолитни.
  • Sketch 63: улучшения интерфейса без явного фокуса. И развитие облака.
  • Flow Fields: инструмент позволяет делать анимированные линии потоков. Похожие эксперименты от Tyler Hobbs.
  • Кажется, самый позорный тренд последних лет теперь точно будет везде. Генератор теней для неоморфичных элементов в вебе.
  • Abstract: купили украинскую команду Flawless.
  • Iconset: инструмент позволяет хранить набор пиктограмм и раздавать его в популярные инструменты дизайна. Есть версия для Windows.
  • Anicons: иконочный шрифт с анимацией и поддержкой разных цветов.
  • TinkerSynth: простой инструмент для генеративных абстрактных изображений по модели синтезатора.
  • Open Peeps: ещё одна бесплатная библиотека иллюстраций с конструктором типажей от любимчика отрасли Pablo Stanley.
  • Seamless Pattern Generator: генератор фоновых паттернов на чистом CSS.
  • Zeplin 3.0: появились API и возможность дать ссылку на компонент в коде.

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

Отличная памятка Kate Moran из Nielsen Norman Group по расчёту ROI дизайна. Как выбрать подходящие метрики и конвертировать их в деньги.

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

Jim Lewis и Jeff Sauro напоминают про три основные цели юзабилити-тестирования: обнаружение проблем, сравнение с конкретным показателем или другим интерфейсом. Хорошо описана суть каждого.

Raluca Budiu из Nielsen Norman Group собрала выкладки из исследований о восприятии тёмной и светлой тем. В большинстве случаев светлая тема облегчает чтение.

Kate Kaplan из Nielsen Norman Group сделала памятку по встречам и рабочим сессиям, которые может проводить дизайн-команда. Она также показывает разницу между форматами и рекомендацию по использованию в типичных ситуациях.

Годный разбор истории появления дизайн-мышления и вообще системных подходов к дизайну от Maggie Gram. И, само собой, проблемы с их маркетингом, когда такой шильдик применяется не к месту.

Frederick O’Brien разбирает особенности вёрстки для устройств с гибкими экранами. Отличаются ли они от обычной поддержки адаптивности и какие стандарты и наработки уже есть.

Raluca Budiu из Nielsen Norman Group описывает теорию «информационного чутья», которое помогает пользователям оценивать потенциальную полезность информации на сайтах.

Елена Бородина рассказывает о тестировании визуального дизайна в «Газпромбанке». С помощью пятисекундного теста собирали ключевые реакции — насколько они соответствовали изначальным ожиданиям команды.

Язык алгоритмического дизайна от компании Standard Notation. Принципы, паттерны, процессы.

Умер Larry Tesler, один из ключевых людей в истории современных интерфейсов :( Он работал в легендарной лаборатории Xerox PARC, а потом — в первые золотые годы Apple. Предложил концепцию Сopy & Зaste при работе над экспериментальным текстовым редактором, пропагандировал отказ от модальности в интерфейсах.

Ему приписывают авторство ключевых фраз «user friendly» и «what you see is what you get». Он был одним из тех, кто показал наработки Xerox PARC Стиву Джобсу (и дальше помог внедрять их в Macintosh изнутри Apple). Кажется, из этой эпохи легенд остался только Alan Kay.

Kara Pernice из Nielsen Norman Group описывает подход к делению сценария юзабилити-тестирования на составляющие, которые дают разную наводящую информацию. Это позволяет проверить не только удобство работы с функциональностью, но и её обнаруживаемость.

Alaine Mackenzie из Shopify даёт советы по управлению удалёнными дизайн-командами. Она отмечает, что сложность зависит от степени распределённости и, как ни странно, проще всего с полностью рассредоточенными людьми — тогда не возникает локальной группы, которая неизбежно становится ядром всех активностей.

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

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

{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b","\u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442","sketch","figma"], "comments": 1, "likes": 8, "favorites": 63, "is_advertisement": false, "subsite_label": "design", "id": 111671, "is_wide": true, "is_ugc": true, "date": "Wed, 11 Mar 2020 14:03:35 +0300", "is_special": false }
0
1 комментарий
Популярные
По порядку

Кажется, самый позорный тренд последних лет теперь точно будет везде. Генератор теней для неоморфичных элементов в вебе.

За описание этого тренда отдельное спасибо.

5
Читать все 1 комментарий
Мне было скучно осваивать четвёртый иностранный язык и я создала CrossLingo — кроссворды для изучения английских слов

Привет! Меня зовут Екатерина и у меня есть три страсти: программирование, изучение языков и головоломки. Однажды я решила их объединить и так возникло CrossLingo — приложение для изучения иностранных слов по кроссвордам. Оно умеет генерировать англо-русские кроссворды на лету по заданным уровням и темам.

Госдеп США рекомендовал россиянам подавать документы на американскую иммиграционную визу в Варшаве Статьи редакции

Неиммиграционные визы можно подавать в любых посольствах и консульствах США.

Geforce Now. Очереди более 30 минут, лаги и тормоза на платном тарифе

GeForce Now Russia не выдерживает никакой критики как платный сервис. При стоимости 999р/месяц вы получаете очереди из таких же "счастливчиков", постоянные лаги видео и аудиопотоков и неадекватно высокую нагрузку десктопного приложения при запуске игры.

Как re-store обманул меня с предзаказом Apple Watch 7

Иногда, желание приобрести новинку в подарок чуть выше здравого смысла, вот и я 8 октября совершил предзаказ на Apple Watch 7 в re-store.

ПСБ запустил личный кабинет для предпринимателей. Там можно следить онлайн за каждым своим терминалом

Сервис предоставляется бесплатно.

Как не попасть в карьерную ловушку тимлида: личный опыт

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

7 причин начать пользоваться Bright Data Proxy Manager:
«За гранью ума»: сооснователь YC Пол Грэм о том, почему одного интеллекта недостаточно, чтобы создать что-то новое Статьи редакции

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

Пол Грэм Medium
6 советов по защите от фишинга

В Европе и США октябрь является месяцем NSCAM (VNational Cyber Security Awareness Monthzz. NSCAM — это кампания по повышению осведомленности общественности в сфере кибербезопасности. В связи с этим ресурс checkpoint рассказал, как противостоять фишингу.

Cloud CDN: что это такое, как устроено и кому нужно. Разбираем на примере бургеров

Cloud CDN — это сеть быстрой доставки статического контента в формате услуги облачного провайдера. Объяснить, как работает технология, проще всего на примере — сравнить Cloud CDN с популярным продуктом, который выглядит плюс-минус одинаково вне зависимости от того, заказали вы его в Москве, Питере или Нью-Йорке. Знакомьтесь: классический бургер.…

Как OTUS стал платформой для самореализации. История преподавателя

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

null