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

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

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

Патерни і Best Practices
5 awesome UX Checklist Apps
UX Blog зробив огляд програм — і сайтів-помічників для дизайнерів інтерфейсів, які збирають методи і практики роботи. У списку 5 штук   UX Recipe, UX Project Checklist, UX Assist, UX Companion і UX Help.

5 awesome UX Checklist Apps

How To Poison The Mobile User
Шкідливі поради щодо створення мобільних інтерфейсів від Martin Michálek. Самі думки не  що б нові, але добре запаковані.

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


Гайдлайны платформ та компаній
Material Design
Гайдлайны Google Material Design переїхали на окремий домен. Крім цього цікаво оновилася стилістика і з'явилися нові грані візуального мови. До речі, компанія також оголосила переможців Material Design Awards 2016.

Material Design



About the Touch Bar (macOS Human Interface Guidelines)
Apple представила нову лінійку MacBook з сенсорною панеллю замість рядок функціональних клавіш. У офіційних дизайн-гайдлайнах HIG з'явився розділ про те, як працювати з нею.

About the Touch Bar (macOS Human Interface Guidelines)

У продовження теми:


Taking Pattern Libraries To The Next Level
Гарна пам'ятка роботі над дизайн-системами від Віталія Фрідмана. Крім перерахування основних моментів, які потрібно врахувати при роботі над нею, там багато свіжих думок щодо окремих аспектів живих гайдлайнов.

Taking Pattern Libraries To The Next Level

У продовження теми:


iOS 10


iPhone


Розуміння користувача
The Fundamental 4s   Secrets to Designing Extraordinary Customer Experiences
Laila Pawlak і Kris Østergaard описують відмінну модель мотивації користувачів, яку потрібно враховувати при роботі над інтерфейсами. Вони виділяють 4 типи мотивації   робити, виглядати, почувати і бути краще.

The Fundamental 4s   Secrets to Designing Extraordinary Customer Experiences

Stephen Wunker, Jessica Wattman & David Farber   Jobs to Be Done: A Roadmap for Customer-Centered Innovation
Вийшла книга Stephen Wunker, Jessica Wattman і David Farber про використання методики jobs-to-be-done.

The color of empathy is not flat   Insights to Color Blindness & Design
Lorna McCauliff з Cooper Consulting пише про особливості дизайну для користувачів з обмеженнями сприйняття кольорів.

