Дайджест продуктового дизайну, травень 2016

Вже шість років я публікую регулярні огляди свіжих статей по темі інтерфейсів, нових інструментів і колекцій патернів, цікавих кейсів та історичних оповідань. З стрічок кількох сотень тематичних підписок відбирається приблизно 5% стоять публікацій, якими цікаво поділитися. Попередні матеріали: квітень 2010-квітень 2016.

Дайджест продуктового дизайну, травень 2016

Патерни і Best Practices
Infinite Scrolling vs. Pagination
Микола Бабич описує плюси і мінуси нескінченної підвантаження і посторінкової навігації.

Infinite Scrolling vs. Pagination

Дослідження Baymard Institute


UI Interactions
Ще одна колекція анімацій.

Темні патерни


Як працюють зі списками товарів 12 вітчизняних магазинів
Дмитро Сафронов порівняв фільтри, посторінкову навігацію, вид списку, і механизы сортування. У другій частині порівнюються анонси товарів у видачі.

Гайдлайны платформ і компаній
Google I/O 2016
18-20 пройшла щорічна конференція Google I/O 2016. Дизайн-команда Google виділила всі сесії Google I/O, що стосуються дизайну. Тут же з'являються оновлення гайдлайнов. Ось найцікавіші з них:


Google I/O 2016

Інформація про Android N з'явилася задовго до неї, але ось деякі з цікавих анонсів:


The Unlikely Resurgence Of Vintage Graphics Standards Manuals
Meg Miller описує поточний тренд перевидання легендарних брендбуків і гайдлайнов по дизайну. За останні рік-півтора перевыпустили гайди NASA, метро Нью-Йорка, ось-ось вийде British Rail, а також серія збірників. Вони йдуть із золотої ери корпоративної айдентики і незважаючи на те, що і зараз доступні в електронному вигляді, відношення дизайнерів до них особливе.

The Unlikely Resurgence Of Vintage Graphics Standards Manuals

Rediscovering apple's Human Interface Guidelines from 1987
Bryant Hodson прочитав інтерфейсні гайдлайны Apple 1987 року для Macintosh II. Він наводить цитати з них і вони виглядають дуже сучасно.

Building a Visual Language
Розповідь Karri Saarinen про те, як дизайн-команда Airbnb працювала над візуальною мовою, які лежать в основі їх дизайн-системи DLS. AMA з ним.

Building a Visual Language

Інші матеріали про дизайн-системах:


Шаблони Android-телефонів


Розуміння користувача
What's the Difference Between an Experience and a Customer Experience?
Ted Karczewski провів дуже цікаве дослідження — він порівняв, як люди описують поняття «experience» і «customer experience». Виявилося, що перше більш особисте, включає кілька людей і залишається назавжди в пам'яті, в той час як друге більш утилітарно і стосується тільки оповідача.

What’s the Difference Between an Experience and a Customer Experience?

Design for Time Well Spent
В останні роки виходило багато статей на тему психологічних трюків, якими можна активніше залучити користувача в роботу з продуктом. Tristan Harris, колишній фахівець з етики технологій Google, запустив сайт Design for Time Well Spent, присвячений уникненню цих практик. Його стаття на тему. Переклад.



Design In The Age Of The App Icon
Kelsey Campbell-Dollaghan наводить багато теоретичних викладок, що впливають на сприйняття іконок додатків. Крутиться все, звичайно ж, навколо нової іконки додатка Instagram.

Why The Sound Of A Brand Name Matters
Fast Co Design пише про те, як вимова назви бренду впливає на його сприйняття споживачами.

Mental Models and User Experience
Огляд основних понять, що стосуються ментальних моделей.

Accessibility


Dyslexic.com
Сайт збирає матеріали, гаджети, статті, корисні ресурси і безліч всього іншого для дислексиков. Наприклад, є добірка відповідних шрифтів.

Designing A Dementia-Friendly Website
Laurence Ivil і Paul Myles пишуть про те, як адаптувати сайти для людей, які страждають маразмом в медичному сенсі. Вони опитали групу людей, страждаючих цим психічним захворюванням, і склали рекомендації для дизайнерів.

Інформаційна архітектура, концептуальне проектування, контент-стратегія
Content-First Prototyping
Andy Fitzgerald описує цікавий підхід до прототипированию контенту. Він налаштував зв'язку Excel і генератора статичних сайтів Jekyll з парою технологічних прошарків, так що може швидко отримувати інтерактивний прототип з реальним контентом і дуже легко оновлювати його.

Content-First Prototyping

Проектування та дизайн екранів інтерфейсу
Usability Heuristics for Bots
Kevin Scott адаптував класичні евристики Якоба Нільсена для ботів. В кінці статті про оцінює за ним трьох реальних ботів.

Usability Heuristics for Bots

