Оффтоп Philipp Kontsarenko
6 943

20 важных материалов по продуктовому дизайну за прошедший месяц

Уже почти пять лет руководитель портальной дизайн-команды Mail.Ru Group Юрий Ветров публикует в своем блоге регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из ленты нескольких сотен тематических подписок он отбирает примерно 5% стоящих публикаций, которыми интересно поделиться среди экспертов. Специально для ЦП Юрий Ветров собрал выжимку из 20 самых интересных ссылок мая.

Обновление Google Design

На конференции I/O 2015 Google показала Android M, а также серьезно обновила гайдлайны по всем платформам. На сайте Google Design вместо карточек — тайлы, активно продвигается шрифт Roboto Mono — возможно, в этом году нас ждет бум интереса к моноширинным шрифтам.

Психология цены

Работа с ценами, их отображением является важной частью дизайна для конверсии. Ник Коленда подготовил очень и очень крутой обзор психологических стратегий и дизайнерских методов представления цен продуктов. Этот материал — в закладки и регулярно перечитывать. Такие мощные вещи попадаются раз в несколько месяцев.

Android Wear vs. Apple Watch

Люк Вроблевски сравнил принципы работы и особенности использования Android Wear и Apple Watch. Он приводит к выводу о том, что на текущий момент на умных часах нужны в первую очередь действия, а не приложения — они слишком тяжеловесны.

В появившейся чуть раньше статье Вроблевски говорит о том, что скрытие видимой части интерфейса зачастую просто переносит его в память пользователя — ему нужно знать все жесты, горячие клавиши и другие действия, которые явно не показаны в интерфейсе. Он приводит в пример Android Wear и Apple Watch, где надо помнить очень много для работы с интерфейсом.

Хранение результатов пользовательских исследований

В прошлую среду компания OptimalWorkshop выпустила очень полезный инструмент для хранения результатов пользовательских исследований и поиска по ним.

Разработчики пытаются решить реальную проблему — часто результаты тестирований хранятся в разрозненных документах, в разных местах, и информация внутри них никак семантически не связана. Здесь же — всё в одном месте, помечено тегами и связано. Сейчас инструмент довольно простой, но думаю, через год-другой ребята сделают нормальный трекер юзабилити-проблем и решений.

Flawless app

Технологическое решение, которое улучшает коллаборацию UI-дизайнеров и front-end-разработчиков в удаленных проектах. Сервис позволяет автоматически создавать гайдлайны и сравнивать начальный дизайн с имплементацией разработчика.

В конце июля выходит beta-версия. Авторы открыты для общения с теми, кому знакомы проблемы траты времени на ручное создание гайдлайнов и мутную проверку имплементации «на глаз».

Индекс рыночной стоимости компаний

Джанин Рэй из Design Management Institute рассказала об индексе рыночной стоимости Design Value Index (DVI) для компаний, которые активно вкладываются в дизайн. Он, правда, работает только для крупных и давно существующих компаний и имеет массу оговорок, но в любом случае интересен.

Тренды 2015

  • Дизайнер Бенжи Мосс написал заметку об использовании генеративных паттернов и других сложных визуальных структур в современном вебе, созданных с помощью веб-стандартов.
  • Прогноз интернет-трендов на 2015 от KPCB
  • Джефф Сауро собрал подборку фактов о пользователях мобильных и планшетов. Это цифры статистических и пользовательских исследований, касающихся общих моментов использования и работы с конкретными сервисами.

Назначение Джони Айва

На прошлой неделе произошло важное для всей профессии событие — Джони Айв получил должность Chief Design Officer в Apple. На C-уровне дизайнеры оказываются нечасто, да еще и в такой знаковой компании.

Роберт Брюнер, который в свое время нанял Айва, дал комментарий о том, почему это важно для всей отрасли. Для справки можно посмотреть полную иерархию корпоративных должностей, условно принятых в тех же Штатах.

Справочник исследований

Джефф Сауро привёл размеры выборки респондентов для разных типов исследований. Очень полезный справочник.

Вайрфреймы без дизайна

Энтони Ти напомнил, что вайрфреймы должны быть черно-белыми, без применения эффектной для подачи стилистики, как все чаще можно видеть на том же Dribbble. Их задача — передать структуру и логику работы экранов, для того, чтобы как можно скорее перейти к дизайну, а не быть отдельным инструментом продажи.

Время и дата в интерфейсах

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

Библиотека паттернов

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

FirefoxOS для ТВ

