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

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

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

Патерни і кращі практики
Дослідження Baymard Institute


Колекції інтерфейсної анімації


Листи розсилки


Гайдлайны платформ та компаній
Component QA in Design Systems
Nathan Curtis описує побудову процесу контролю якості компонентів у дизайн-системах.



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


Designing for Brand Interaction
Відмінні думки Rebecca Ussai Henderson тему єдиного мови анімації, що підтримує бренд.



Material Design


iOS 10


iPhone 7


Apple Watch


Розуміння користувача
Using science to make truly tappable user interfaces
Scott Hurff зібрав вимоги гайдлайнов різних мобільних платформ на тему мінімально комфортної області натискання і проаналізував їх в зв'язці з законом Фиттса. У результаті вийшли відмінні зважені рекомендації, чиї цифри ближче до правді.



Інформаційна архітектура, концептуальне проектування, контент-стратегія

Dan Brown   Practical Design Discovery
14 лютого A Book Apart випускає книгу Dan Brown «Practical Design Discovery». Він розбирає її основні теми своїй статті.

Книга James Kalbach «Mapping Experiences»


Персонажі


Проектування і дизайн екранів інтерфейсу
CanvasFlip   Free Prototyping and User Experience Testing Tool for iOS & Android Apps
Інструмент CanvasFlip намагається поєднати процес створення інтерактивних прототипів і  тестування. Респондентів можна шукати самому, а можна скористатися базою сервісу (вона англомовна). Крім іншого пропонуються інструменти аналітики для прототипу.



Designer Tools
Шикарнейшее додаток Designer Tools для Android. Дозволяє накладати на будь-який додаток сітку або макет, брати з нього колір піпеткою.

Heek   Make Your Own Website
Сервіс Heek дозволяє створити нескладний сайт процесі спілкування з ботом. Рішення досить шаблонне, але сам підхід у дусі часу.

Gravit   Your new best design tool
Вийшла попередня версія інструменту для дизайнерів Gravit. Спочатку він розвивався як набір десктопних додатків, але потім перейшов в браузер.

Tailor   iPhone Screenshot Stitching
Додаток Taylor для iPhone дозволяє робити скріншоти сайтів та програм на всю їх висоту, без необхідності склеювати їх вручну.

Sketch 42
Розширені можливості експорту і підтримка тач-бару в нових Макбуках. Свіжі плагіни і шаблони:


Оптимізація роботи з допомогою Sketch і хмари
Андрій Сундиев описав, як влаштована робота з макетами і шаблонами Sketch, а також їх синхронізацією портальної дизайн-команді Mail.Ru Group.

Handoffs Guide for Pixel Perfect Design
Непогана серія статей про передачі макетів в розробку від Алекса Барашкова і Влада Камельского. Частина 2 і 3.

InVision


Proto.io


Користувальницькі дослідження і тестування, аналітика
Steve Portigal   Doorbells, Danger, and Dead Batteries
У грудні 2016 року Rosenfeld Media випустили книгу Steve Portigal «Doorbells, Danger, and Dead Batteries   User Research War Stories». UXmatters публікує главу 11 з неї.

IBM Design Research (на російською)
AIC перевели методичку IBM користувальницьким досліджень на російська мова. Як і в інших довідників дизайну від компанії, тут багато корисної інформації по підходу, принципів, кейсів.



Get the Most Out of User Research
Розумні поради Cătălin Bridinel з Booking на тему того, як правильно ставити питання для користувацьких досліджень і отримувати максимум віддачі від них.

Користувальницькі дослідження в іграх
Конспект лекції Наталі Спрогіс про користувальницьких дослідженнях в іграх для програми «Менеджмент ігрових проектів» в ВШБИ.

Does Thinking Aloud Affect Where People Look?
Jeff Sauro намагається розібратися, що впливає чи роздуми вголос час користувальницького дослідження на те, куди користувач дивиться на екрані. &Nbsp;його даними експерименту і інших досліджень — так.



How Accurate Are Estimates From Online Panels?
Jeff Sauro розбирає особливості панельних досліджень. Плюси, мінуси, підводні камені різних типів панелей.

Avoiding Hard-to-Answer Questions in User Interviews
Ще одна пам'ятка Jim Ross того, як грамотно користувачам задавати питання в час інтерв'ю і вишукувати інформацію неявними методами.

Візуальне програмування і дизайн у браузері
Prototyping for Hosts — How a tool for engineers became integral to the process design
Kevin Grennan з Airbnb розповідає, як пара дизайнерів навчилася прототипировать інтерфейси Xcode. Вони налаштували все оточення і віддають свіжі версії через Hockey App.



WebSlides   Making HTML Presentations Easy
Набір шаблонів WebSlides дозволяє робити непогані презентації на веб-технологіях. Робиться вручну без всяких конструкторів, але в комплекті повно готових модулів подання. Пара слів від автора.

Нові скрипти


Робота кольором вебі
  • Потужна онлайн-утиліта ColorMe облягає підбір кольорів для вебу і дозволяє конвертувати , а також параметрами колірних моделей і миттєво бачити результат.


Робота SVG


CSS-анімація


Webflow


Noodl


UX-стратегія і менеджмент
Good things happen when a Product Manager pairs with a UX researcher
Шалено крута стаття Олени Лугиной з Shopify про те, як користувальницькі дослідники можуть взаємодіяти з менеджерами продуктів так, щоб домагатися максимальної користі для продукту.



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



David Travis пропонує свою картку навичок продуктового дизайнера. У нього вдало вийшло застосувати пелюсткову діаграму для цього. Один з найбільш вдалих прикладів системної роботи з навичками.



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


Критика дизайну