Інформаційна архітектура, концептуальне проектування, контент-стратегія
Needfinding for Disruptive Innovation
Christina Wodtke описує робочий формат для пошуку інсайтів з користувальницьких досліджень і подальшого пошуку ідей для закриття проблем і потреб цільової аудиторії. &Nbsp;суті це варіація на тему дизайн-мислення/дизайн-спринтів і т.п., але з цікавими нюансами. До речі, вона посилається на історію підходу   наприкінці 19 століття французькі студенти-архітектори використовували схожий метод «Charette». Частина 2 (прив'язка ідей до value proposition canvas і частина 3 (робота з сценарієм використання продукту).

Needfinding for Disruptive Innovation

Проектування і дизайн екранів інтерфейсу
Origami Studio
Нова версія інструменту прототипування інтерфейсів від дизайн-команди Facebook нарешті доступна для всіх.

Origami Studio

Subform — A modern tool for digital product designers
Інтерфейсний дизайнер Kevin Lynagh і промисловий Ryan Lucas, які анонсували в торік інструмент для дизайнерів BoxBox, перейменували його в Subform і запустили краудфандинговую кампанію на KickStarter. Відео деталях показує, як він працює, а статті розписують принципи роботи.

https://www.kickstarter.com/projects/298226251/subform-a-modern-tool-for-digital-product-designer/widget/video.html

Saying farewell to Pixate (and looking to the future)
У початку жовтня з'явилося офіційне оголошення команди Pixate про закриття продукту. Але в наприкінці місяця вони анонсували одразу три нових інструменту. Stage як раз повинен замінити Pixate і робиться разом з командою Form. Gallery звучить як аналог Wake — він обіцяє зібрати всі робочі матеріали команди разом. Remixer дозволяє на льоту оновлювати ключові змінні дизайні і переглядати зміни на пристрої. Перші два доступні за інвайт, третій лежить на GitHub.

Saying farewell to Pixate (and looking to the future)

Flinto 2.0
Вийшов Flinto 2.0. З'явилася можливість робити мікро-взаємодії в рамках конкретного екрану.

InVision


Figma


Sketch


Affinity Designer


Шаблони для паперового прототипування


Користувальницькі дослідження і тестування, аналітика
Beyond the Lab   Gathering Holistic, Qualitative User Experience Data
Heather Wright Karlson пропонує свою варіацію методики Microsoft Product Reaction Cards для оцінки відношення користувачів до продукту. Вона спробувала використовувати эмоджи в опитуваннях результатами дослідження і цей підхід краще розкрив емоційні реакції.

Beyond the Lab   Gathering Holistic, Qualitative User Experience Data

Finding Our Way   Four Lessons About Enterprise Research
Carolyn Wei з Facebook розповідає про особливості проведення користувальницьких досліджень для корпоративного ПЗ. Як шукати респондентів, підтримувати відносини з компаніями і тощо

Finding Our Way   Four Lessons About Enterprise Research

Модерування юзабіліті-тестування
Наталія Спрогіс продовжує цикл ликбезных статей про UX-дослідженнях   цей раз про моделюванні юзабіліті-тестувань. Як себе вести, як задавати запитання, як бути з «складними» респондентами.

Опитування


How And When To Use An Affinity Diagram
Поради Jeff Sauro використання діаграм споріднення при аналізі результатів користувальницьких досліджень.

Візуальне програмування і дизайн у браузері
Framer


Grid layout is a much needed step-change for CSS
CSS Grid нещодавно отримала рекомендацію від W3C як кандидат на включення в стандарти. Matt Hinchliffe показує, як створювати складні макети новинних сайтів з його допомогою.

Designing Grids
Розумна пам'ятка Zell Liew про різних видах сіток в вебі і  поведінку при різних типах адаптивності. Він покроково розбирає різні ситуації і нюанси їх використання.

Designing Grids

CSS Icon
Величезна колекція іконок, зроблених на чистому CSS.

CSS Icon

Нові скрипти


Робота SVG


Метрики і ROI
Task Performance Indicator — A Management Metric for Customer Experience
Jerry McGovern пропонує відмінний показник Task Performance Indicator для того, щоб системно відстежувати якість інтерфейсів в продуктах компанії. З допомогою цього підходу його компанія змогла розуміти, наскільки інтерфейси порядку і де потрібні поліпшення в першу чергу.

UX-стратегія і менеджмент
Time to Re-Think Design Thinking
Olof Schybergson і Shelley Evenson розповідають про дизайн-культури Fjord і ключових аспектах розуміння дизайну бізнесом.

Time to Re-Think Design Thinking

Ще про побудові дизайн-культури:


The not-so-dark art of design management
Гарна пам'ятка Alissa Briggs PlanGrid для початківців дизайн-менеджерів. У статті цікава діаграма, що показує поточний фокус і завдання.

The not-so-dark art of design management

Структурована критика дизайну


Дизайн-спринти


Things you can learn from redesigns
Хороша стаття Jessie Chen те, як вона змінила підхід до переконання команди для того, щоб довести, що редизайн продукту потрібен.

What do we mean by user experience leadership?
Кумедний конспект розмови в пабі фахівців компанії UserFocus про ролі дизайн-лідерів.

9 Tips from Design Research   Getting More from Your Conversations
Поради користувальницького дослідника, що набила руку в спілкуванні з респондентами, того, як будувати взаємини з менеджерами і розробниками.

Кейси
Moving from Contact Centers to Customer Engagement Centers
Kathy Baxter з Salesforce описує персонажів, які вони використовують для поліпшення роботи служби підтримки.

Історія
Еволюція сайтів російських компаній: від зорі рунета до наших днів
Як виглядали перші сайти російських компаній.

<img src=«https://habrastorage.org/getpro/habr/post_images/099/52f/607/09952f607a8c68bb9d427bcd53f056b1.png» alt=«Еволюція сайтів російських компаній: від  зорі рунета до  наших днів» width=«700» висота=«313»/>

Why Windows 98's User Onboarding is Better Than Yours
Benjamin Brandall розбирає механізм зустрічі нового користувача Windows 98, який був дуже важливий для того покоління користувачів, мало знайомих з комп'ютерами.

Why Windows 98&amp;rsquo;s User Onboarding is&amp;nbsp;Better Than Yours

The Bolted Book Facsimile   An Exact Copy of Depero Futurista
На KickStarter планує перевипустити перше відоме портфоліо, яке Fortunato Depero видав у 1927 році. Причому воно буде повністю повторювати особливості оригіналу, включаючи кріплення листів болтами. Зараз доступний лот за $129.

Тренди
Алгоритмічний дизайн


Віртуальна реальність


Боти і мессенджери


Для загального і професійного розвитку
Conversations and models   Secrets to designing great products (PDF)
Шикарна презентація Hugh Dubberly про те, як дизайнери повинні взаємодіяти з продуктової командою і користувачами. Це найпотужніший філософське переосмислення всіх нюансів взаємодії в роботі над продуктом.

Conversations and models&amp;nbsp;&amp;nbsp; Secrets to&amp;nbsp;designing great products

Jared Spool on UX design
Інтерв'ю з Jared Spool про першому наборі Center Centre і його бачення сучасної професії дизайнера.

Whiteboard Design Challenge Framework
Adhithya Kumar розповідає, як правильно підходити до тестових завдань на маркерної дошки у час співбесіди. Він пропонує простий спосіб розібратися в проблеми і пропонувати ідеї не з повітря, а в застосування до суті завдання.

Whiteboard Design Challenge Framework

How to pretend you're a great designer
Хороший іронічний пост блогу The Design Team тому, як не треба вести себе дизайнеру. Переклад.

UX Design — The Definitive beginner's Guide
Книга UXPin для початківців дизайнерів інтерфейсів, написана разом з General Assembly.

Люди і в галузі
Facebook Design
Команда перезапустила сайт новою адресою. Тепер крім корисних ресурсів там публікуються і статті.

Facebook Design

У продовження теми:


Etsy Design
Etsy запустили свій блог, що розповідає про дизайні в компанії. Одна з перших публікацій від UX-директора Alex Wright присвячена зв'язці аналітики і досліджень, що рішення по дизайну.

Etsy Design

Interview with Eli Schiff, Designer and Critic
Відмінне інтерв'ю з Eli Schiff в блозі Khoi Vinh. У пересахаренной нескінченної похвальбой дизайн-тусовці не вистачає здорової виваженої критики і Eli намагається бути такою людиною. Одна з його завдань   показати збитковість підходу до мінімалізму, який викидає через борт поняття естетики.

Сесії AMA


Nasdaq Product Design
Сайт дизайн-команди Nasdaq. Поки там тільки заглушка, але в останнім часом все більше компаній відкривають такі ресурси і буде цікаво постежити і за ними.

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

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

0 коментарів

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