[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "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", "tablet" ], "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", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "create", "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-158433683", "adfox_url": "//ads.adfox.ru/228129/getCode?p1=bxbwd&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&fmt=1&pr=" } } ]
{ "author_name": "Vladislava Rakhmanova", "author_type": "self", "tags": ["\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 2, "likes": 18, "favorites": 35, "is_advertisement": false, "section_name": "default", "id": "24997" }
Vladislava Rakhmanova
3 179

Продуктовый дизайн: 20 самых важных материалов за июнь

Дайджест руководителя портальной дизайн-команды Mail.Ru Group Юрия Ветрова.

Поделиться

В избранное

В избранном

Уже семь лет Юрий Ветров публикует в своём блоге регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок он отбирает примерно 5% стоящих публикаций, которыми интересно поделиться среди экспертов. Специально для vc.ru Юрий Ветров собрал выжимку из 20 самых интересных ссылок за июнь.

Dashboards — Making Charts and Graphs Easier to Understand

Отличный обзор сложности восприятия различных способов представления информации на дашбордах от Пейджа Лаубхеймера из Nielsen/Norman Group.

The State Of Advanced Website Builders

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

In the future, design principles won’t be about design

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

All Thumbs, Why Reach Navigation Should Replace the Navbar in iOS Design

Брэд Эллис разбирает способы отказа от верхней панели навигации в мобильных устройствах — с современными размерами телефонов работать с ней непросто.

20 лекций TED для дизайнеров

В блоге Tilda собраны добротные выступления на TED, относящиеся к дизайну.

UX & NPS Benchmarks for Consumer Software (2017)

Джефф Сауро опубликовал результаты исследования NPS для 17 популярных профессиональных программ и веб-сервисов. Согласно данным, показатель SUS (system usability scale) отвечает примерно за треть оценки рекомендующих продукт пользователей.

Alla Kholmatova — Design Systems

В сентябре Smashing Magazine выпускает книгу Аллы Холматовой «Design Systems». Оформить предзаказ и прочитать первую половину можно уже сейчас. Вторая глава доступна бесплатно.

Другие новости дизайн-систем:

  • Натан Кёртис рассказал, как можно применить методику OKR для планирования работ по дизайн-системе, и привёл несколько условных примеров. Правда, годовой план противоречит изначальной идее динамичности, предполагающей задумывать на квартал.
  • Отличное интервью с Дэном Мэллом о дизайн-системах. Много толковых мыслей о реальной работе над ними и подводных камнях внедрения.

What On Earth Is A Brutalist Website? 5 Things Today’s Designers Can Learn From Brutalism

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

Сайт Аллана Ю: «Грубый? Возможно. Гранжевый? Пожалуй. Но разве это можно назвать "брутализмом"?»

iOS 11

Анонсирована iOS 11. На самой презентации WWDC деталей про обновление мобильной ОС было немного, зато в бета-версии видно, что стилистика приложения Apple Music становится основой визуального языка платформы:

  • Крупные заголовки и в целом уход от тонких шрифтов.
  • Залитые иконки вместо контурных: наконец-то можно будет унифицировать Android- и iOS-приложения. Стали залитыми и круги вокруг цифр при наборе номера.
  • Оркестровка анимации в духе Material Design: например, крупный заголовок превращается в кнопку «назад» при уходе вглубь навигации, а то, как выполнен переход в информацию о приложении в магазине, совсем уж похоже на то, что делает Google.
  • Сочные изображения используются всё чаще: обновлённый App Store по компоновке экранов теперь похож на Google Play (хотя экран приложения жутко перегружен).
  • Все всплывающие слои строятся по принципу уведомлений и меню: например, написание письма в стандартном почтовом клиенте.
  • Возможность полноценной работы со скриншотами, в том числе редактирование. Значительно упростит жизнь тем, кто работает над продуктами.

Здорово, что после безликой iOS 7, которая в своё время скопировала проблемы Windows Phone и его тысяч «однояйцевых» приложений, у платформы появляется яркое лицо.

iPad продолжает пытаться развиваться в сторону замены компьютеру: перетаскивания между двумя открытыми приложениями, панель задач а-ля doc в MacOS, файловая система, расширенная работа с пером (ещё). Хотя постоянное падение продаж в последние годы говорит о том, что развивается он не совсем в ту сторону. Единственное, что намекает на светлое будущее, — появление почти полноценного аналога Affinity Photo.

Материалы для дизайнеров:

How Logos Became the Most Important Quarter-Inch in Business

Интересный взгляд Fortune на историю брендинга. Обозреватель пишет о том, как цифровой продукт и интерфейс со временем стали для него определяющими.

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

  • ​Adobe XD: в июньской бете наконец-то появились символы, включая переопределение состояния конкретной копии. Улучшена работа со слоями и градиентами.
  • InVision: Craft и Getty Images заключили партнёрство и запустили бесплатный фотобанк внутри плагина, а также серьёзно обновили Craft Library.
  • Sketch: вышла версия 45. Интересные плагины: Symbol Spacer позволяет сохранять стандартные отступы между элементами, используя Auto Layout; Sync to Slides синхронизирует макеты с презентацией на Google Slides; Chromatic создаёт гармоничные градиенты; UXperiment позволяет создавать интерактивные прототипы и на их основе проводить эксперименты; Looper 2.0 генерирует что-то вроде фракталов из простых форм.
  • Framer: готовые шаблоны-паттерны типовых взаимодействий, позволяющие быстро начать работу над прототипом. Команда создателей рассказала о новом поколении инструмента. Видеокурс.
  • Gravit: вышла версия 3.1.

Master React — Unleash Your Design Superpower

Онлайн-курс по React для дизайнеров.

Crafting an Effective Working Group

Джессика Харли рассказывает о формате ситуативных рабочих групп для решения сложных дизайнерских задач в Etsy.

Ещё о структуре дизайн-команд:

  • Кап Уоткинс рассказала о третьей версии описания дизайнерских ролей в Buzzfeed. Описание ролей.
  • В ежегодном прогнозе трендов развития интернета от Мэри Микер из KPCB слайд №188 посвящён росту количества дизайнеров в крупных компаниях — хороший индикатор зрелости отрасли.

Web Design Museum

Коллекция старых сайтов с 1996 по 2005 годы. Накоплено 800 примеров.

Сайт eBay, 2002 год

Microsoft Mixed Reality Design Guidelines

Microsoft опубликовала дизайн-гайдлайны по проектированию интерфейсов смешанной реальности. Анонс.

Game Thinking

Методология Game Thinking предполагает использование опыта работы над играми при создании более привычных цифровых продуктов. Обзор методологии от Эми Джо Ким.

Designing Facebook Spaces

Кристоф Тозьет подробно рассказал о работе над Facebook Spaces, попытке создать социальную сеть в виртуальной реальности. Особенно интересна последняя часть, где показаны эксперименты с разными интерфейсными подходами.

Sound Kit for Prototypes

Библиотека интерфейсных звуков от дизайн-команды Facebook. Лицензия позволяет использовать их только в прототипах. Советы по работе со звуком в интерфейсе от Уилла Литтлджона.

Конференции по дизайн-менеджменту и UX-стратегии

За последние пару месяцев прошли три ключевые конференции для дизайн-менеджеров: UXSTRAT 2017 (презентации), Enterprise UX (конспекты выступлений от Натали Хэнсон) и LX Conference 2017 (видео выступлений и обзор от Рахши Сойер).

Как я прочитал все выпуски продуктового дайджеста

Кирилл Улитин подготовил масштабный анализ дайджестов продуктового дизайна за семь лет — основные темы, ключевые слова, упоминаемые люди, компании и так далее.

Вместе с названием (изначально всё называлось «Обзор свежих материалов по проектированию интерфейсов», позже перешло в более широкое — «Дайджест продуктового дизайна») менялись рубрики (стали обширнее), степень фильтрации (меньше публикаций на совсем базовые темы), подход к подготовке (сотрудничество с vc.ru мотивировало к регулярности), добавилась рассылка.

На сайте UX Buzzwords есть интерактивная версия. Всегда хотел проанализировать архив выпусков, но не хватало времени и навыков. В июне количество подписчиков превысило 15 000 — новая планка для отечественных групп по дизайну в Facebook.

Читайте полную версию дайджеста в моем блоге. В нём, как обычно, много новых материалов по дизайну для Apple Watch, Android Wear, Material Design, расширений для Sketch, свежих скриптов и ещё тонна всего. За свежими ссылками также можно следить в группе на Facebook — спасибо всем, кто помогает наполнять её. Вы также можете получать свежие обзоры по почте.

#Интерфейсы

Популярные материалы
Показать еще
{ "is_needs_advanced_access": false }

Комментарии Комм.

0 новых

Популярные

По порядку

Прямой эфир

Команда калифорнийского проекта
оказалась нейронной сетью
Подписаться на push-уведомления