Дуже простий алгоритм підбору кольору, який працює
Михайло Анікін з Яндекса описує алгоритм підбору кольору, який використовувався для Yandex.Launcher. Він задає соковитий і гармонічний фон для картки програми на основі його іконки.

Дуже простий алгоритм підбору кольору, який працює

Design debugging
Цікаві думки команди Bjango на тему того, як може працювати дебаг для дизайнерів. Процес, інструменти, техніки.

Sketch 3.8
Вийшов Sketch 3.8. Перероблений Sketch Mirror і багато невеликих оновлень. Переклад. Інші новини інструменту:


May Update of Adobe Experience Design CC
Вийшла травнева бета Adobe XD. Додалися кадрів області в прототипах і їх повноекранний перегляд, поліпшення роботи з текстом і об'єктами. На наступний реліз ще більше планів, так що, судячи з усього, команда розробки потихеньку набирає потрібний темп. Інші новини інструменту:




InVision Craft


Principle


Flinto
  • Вийшов Flinto 1.5. Розширені можливості анімації, робота зі звуком, створення простих фігур.


Zeplin


Користувальницькі дослідження і тестування, аналітика
Karma Police, arrest this man, he talks in maths: How to mix methods in UX research
Шикарна стаття Олени Лугиной з Shopify про те, як поєднувати методи якісних і кількісних досліджень. Дуже цікавий аналіз того, як і в які моменти відстежується поведінки користувача.

Karma Police, arrest this man, he talks in maths: How to mix methods in UX research

Combining UX Research with Market Research
Jeff Sauro розповідає про те, як поєднувати класичні маркетингові та UX-дослідження. У статті непогана градація методів і цілей їх застосування.

Visualizing Data: Raw vs Difference Scores
Jeff Sauro про те, як правильно візуалізувати порівняння показників. Важливо показувати як загальні значення, так і різницю між ними.

What Could Possibly Go Wrong? The Biggest Mistakes in Usability Testing
Свій список типових помилок при проведенні користувальницьких досліджень призводить Jim Ross.

The Pros and Cons of a Branded Survey
Jeff Sauro порівнює плюси і мінуси проведення користувальницьких опитувань від імені компанії і в знеособленому вигляді.

Візуальне програмування та дизайн у браузері
The Current State of Web Forms
Огляд сучасних технік валідації полів форм.

З концепту на Dribbble код


Noodl


Framer


Нові скрипти


CSS-анімація


Режими накладення шарів


SVG


Метрики і ROI
Measuring your Return on Content» — How to tell whether your content is successful
Відмінна стаття Content Company про те, як вважати ROI для контенту на сайті. Сам підхід «поставити мету → визначити метрики → вимірювати і покращувати» не новий, але цікаво його застосування до контенту.

Measuring your «Return on Content»   How to tell whether your content is successful

Казка про перфоманс-маркетингу
Добре написана простою мовою стаття про те, чому складно гарантувати комерційну успішність продукту, не впливаючи на стратегію. На прикладі перфоманс-маркетингу, але актуально і для інтерфейсів.

UX-стратегія і менеджмент
Paradigm Shift — Report on the New Role of Design in Business and Society
Найпотужніший огляд ключових подій за інституціоналізації дизайну від Gjoko Muratovski. На прикладі продуктових компаній, консалтингових агентств, венчурних фондів, громадських та благодійних організацій він показує, як дизайн стає однією ключовою компетенцій і в цілому критичних для успіху складових. По кожному з прикладів він наводить коротку історію від дизайн-лідерів. Багато, але воно того варте — один з найцінніших матеріалів на тему дизайн-стратегії.

Hyper Island & Teamweek
Студенти Hyper Island зробили довідник методів командної роботи, підвищують залученість. У кожного є опис, шаблони і покрокова інструкція.

Hyper Island & Teamweek

Побудова дизайн-культури


Always Show Your Work — Why designers write on the walls (and why you should, too)
George Aye з Greater Good Studio розповідає, як зібрати недорогу робочу зону для проектних обговорень з мудбордами, концептами та іншими артефактами. Наприкінці наводиться список фурнітури для збірки.

Always Show Your Work   Why designers write on the walls (and why you should, too)

Цілепокладання для дизайнерів




Robert Hoekman Jr. — Experience Required: How to become a UX leader regardless of your role
Наприкінці минулого року вийшла книга Robert Hoekman Jr. «Experience Required: How to become a UX leader regardless of your role». Fast Co Design зібрали з неї 14 фактів про користувачів, які суперечать зарозумілим уявленням багатьох дизайнерів. Інші матеріали про дизайн-лідерах:


Продуктовий менеджмент та аналітика
Google Analytics


Кейси
Редизайн держави. Новий бренд і мова
Добре описаний кейс роботи над новим порталом Держпослуг від Мінкомзв'язку Росії і компанії Rocketmind. До роботи залучалося багато сильних сторонніх фахівців і компаній, в тому числі Максим Ильяхов для текстів. Інші кейси редизайну:


