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

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

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

Патерни і Best Practices
Mixed Parts
Спільнота Mixed Parts, що збирає статті, презентації, інструменти і приклади інтерфейсної анімації.

Mixed Parts

here's What May Sound Like a Crazy Idea
Цікаві думки Kevin Goyena про те, як хардкорні вирішення старих інтерфейсів командного рядка можуть допомогти в сучасних продуктах. Він посилається в тому числі на стародавні сервіси бронювання квитків, де оператор повинен був пам'ятати короткий, але складний формат запиту. Схожі ідеї знадобляться для прискорення заповнення складних форм за умови, що оператор робить це часто.

Here’s What May Sound Like a Crazy Idea

Does Improving Website Navigation Pay Off?
Jeff Sauro розмірковує на тему того, можна оцінити віддачу від вкладень в навігацію сайту. Багато фокусуються на процесі оформлення замовлення, але до нього користувачеві ще треба дійти.

5 Design Principles for eHealth
Brett Warren дає п'ять порад по роботі з інтерфейсами в сфері охорони здоров'я. Користувачі не завжди мають можливість навчитися роботі з продуктом або це відбувається за кілька місяців до початку використання, потрібно приділяти особливу увагу інформаційному дизайну і допомоги у прийнятті рішень.

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


У нас проблема з паролем, або що відбувається зараз в області ідентифікації
Переклад статті Drew Thomas, якою він описує сучасні способи авторизації на заміну звичним логіну та паролем. Він порівнює їх  надійності і складності реалізації.

Гайдлайны платформ та компаній
What Analyzing 50 Brand Guides Taught Us About Building a Lasting Company
Команда SketchDeck проаналізувала дизайн-гайдлайны 50 компаній. Вони описують відмінності в обсяг, структуру і основних посиланнях в залежно від розміру, віку і типу компанії.

What Analyzing 50 Brand Guides Taught Us About Building a Lasting Company

Новини дизайн-систем:




Product vs Marketing Illustration
Шикарна стаття Meg Robichaud з Shopify про різниці між ілюстраціями для продукту і маркетингу. Вона розрізняє п'ять основних категорій ілюстрацій і те, чим вони корисні в обох типах.

Product vs Marketing Illustration

Why design principles shape stronger products
Jessie Chen показує приклад опису принципів дизайну для CRM-системи. Вони прив'язані до піраміді, схожою на модель Маслоу.

Android Wear
  • Luigi Notaro розбирає зміни в гайдлайнов в Android Wear 2.0. Google переглянув колірні палітри — вони стали більш темними для того, щоб заощадити батарейку і не відволікати користувача зайвий раз. Використовується досить цікава формула для розрахунку квітів щодо основного.


Material Design towards the Dark Side on Wear 2.0

iOS 10


The ultimate social & digital ad size guide!
Оновилася детальна шпаргалка по розмірів графічних елементів у соціальних мережах від Adsvise. Вони також додали шаблони для Photoshop і Sketch.

Розуміння користувача
39 studies about human perception in 30 minutes
Шалено крута стаття Kennedy Elliott особливості сприйняття різних типів інфографіки. &Nbsp;кожному пункту вона посилається на добротні дослідження і дає рекомендації, коли і де використовувати їх.

39 studies about human perception in 30 minutes

The Six Minds of UX Design
Чудова оглядова стаття Sheena Lyonnais про шести факторах UX, які потрібно враховувати при дизайні інтерфейсів. Це робота в візуальної подачею і увагою, орієнтуванням, пам'яттю і семантикою, мовою, емоціями, а також прийняттям рішень.

The Six Minds of UX Design

Designing News Products With Empathy — 50 Stress Cases To Consider
Libby Bawcombe з NPR провела користувальницьке дослідження читачів новин і склала 50 стресових ситуацій, в яких користувачі працюють з новинними сайтами.

Designing News Products With Empathy — 50 Stress Cases To Consider

Designing Desirable Experiences
Arindam Roy розповідає про плюсах продуктів, інтерфейси яких не просто утилітарні, але бажані користувачами. Часто відчуття від використання таких продуктів краще в порівняно з повними функціональними аналогами, але менш привабливими.

Accessibility


The Mysterious Student, Dieter Rams, and Cracking Global Markets
Цікаві психологічні викладки на тему того, чому важливо грамотно локалізувати продукти.

User Memory Design   How To Design For Experiences That Last
Curt Arledge з Viget не перший, хто пише про психологію користувальницького досвіду, але у нього вийшло більш корисно для практики. Він поділяє то, як пережилося подія і те, що залишається в пам'яті. І дає поради по поліпшення продуктів з урахуванням цього.

Інформаційна архітектура, концептуальне проектування, контент-стратегія
Place in Space (AKA «How to Design A Concept Model»)
Відмінна презентація Stephen P. Anderson те, як створювати концептуальні моделі. Складна тема разжевана кроків.


Customer Journey Map


The Four Dimensions of Tone of Voice
Гарна пам'ятка Nielsen/Norman Group вибору тональності інтерфейсних текстів. Вони пропонують 4 градації: веселий—серйозний, формальний—невимушений, поважний—фривольний, з ентузіазмом—сухий.

