Продуктовый дизайн: 20 самых важных материалов за ноябрь08.12.2017 13:36

[ { «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»:»300×500_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» ], «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=» } }, { «id»: 15, «label»: «Плашка на главной», «provider»: «adfox», «adaptive»: [ «desktop», «tablet», «phone» ], «adfox»: { «ownerId»: 228129, «params»: { «p1»: «byudx», «p2»: «ftjf» } } } ]

{ «sections»: [{«id»:0, «label»:»\u0413\u043b\u0430\u0432\u043d\u0430\u044f», «name»: «default», «default»: true},{«id»:4, «label»:»\u0412\u0430\u043a\u0430\u043d\u0441\u0438\u0438», «name»: «vacancies», «default»: false},{«id»:3, «label»:»\u0411\u043b\u043e\u0433\u0438», «name»: «blog», «default»: false}] }

Поиск

Написать

Войти

Уведомлений пока нет

Пишите хорошие статьи, комментируйте,
и здесь станет не так пусто

{ «author_name»: «Саша Море», «author_type»: «self», «tags»: [»\u0434\u0438\u0437\u0430\u0439\u043d»], «comments»: 0, «likes»: 0, «favorites»: 0, «is_advertisement»: false, «section_name»: «blog», «id»:»30340», «is_wide»:» }

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

В избранное

В избранном

Книга об интерфейсах виртуальной реальности

В 2016 году издательство Morgan & Claypool Publishers выпустило книгу Джейсона Джеральда (Jason Jerald) «The VR Book: Human-Centered Design for Virtual Reality». Издание UXmatters опубликовало 28 главу из неё со списком паттернов для интерфейсов виртуальной реальности.

Улучшение пользовательского интерфейса с помощью звуков

Подробная инструкция Кёртиса Далмейджа (Curtis Dulmage) из Shopify по созданию интерфейсных звуков, включая работу с инструментами, запись и пост-обработку. Вторая и третья части.

Интервью с дизайн-командой студии Redmadrobot

Это одна из самых известных студий, специализирующихся на разработке мобильных приложений. История компании началась с запуском App Store в 2008 году.

«Роботы» активно работают с сотовыми операторами («Билайн», «МегаФон», Tele2), банками и финансовыми организациями («Открытие», «Промсвязьбанк», МДМ, «Альфа-Страхование», «Ренессанс»), продуктовыми компаниями (Rambler & Co, ABBYY) и другими крупнейшими отечественными клиентами.

Lona — экспериментальный инструмент компании Airbnb

Airbnb имеет все шансы получить звание главного инноватора в развитии дизайн-систем. Новый экспериментальный инструмент Lona позволяет собирать компоненты в коде для разных платформ и Sketch на базе спецификации переменных визуального стиля и своего языка разметки компонентов. Пока, правда, можно только скомпилировать самостоятельно.

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

  • Design Systems Handbook: InVision выпустили методичку по созданию дизайн-систем от Marco Suarez, Jina Anne, Katie Sylor-Miller, Diana Mounter и Roy Stanfield.
  • Дизайн-система «МегаФона»: В первой части больше про UI Kit, но есть задел на описание компонентов в коде. Скоро они откроются по адресу ui.megafon.ru.
  • Райан Маккормак (Ryan McCormak) из General Electric рассказывает о подходе компании к развитию дизайн-системы.
  • Design Systems: Figma готовится запустить ресурс про дизайн-системы. Планируют серию мероприятий и статьи по теме.
  • Атомарный дизайн: Полный перевод книги Брэда Фроста (Brad Frost) «Atomic Design» от Ольги Кокулиной.
  • ReactSymbols.com: Новая мода на Dribbble — продавать не только масштабный UI Kit для Sketch, но и React-библиотеку для него.

Новый шаблон карты переходов

Лилиан Варнер (Lillian Warner) предлагает шаблон для набросков карты переходов при проектировании интерфейсов смешанной реальности. В статье есть пример его использования.

Диаграмма навыков продуктового дизайнера

Джейсон Месат (Jason Mesut) 12 лет пытался наглядно представить навыки продуктового дизайнера. В своей статье он показывает все промежуточные варианты диаграммы и даёт шаблон итоговой версии.

Обзор использования версии дизайн-мышления от IBM