Becoming A Better Facilitator
Розумна пам'ятка для фасилітаторів від Brian Frank. Багато корисних деталей процесу, кращим практикам і того, як робити проектні зустрічі корисними. У продовження теми:


Історія
Design thinking origin story plus some of the people who made it all happen
Феєрично круте дослідження коренів дизайн-мислення від Jo Szczepanska. Вона копає з середини 20го століття від робіт Buckminister Fuller і скандинавських практик кооперативного дизайну. Кожне десятиліття відзначено змінами як самого методу, так і сфер його застосування. Ключові фігури, книги, цитати   просто золото!



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


The inside story behind P1 & P2   How Apple picked what came to be the iPhone
Sonny Dickinson показує прототипи першого iPhone. У той момент команда розглядала два варіанти   звичний зараз тач-інтерфейс і заснований на iPod.



Тренди
Тренди 2017


Algorithm-Driven Design   How Artificial Intelligence Is Changing Design
На Smashing Magazine вийшла доповнена і структурована версія статті про алгоритмічній дизайні. У ній зібрані приклади інструментів, які допоможуть спростити побудова інтерфейсу, підготовку графіки і контенту, а також персоналізацію продукту. У 2016 році технологічна основа для таких інструментів стала доступнішою   дизайн-співтоваристві теж почали придивлятися до алгоритмами, нейронних мереж, штучного інтелекту. Так що саме час переосмислити сучасну роль дизайнера. Також оновив російську версію.



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


10 Best Intranets of 2017 Nielsen Norman Group Intranet Design Annual
Nielsen/Norman Group оголосили переможців щорічних нагород за кращий інтерфейс інтранеті. Автори статті описують основні зміни в галузі   наприклад, що швидкість розробки збільшилася.

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


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


Розумні годинник і браслети


Автомобільні інтерфейси
  • Microsoft намагається зайти в автомобілі з іншого боку   замість марної спроби захопити бортовий комп'ютер дусі CarPlay і Android Auto (які автовиробники ніколи не пустять всередину), вони намагаються стати інфраструктурної платформою. Microsoft Connected Vehicle Platform забезпечує основу для роботи хмарних сервісів і віртуальних асистентів.


Для загального і професійного розвитку
Abstract   The Art of Design
Netflix готує документальний серіал Abstract, присвячений дизайну. Він, правда, не стосується цифрових продуктів, але досить широко дивиться на професію. Трейлер.



Комікси OK/Cancel на російською
Олексій Копилов знайшов повний архів інтерфейсних коміксів OK/Cancel, переведених колективом UIDG на російська мова 2003-2006 роках.

The Differences Between Enterprise and Consumer UX Design
Розумна колонка UXmatters про різниці між дизайном споживчих і корпоративних интефрейсов. Тема побита, але в цієї статті зібрані основні проблеми та особливості, одна з кращих на тему.

How to Avoid UX Burnout
Benjamin Earl Evans дає поради дизайнерів, що брали участь в довготривалих проектах, про те, як уникнути професійного вигоряння.

Screenshots are so Last Year   How to Write a Case Study That Wins You Clients
Розумні поради Lauren Holliday про тому, як будувати портфоліо з упором на вирішення проблем, а не просто картинки.



A designer's four lessons on design
Прості і розумні поради по відношенню до роботі для дизайнерів від Jasper McChesney. Фокус, проектні артефакти, підхід до вирішення проблем.

Advice to Candidates on Successful UX Interview Loops
Jerrod Larson і Daan Lindhout дають поради продуктовим дизайнерам успішного проходження всіх етапів співбесіди.

Люди і в галузі
Tiny купив Dribbble
Конгломерат дизайнерських компаній Tiny купив Dribbble. У них тепер досить цікавий портфель   спільнота Designer News, СММ-сервіс Buffer, дизайн-студії MetaLab і Pixel Union, таск-менеджер Flow і ще пачка пов'язаних сервісів. Власники планують і далі купувати околодизайнерские проекти.



UX-Середовище AMA: Clay (ex-SFCD)
Сесія AMA від UX-Середовище і vc.ru з дизайн-командою Clay, заснованої командою студії SFCD / SoftFacade: на питання відповідали Антон Зикін, Олег Турбаба, Дмитро Цозик і Олександр Хмелевський. Спочатку запущена в Санкт-Петербурзі, пізніше SoftFacade відкрила офіси у Нью-Йорку і Сан-Франциско. А з недавнього часу кістяк команди запустив новий бренд Clay. Це одна з найяскравіших дизайн-студій з вітчизняними корінням, яка відзначилася роботою для великих брендів і давно вийшла за рамки іконок   портфоліо багато цікавих інтерфейсних робіт, а в списку нагород   більшість великих міжнародних премій.



Capital ONE Design Community
Блог дизайн-команди Capital One, які кілька років тому купили Adaptive Path.



Свіжі статті:


Microsoft Design
Microsoft запустила блог своєї дизайн-команди на Medium.

Design at Creative Market
Дизайн-команда Creative Market запустила блог на Medium. Одна з перших статей присвячена тому, як розвивалися дизайн-процеси і які цілі вони ставлять перед собою зараз.

Envato
Блог дизайн-команди Envato на Medium. Є також публікації про фронт-енді.

Матеріали конференцій
Upcoming Web Design Conferences (January—June 2017)
Smashing Magazine склали список конференцій дизайну і розробці на перше півріччя 2017 року.

Enterprise UX Virtual Summit 2017
Безкоштовна онлайн-конференція Enterprise UX Virtual Summit 2017 пройде 14-17 лютого. Досить потужний склад виступаючих: Irene Au, Jeffrey Veen, Lou Rosenfeld, Rian van der Merwe і ще 15 тямущих фахівців.

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

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

0 коментарів

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