Making a case letter for case
John Saito з Dropbox розбирає ситуації в англомовних інтерфейсах, коли необхідно писати заголовок словами з великої літери. Правила мови говорять, що заголовки повинні писатися з великої літери, але гайдлайны iOS і Android говорять різне.

Проектування і дизайн екранів інтерфейсу
4 Studio
Новий інструмент C4 Studio для роботи над інтерфейсної анімацією. Поки що це альфа-версія, але обіцяють імпортують макетів Sketch, і код в Xcode на виході. У продукту уматнейший промо-ролик про біди комунікації дизайнера і розробника.



Pixel-Perfect Specifications Without The Headaches
Микола Бабич в деталях порівнює інструменти для передачі макетів і ресурсів розробникам. Він описує інтерфейс і можливості Avocode, Sympli і Zeplin.

Compare Adobe Illustrator to Affinity Designer and Sketch in 2016
Докладне порівняння Adobe Illustrator, Affinity Design і Sketch з точки зору дизайнера іконок. Iconfinder робили таке ж порівняння пару років тому, але з тих пір інструменти сильно оновилися.

Designing for Television, part 1
Пам'ятка з дизайну інтерфейсів для ТБ від Molly Lafferty з This Also.

Designing for Television, part 1

Pattern
Додаток Pattern для прототипування на iPad. Цікаві рішення, хоча сам процес виглядає вимученим відносно простий папери і ручки.

Principle


Sketch


Figma


Marvel


InVision


PNG optimisation
Команда Bjango розповідає про оптимізації PNG і те, який результат видають за замовчуванням найбільш популярні програми для дизайнерів.

dummi
Генератор контенту для макетів і прототипів Dummi видає списки користувачів, міст, книг і статей у JSON.

Сучасні інструменти паблишинга


Огляди і порівняння інструментів прототипування


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

Планування юзабіліті-тестування

Going Beyond the Obvious
Відмінна стаття Philip Hodgson з UserFocus про те, як правильно ставити питання для користувацьких досліджень. Це допоможе знаходити дійсно цінні інсайти, а не просто поставити галочку про проведеному етапі проекту. Philip посилається на книгу зоолога Niko Tinbergen, який висунув 4 принципу спостереження за тваринами — вони застосовні і для вивчення поведінки людей.

Going Beyond the Obvious

10 Practical Tips for Increasing the Impact of Your Research Insights
Mike Katz з Groupon дає поради дослідникам на тему того, як краще донести результати користувальницьких досліджень до продуктової команди так, щоб поліпшення потрапили в продукт.

Скільки потрібно респондентів


13 Things to Consider When Offering Survey Incentives
Jeff Sauro дає поради на тему оплати часу респондентів користувальницьких досліджень. Хоча специфіка багатьох відрізняється від вітчизняній, вони все одно будуть корисні.

Візуальне програмування і дизайн у браузері
Ways To Reduce Content On Shifting Page Load
Michael Scharnagl розбирає способи оптимізації коду сторінки, які зменшують смикання тексту при підвантаження медіа-об'єктів і інших даних.

Framer


Webflow


CSS-анімація


Веб-типографіка


CSS shapes


Trym   Beautiful small app for macOS to help you view, optimize and convert SVG icons
Додаток для перегляду, оптимізації і конвертації SVG файлів. Після установки стає переглядачем SVG за замовчуванням. У залежно від кольору іконки, змінюється тема інтерфейсу між світлою і темною (стандартні переглядачі показують зображення білого кольору на білому тлі). Іконки можна оптимізувати для зменшення розміру (наприклад, Sketch залишає багато сміття при експорті), а також змінити розмір і в один клік конвертувати в PNG різних розмірах для вебу, iOS і Android. Інші інструменти для роботи з SVG:


Нові скрипти


Метрики і ROI
Mobile App Analytics   The 12 Most Important Metrics to Measure
Yael Tolub перераховує основні показники, які оцінюють успішність мобільних додатків.