Mozilla опубликовала гайдлайны FirefoxOS для ТВ. Подход к анимации очень интересный, небольшой рассказ о ее основных принципах.

Выдержки из нового отчета Baymard Institute

  • Кристиан Холст предлагает использовать единую горизонтальную полоску сортировки и фильтрации вместо двух отдельных областей.
  • Джеми Эплсид предлагает задешево персонализировать страницы результатов поиска. На них зачастую выводятся только основные характеристики продукта, но многие запросы касаются второстепенных параметров. Baymard предлагает выводить рядом с продуктом дополнительную информацию, связанную с текущим запросом — так пользователь сможет сравнивать товары без перехода туда-сюда между списком и описанием товара.

Единый язык иконок

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

Flexbox

Книга Лэндона Шроппа о работе с Flexbox с хорошо разжеванными примерами. На сайте можно подписаться на бесплатную рассылку с материалами оттуда, где в наглядном виде рассказывается об основах подхода. Одна из статей-выдержек.

Покупка McKinsey

Консалтинговая компания McKinsey купила сильную дизайн-студию Lunar с хорошей историей (официальное объявление). Цепочка слияний и поглощений в дизайне продолжается и можно делать ставки на тему того, что следующий. Я бы ставил на ustwo, они мало того что безумно круты, так последнее время выпускают один мощнейший проект за другим.

Питер Мерхольц размышляет на тему того, что сейчас происходит разделение рынка дизайн-услуг. Крупные компании-консультанты вроде Deloitte, Accenture, McKinsey пытаются перехватить рынок стратегического дизайн-консультирования — с этим и связаны многие из недавних приобретений.

Традиционные дизайн-агентства вытесняются с уровня стратегии и уровень реализации «больших идей», заданных консультантами. Он дополняет, что, возможно, покупка Lunar связана с успехом Frog на их миллиардном проекте с Disney Magic Band. MicKinsey тоже захотелось застолбить место на рынке дизайн-стратегии.

Исследование клиентов

Джим Росс описал процесс сбора информации у клиента и заинтересованных лиц. Зачем нужно такое исследование, как строятся его этапы, как лучше провести рабочие сессии и что должно стать результатомвсего этого.

Принципы дизайна

Мел Эдвардс прочитал десятки списков дизайн-принципов разных компаний и составил 6 правил их составления. Хороший троллинг излишнего пафоса во многих примерах.

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

#Интерфейсы #top #дайджест #итоги_недели #неделя #лучшее #почитать #что_почитать #дайджесты

{ "author_name": "Philipp Kontsarenko", "author_type": "editor", "tags": ["\u0447\u0442\u043e_\u043f\u043e\u0447\u0438\u0442\u0430\u0442\u044c","\u043f\u043e\u0447\u0438\u0442\u0430\u0442\u044c","\u043d\u0435\u0434\u0435\u043b\u044f","\u043b\u0443\u0447\u0448\u0435\u0435","\u0438\u0442\u043e\u0433\u0438_\u043d\u0435\u0434\u0435\u043b\u0438","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442\u044b","\u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442","top"], "comments": 8, "likes": 15, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 8675, "is_wide": true }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15388' + '59599') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 8675, "author_id": 4, "diff_limit": 1000, "urls": {"diff":"\/comments\/8675\/get","add":"\/comments\/8675\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/8675"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

8 комментариев 8 комм.

Популярные

По порядку

Написать комментарий...
1

Скромно припишу к новостям о дизайне.
Мы перевели наш проект Тех деренвя http://techvillage.ru на Material Design

Ответить
0

Уберите перехват скролла на карте. Так делать зло.

Ответить
0

«Специально для ЦП Юрий Ветров собрал выжимку из 20 самых интересных ссылок мая.»
Интересно, Юрий об этом знает?

Ответить
4

Надеемся просто, что он не заметит.

Ответить
1

Статья про цены крута! Единственное, есть 1 пункт, который зависит от региональных

Tactic 9: Remove the Comma When Possible

Интересно, как влияет разделитель " ". То же самое и про кол-во слогов, в зависимости от языка покупателя, оно будет разным. Неужели в разных странах разная конверсия по одним и тем же ценам.

Ответить
1

Юрий обычно ссылается на англоязычные материалы. Если ссылка в подборке ведёт на перевод или оригинальный материал на русском, было бы удобно видеть соответствующую отметку.

Ответить
0

Учтем. Спасибо.

Ответить
0

Спасибо!!!

Ответить
0

Прямой эфир

[ { "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" } } } ]
Приложение-плацебо скачали
больше миллиона раз
Подписаться на push-уведомления