Корри Кван, Эрик Морроу и Джон Мюррей (Corrie Kwan, Eric Morrow и John Murray) сделали подробный обзор того, как использовать версию дизайн-мышления от IBM в связке со story mapping в Agile. В двух частях. Получилась интересная модель продуктовой работы с учётом интересов пользователей.

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

  • Haiku: Экспериментальный инструмент обещает легко экспортировать наработки в реальный код.
  • Spirit: Расширение для Chrome, с помощью которого можно редактировать анимацию на странице.
  • FlowMapp: Инструмент позволяет создавать карты сайта в браузере. Это всегда было головной болью, ведь обычно приходится делать их в слабо приспособленном для этого графическом редакторе или не очень наглядном составителе ментальных карт.
  • Sketch: Интересные плагины. SketchViewer обновился и теперь позволяет просматривать макет во всех деталях в вебе, появился улучшенный менеджер стилей и символов, возможность объединения символов с одинаковым названием, менеджер горячих клавиш, быстрое переключение типовых состояний элементов управления, удаление неиспользуемых стилей, подсветка синтаксиса кода для 170 языков, создание сложной графики с помощью Javascript. 27–28 октября в Берлине прошёл прошёл хакатон по созданию плагинов для Sketch.
  • Adobe XD: В ноябрьском обновлении инструмента появились спецификации экранов а-ля Zeplin, колоночная сетка и оптимизация работы для Windows 10. Опубликована сессия вопросов и ответов с командой продукта на Designer News.
  • Framer получила $8 млн инвестиций на развитие инструментов. Будут расширять команду, развивать инструмент и усиливать работу с сообществом. Стив Руиз (Steve Ruiz) реализовал аналог Zeplin для Framer.
  • InVision получила $100 млн инвестиций. Теперь они станут ещё более вездесущими.
  • Figma запускает страницы, на которых можно собрать разные арт-борды и компоненты.
  • UXPin анонсировала на конференции Clarity по дизайн-системам дополнение к инструменту, которое позволит импортировать технологические компоненты с GitHub в макеты Sketch. Идея React → Sketch от Airbnb станет доступна всем. Они также запускают категоризированный каталог дизайн-систем Adele.
  • Pixelmator Pro: Вышла финальная версия инструмента. Предварительный обзор.
  • What the Font: Новое мобильное приложение от MyFonts позволяет определить шрифт по фото.
  • Landbot.io: Онлайн-конструктор промосайтов, построенных вокруг общения с ботом.
  • Как дизайнеры Google используют браузерные плагины для экспериментов с сайтами ― с их помощью меняется стандартный интерфейс у пользователя.
  • MailChimp Landing Pages: Конструктор промосайтов на базе своего редактора писем. Он, правда, один из самых неудобных на рынке, но для тех, кто уже в экосистеме, это может быть привычнее.

Как располагать картинки с перечислениях

Ким Флахерти (Kim Flaherty) рассказывает о сравнительном исследовании двух видов компоновок списка с изображениями: перечисление с иллюстрациями на одной стороне экрана и с чередованием картинок по сторонам (то слева, то справа). Серьёзного влияния на восприятие информации нет, хотя есть нюансы.

Рейтинг юзабилити интернет-банков для физических лиц 2017

UsabilityLab составили очередной рейтинг российских интернет-банков по их интерфейсам. В презентации разбираются удачные паттерны.

Развитие мобильного дизайна справа налево

Роберт Додис и Иветт Мосийчук (Robert Dodis и Yvette Mosiichuk) достаточно подробно описывают особенности адаптации мобильных интерфейсов для языков, которые читаются справа налево.

Секреты организации работы дизайнеров

Дизайн-менеджер Spotify Стэнли Вуд (Stanley Wood) посетил 20 ведущих продуктовых компаний США и пообщался с их дизайн-командами. Он сделал огромное количество заметок на тему их организации, процессов и инструментов, часть из которых описал в статье.

Другие рассказы о дизайн-командах:

  • Сооснователь британской дизайн-студии Clearleft Энди Бадд (Andy Budd) рассказывает о том, как устроена работа дизайн-команды в компании и как она всё чаще выступает как внешняя группа дизайн-менеджеров для развития компетенций у клиента.
  • Интервью с одним из вице-президентов по дизайну Intuit Куртом Волеки (Kurt Walecki) о том, как устроена работа над интерфейсами в компании.
  • Кэт Смолл и Джессика Харли (Catt Small и Jessica Harllee) рассказывают о том, как работают дизайн-команды в Etsy.
  • Джонни Бёрч (Jonny Burch) рассказывает о принципах дизайн-команды сервиса доставки еды Deliveroo.

Эволюция дизайна бренда Adobe

Соня Хернандез (Sonja Hernandez) продолжает рассказ о ребрендинге продуктов Adobe и поднимает историю развития иконок приложений. В свежем обновлении Creative Cloud они сделали ещё один шаг по упрощению работы с ними и систематизации всей линейки. Полезно для тех, кто заведует большой линейкой продуктов.

Нужно ли использовать эффект наблюдателя в ходе юзабилити-тестирования

Джефф Суаро (Jeff Sauro) поднимает исследования на тему влияния «эффекта наблюдателя» на респондента в ходе юзабилити-тестирования. Результат неоднозначный, железобетонных доказательств нет.

Действия дизайнера на каждом этапе развития продукта

Джули Чо (Julie Zhuo) описывает здравый подход продуктового дизайнера на всех этапах жизненного цикла продуктов.

Мастер-класс по дизайну мобильных интерфейсов

Обновлённая версия трёхчасового мастер-класса Люка Вроблевски (Luke Wroblewski) по дизайну мобильных интерфейсов.

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

Конференция по дизайн-менеджменту и UX-стратегии от Rosenfeld Media прошла в Нью-Йорке 6–8 ноября. Натали Хэнсон (Natalie Hanson) конспектировала все выступления. Участники конференции также запустили блог на Medium.

Выступления на конференции Leading Design 2017

Конференция по дизайн-менеджменту цифровых продуктов Leading Design прошла 25–27 октября в Лондоне. Опубликованы презентации и видео выступлений. Мой коллега Андрей Сундиев сделал обзор наиболее интересных.

«Мы часто забываем о бренде, оценивая впечатление пользователя»

Руководитель UX-лаборатории Mail.Ru Group Ксения Стернина рассказала журналу Prototypr о том, как бренд влияет на восприятие продукта на примере поисковых систем. На три абсолютно одинаковых страницы с поисковой выдачей поставили логотипы «Яндекса», Google и mail.ru, а пользователи оценили качество одинаковых результатов по-разному.

#дизайн

Показать еще

Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень

Подписаться на push-уведомления

©  vc.ru