UX-стратегія і менеджмент
Peter Merholz & Kristin Skinner   Org Design for Design OrgsPeter Merholz & Kristin Skinner — Org Design for Design Orgs
Нова книжка від Peter Merholz і Kristin Skinner про управління командою продуктових дизайнерів. У електронна версія вже доступна для паперової версії діє передзамовлення (знижковий код на 50% для електронних книг o'reilly легко знайти в інтернеті). Блог книги з актуальними статтями.

Інші матеріали про управлінні дизайн-командами:


An Inside Look at Facebook's Method for Hiring Designers
Julie Zhuo докладно розповідає про процесі пошуку, співбесіди і інтеграції нових дизайнерів. Багато корисних порад з всіх етапах процесу.

The future of UX design
Актуальні питання розвитку UX як напряму, так і кожного професіонала, який думає про розвитку.

Методології, процедури, стандарти
Доопрацювання професійного стандарту «Фахівець з дизайну графічних і користувальницьких інтерфейсів»
Професійний стандарт «Фахівець з дизайну графічних і користувальницьких інтерфейсів» зараз активно допрацьовується і ініціативна група проводить опитування   зрозуміти, що входить в обов'язки UX-професіоналів Росії та країн СНД. Опитування анонімне, знадобиться близько 15 хвилин. Його результати будуть опубліковані.

Кейси
Are Successful App Redesigns Even Possible?
Daniel Sands провів цікаве дослідження відгуків до останнім редизайнам мобільних додатків. Неважливо, добре чи попрацювала команда чи ні, користувачі завжди незадоволені. Але виявилося, що через кілька тижнів галас спадає і оцінки повертаються, а пізніше.

Are Successful App Redesigns Even Possible?

Інші кейси редизайну:


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


An invisible interface — 6 things we learned from designing for voice
Дизайн-команда Vox Media розповідає про свій досвід створення голосового помічника для Amazon Echo. Корисні поради для тих, хто пробує створювати голосові інтерфейси.

Месенджери
  • Nielsen/Norman Group провели юзабіліті-тестування WeChat. Інтерфейс досить посередній, боти не особливо розумні, так і в загалом це частіше не діалог на природній мові, а ходіння по меню. Він популярний завдяки інтеграції всього і вся, а також легкості платежів.


Інтерфейси кіно


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


Symbol For Context
Joe Blau пропонує універсальну іконку для позначення контексту, в комп'ютер бере на себе частину дій користувача. З поширенням персональних помічників, безпілотних автомобілів і інших продуктів, які виконують більш активну роль, важливо показувати, що комп'ютер взяв частина управління на .

Для загального і професійного розвитку
Graphic Means
До виходу готується документальний фільм Graphic Means про те, як працювали дизайнери в до-цифрову епоху і як змінилася робота після появи комп'ютерів. Автори взяли інтерв'ю у пари десятків відомих фахівців начебто Tobias Frere-Jones, Ellen Lupton і Dan Rhatigan. Обіцяють до кінець року.



Intellectual Property & UX Design   Preceding Year and the Next Decade
Цікава презентація Rob Tannen на тему історії та практики застосування патентів на дизайн. Докладно розбирає в зокрема відому судовий позов Apple і Samsung.



UX Chat   Daily UX conversations with your friendly UX Bear
Команда блогу uxdesign.cc і Adrian Zumbrunnen запустили бота, який розповідає новини продуктового дизайну. Він засновано на недавньому концепті особистого сайту Adrian.

UX Chat   Daily UX conversations with your friendly UX Bear

Transitioning from support to UX — A year in perspective
Kylea Parker розповідає про те, як перейшла з підтримки користувачів Shopify в UX-дизайнера. Поради для тих, хто також перекваліфіковується.

Шрифт для держави
AIC разом з Лабораторія Артема Геллера і командою ParaType (на етапі розробки дизайну   особі Олександри Королькової) приступає до роботі над шрифтом для держави. Нам потрібен свій шрифт, який зможе стати основою єдиної екосистеми всіх офіційних інтернет-ресурсів. Сучасний, безкоштовний, загальнодоступний. Ціле сімейство шрифтів різними параметрами, що знаходиться в відкритому доступі.

Артем Геллер спільнота просить відповісти на кілька питань:
  • Який характер повинен бути у шрифту для державних систем?
  • Повинен він бути таким ж офіційним, як сама держава?


Проект поліпшення цифрового взаємодії з державою ініційований людьми для людей, і команді хочеться відобразити ці прагнення. Результат перших обговорень і побіжного аналізу державних шрифтів різних країн: за основу береться сучасний голландський гротеск   гуманістичний і доброзичливий. Як Петро I   брати приклад з голландських майстрів.

Practical UX Design
У квітні вийшла книга Scott Faranello «Practical UX Design». UXMatters публікує другу главу з неї, присвячену відкритого і закритого станом роботи дизайнера.

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


Жарти про дизайнерів за 400


Google Analytics In Real Life   Online Checkout
Якщо б Google Analytics працював у офлайні.



Люди і в галузі
The Best Medium Publications from Design Teams to Follow
Fabricio Teixeira зібрав список блогів дизайн-компаній і команд на Medium.

The Best Medium Publications from Design Teams to Follow

Інші новини відомих дизайн-команд:


Design.blog
Дизайн-команда Automatic (творці WordPress) запустила блог з нехитрим назвою Design blog. Ініціатива з'явилася у чому завдяки John Maeda, який нещодавно перейшов у компанію з KPCB. Його посаду — «global head of computational design and inclusion» (чим саме буде займатися).

Дизайн Adobe


Дизайн Airbnb


Матеріали конференцій
UX STRAT 2015
Звіт про майстер-класах в рамках конференції, яка відбулася 8-10 вересня в Athens, Georgia (США). Вона присвячена дизайн-стратегії і збирає потужний склад тематичних спікерів.

Школа дизайну AIC
AIC відкриває набір в онлайн-школу. Дизайн та інструменти цифровому середовищі розвиваються стрімко   варто тільки описати тенденції і правила, як вони застарівають. Єдиний спосіб навчитися   зануритися в середовище лідируючої студії і зрозуміти принципи на практиці. На сайті вже можна записатися в школу.



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

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

0 коментарів

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