Тренди
State of the Digital Nation 2016
Jules Ehrhardt з ustwo написав шалено крутий лонг-рід про поточний стан агентського бізнесу в умовах переходу дизайн-компетенцій всередину продуктових компаній. Він аналізує причини покупок студій та ринкові передумови для цього, а в підсумку пропонує модель сучасного агентства — воно продовжує робити клієнтську роботу, але також займається власними продуктами та інвестиціями в стартапи. Читання години на півтора, але воно коштує кожної хвилини.

State of the Digital Nation 2016

The hottest trend in Web design is making intentionally ugly, difficult sites
У 2014 році Pascal Deville почав збирати колекцію треш-сайтів Brutalist Websites. У травні його відкопала більш широка аудиторія і він потрапив у заголовки багатьох ЗМІ, у тому числі Washington Post і Fast Co Design. Переклад на російську.

Brutalist Websites

The User Experience of Virtual Reality
Велика колекція статей, книг, відео, презентацій та інших матеріалів на тему віртуальної реальності. Не знаю, наскільки добірка перевірена куратором на предмет корисності, але виглядає переконливо.

The User Experience of Virtual Reality

Інші матеріали про віртуальної реальності:


Месенджери і боти


Автомобільні інтерфейси


Інтернет речей




Для загального і професійного розвитку
The UX of Learning UX is Broken
Dan Maccarone і Sarah Doody міркують про проблеми сучасного короткострокового дизайн-освіти. Короткі курси штампують підлозі-сирих фахівців, яким обіцяють гарантоване працевлаштування. При цьому за фактом компанії вимагають більш серйозного рівня знань і досвіду.

The UX of Learning UX is Broken

May 1st Reboot
У відродженій ініціативи #May1Reboot брало участь більше 3000 проектів. На сайті опубліковано багато з них.

Люди і компанії в галузі
Join an Open Design Critique with Facebook
Facebook запускає ініціативу з дизайн-критиці сторонніх проектів. Якщо опублікувати роботу на Medium з поясненням у форматі «I am showing [early/mid/late] work around [the problem], because [why it's a problem]. And am looking for feedback around [specific focus for feedback]» і тегом FacebookDesignCrit, можна безкоштовно отримати рекомендації від дизайнерів компанії.

Join an Open Design Critique with Facebook

Добірки на Medium


Сесії AMA


Матеріали конференцій
Літні інтенсивні курси по UX/UI в Британській Вищій Школі Дизайну
У Британській Вищій Школі Дизайну кожні півроку проходить Інтенсив по UX&UI, створений Ярославом Шуваєвим. Це 8-денний формат інтенсивної роботи, на якому група студентів працює над навчальним проектом для вебу або мобільних, слухаючи лекції та відвідуючи майстер-класи провідних вітчизняних дизайнерів. Він орієнтований на тих, хто хоче удосконалити свої навички або отримати огляд спеціальності для подальшого розвитку. В результаті група отримує проект від одного з провідних вітчизняних інтернет-компаній в портфоліо і хороший досвід командної роботи.

Літні інтенсивні курси по UX/UI в Британській Вищій Школі Дизайну

На курсі 28 червня-6 липня дизайнери та дослідники Mail.Ru Group розкажуть про те, як сучасні підходи до дизайну інтерфейсів дозволили компанії здійснити якісний стрибок. Наприклад, за останні роки був запущений міжнародний бренд My.com на власну дизайн-систему переводяться цілі лінійки продуктів, мобільні програми постійно потрапляють в офіційні збірки кращого за рік на Android і iOS. Ми ще в середині цього шляху по масштабному оновленню, але багато компанії тільки починають свій шлях до систематизації дизайну і наш досвід буде корисний.

Студенти навчаться працювати по всьому циклу створення цифрових продуктів   дослідження цільової аудиторії та ринку, створення і перевірка концепції, проектування та дизайн інтерфейсу, користувальницьке тестування і аналітика, презентація і захист ідей. На завданнях від найбільших вітчизняних компаній ви відпрацюєте методи і практики створення UX/UI, спробуєте сучасні інструменти прототипування та дизайну. У результаті у вашому портфоліо буде близький до реального проект, а в резюме   новий досвід командної роботи.

ServDes.2016 — Service Design and Innovation Conference
24-26 травня в Копенгагені (Данія) пройшла конференція по проектуванню послуг ServDes 2016. Опубліковані презентації виступів.

Свіжі посилання можна також відслідковувати в однойменній Facebook-групі або отримувати раз на місяць поштою. Спасибі всім, хто також публікує посилання в ній, особливо Геннадію Драгуну, Павлу Скрипкину, Дмитру Подлужному, Антону Артемову, Денису Єфремову, Олексію Копилову, Тарасу Бризицкому, Євгену Соколову і Антона Олійника. Все більше матеріалів в оглядах з'являється завдяки їм.

Підписуйтесь на розсилку! Лист приходить один раз на місяць.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.