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

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

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

Патерни і Best Practices
How to Use Photography in Branding
Дуже розумна стаття Loren Baxter про використання фотографій в інтерфейсі для посилення бренду. Він наводить яскраві приклади і дає інструкцію щодо пошуку своєї стилістики.

How to Use Photography in Branding

Адаптація для великих екранів


Responsive Upscaling: 11 Ideas for Large-Screen E-Commerce Design

Великі сенсорні екрани


Поштова розсилка


Сприймана швидкість інтерфейсу


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


Робота з повідомленнями


Гайдлайны платформ та шаблони дизайну для них
MailChimp Content Style Guide
MailChimp зібрав гарний всеосяжне стилістичне керівництво для працівників компанії. Раніше це були розрізнені гайдлайны, але тепер вони зведені в один.

MailChimp Content Style Guide

HP Grommet
Grommet, UX-фреймворк для корпоративних додатків від HP.

HP Grommet

Розуміння користувача
Designing Web Interfaces For Kids
Дуже розумний огляд особливостей дизайну для дітей різного віку від Trine Falbe. У кожному з періодів розвитку свої когнітивні і фізичні здібності, що сильно впливає на оптимальний інтерфейс.

Micro-Moments
Google випустив новий сайт про микромоменты — дрібні спонтанні сценарії, які ініціюють користувачі на мобільних пристроях.

Micro-Moments

Інформаційна архітектура, концептуальне проектування, контент-стратегія
Content Wireframing for Responsive Design
Нова книга UXPin про прототипування для адаптивного дизайну на рівні контенту.

Проектування та дизайн екранів інтерфейсу
Russian Prototyping Club
Антон Карташов створив групу про Origami, Framer.js, Pixate та інші сучасні дизайн-інструменти. Практичні питання щодо конкретних завдань, вирішення проблем, керівництва для початківців.

Ukrainian Prototyping Club

Куди рухаються інструменти прототипування


Principle
Інструмент вийшов: вартість трохи вище очікувань, але пробна версія доступна. У відео-ролику виглядає досить приємно — є багато дрібниць, що відсутні в Pixate і погано реалізовані в Proto.io. Детальніше:




Flinto




Five app prototyping tools compared — Proto.io, Pixate, Origami, Framer & Form
Дуже крутий підхід до порівняння сучасних інструментів прототипування. Tes Mat намагається зібрати у них один і той же інтерфейс і описує плюси і мінуси Proto.io, Pixate, Origami, Framer та Form.

InVision


Sketch


Прототипування в Keynote


Користувальницькі дослідження і тестування, аналітика
32 Ways To Measure The Customer Experience
Відмінна класифікація методів користувальницьких досліджень від Jeff Sauro у прив'язці до конкретних завдань.

32 Ways To Measure The Customer Experience

Comparing Between — and Within-Subjects Studies
Jeff Sauro про користувальницьких дослідженнях, де різні завдання даються одним і тим же, або зовсім різним респондентам. В кінці він порівнює плюси і мінуси цих варіантів. Перший дешевше, другий дає менше перешкод.

Візуальне програмування та дизайн у браузері
WebKit Visual Styles Sidebar
WebKit впроваджує наочний візуальний редактор стилів сторінки. Крім стандартної панелі з кодом, додалася вкладка в дусі графічних редакторів, де можна явно задати основні параметри оформлення — майже як в Sketch або Photoshop. Дуже круто, чекаємо таку ж штуку в Chrome.

CSS is complicated. Web Inspector's new Visual Styles sidebar can help you a perfect design — now in the nightly. pic.twitter.com/ucS5BUkO6Q  WebKit (@webkit) 20 серпня 2015



SalesForce Lightning Design System
Дизайн-система Lightning компанії Salesforce. Трохи про те, як вона робилася.

SalesForce Lightning Design System

Робота з Bootstrap і Foundation


Bootstrap Themes

Easee
І ще один новий інструмент для дизайнерів Easee. Він дозволяє робити анімацію у браузері. Невеликий розповідь його творця Steven Fabre про те, як і навіщо він його зробив.

Easee

Framer


Webflow CMS
Webflow запускає свою CMS: поки не все ясно, але виглядає інтригуюче. Практично візуальне створення адаптивного динамічного сайту з купою технічно складних елементів.

Webflow CMS

Робота з Flexbox


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


Нові скрипти


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


Управління інтерфейсними проектами, процесами і командами
Applied UX Strategy, Part 3: Platform Thinking
Моя стаття про трм мисленні на основі недавньої презентації. Як перестати плодити документацію і почати жити. Все це спалює багато часу на бумагомарательство — сили йдуть на поліровку побічних документів, а не продукту. Потрібно сприймати роботу над продуктом як створення і розвиток платформи, а не конкретний реліз. Російськомовна версія.

UX-стратегія на практиці. Частина 3 — Платформенне мислення

Я розповідав про це на Smashing Magazine (мобільний веб, контент-проекты). Але там був наголос на конкретні кейси, а в цій публікації — покрокова інструкція по створенню такої платформи.

Наприкінці йде довгий список усіх тих, завдяки кому ця картина вишикувалася в єдине ціле і почала впроваджуватися на практиці. Початкова ідея була простою, перший прототип платформи з'явився в середині 2012 року. Але по мірі перекладу все більшої кількості сервісів на неї бачення коригувалося і розширювалося. У нас величезна кількість продуктів і питань по кожному з них, так що ми ще в дорозі. Тому серія буде продовжуватися :)

UX-стратегія


Дизайн-культура


Creative Building Teams without Your Gut

Найм дизайнерів


Design Sprints


Getting Started With UX Process Design & Documentation
Ще одна книга UXPin, про побудову дизайн-процесу та роботи з документацією.

The Designer's Guide to Collaborating With Developers
І ще одна — про взаємодію дизайнерів і розробників.

Presumptive Design — Design Research Through the Looking Glass
Leo Frishberg і Charles Lambdin пропонують свою варіацію на тему lean UX. Не особливо осмислене отпочковиваніе з основним мотивом створення «нас не розуміють», але в скарбничку термінології корисно.

Продуктовий менеджмент та аналітика
Техніка пікапа — Як створити продукт і підкорити користувачів
На річній програмі інституту Стрілка і Rambler & Co виступив Rahul Sen з Spotify, який займається питаннями росту користувацької бази і прибутку. У нього досить цікава концепція вибудовування роботи з користувачем як особистих взаємин. У цій статті, правда, зовсім загальний огляд, трохи більше деталей було в англомовній версії. Хоча найцікавіше залишилося в самій презентації і, мабуть, тренінгу. В тому числі про їх моделі метрик AACR (Acquisition, Activation, Conversion, Retention) і її провязке в інтерфейсі.

Техніка пікапа — Як створити продукт і підкорити користувачів

Design x Data
IDEO запустили блозі на Medium, присвячений використанню даних і аналітики в дизайні. Поки, правда, всього пара публікацій.

Кейси
From Russia With Love — Behind The Responsive Redesign Of Kremlin.ru
Артем Геллер відповідає на питання Smashing Magazine про роботу над новим сайтом Kremlin.ru. Насичена стаття, у якій багато цікавих технічних деталей. Це перший російський державний проект «на сторінках» подібного видання.
Версія російською.

From Russia With Love — Behind The Responsive Redesign Of Kremlin.ru

Alcatel Watch UX
Шикарнейший кейс Дениса Невожая про роботу над інтерфейсом розумних годин One Touch Watch від Alcatel. У всіх деталях показано ітерації дизайну, розказано про первісні задуми і кінцевої реалізації. Це власна платформа Alcatel, так що пошук рішень особливо цікавий.

Alcatel Watch UX

Хосейн Рахман: Як в Jawbone проектують hardware-продукти
Дуже потужний кейс від команди Jawbone, що охоплює всі нюанси продуктової роботи. Друга частина.

Хосейн Рахман: Як в Jawbone проектують hardware-продукти

Blurring Is the Auto-Tune of UI Design, and Other Things We Thought About While Designing Wildcard 2.0
Khoi Vinh розповідає про роботу над інформаційним додатком Wildcard, для якого він робив досить глибоке дослідження про карткових інтерфейсах. Правда, спочатку вони планували запускати мобільний браузер, але він не злетів та напрацювання віддали для більш простий тижня. Додаток вийшло недавно і це одна з найефектніших штук на iOS в цьому році.



Кейси редизайну


Дизайн у Samsung


Історія
50 years ago today the word «hypertext» was introduced
Інтерв'ю з Ted Nelson, автором ідеї гіпертексту. Він у деталях розповідає про те, як прийшов до цієї ідеї, як 50 років тому проходила її легендарна презентація і що з усього цього вийшло.

50 years ago today the word «hypertext» was introduced

Веб '90х


'Space Jam' Forever — The Website That Wouldn't Die

Тренди
The Post-Mac Interface
Дуже довгий, але дуже цікавий текст про історію розвитку GUI від Adam Baker. Він згадує концепцію інтерфейсу Anti-Mac від Jakob Nielsen і D. Gentner 1996 року, в якій вони намагалися переосмислити класичний інтерфейс Mac з урахуванням появи інтернету. Що-то з їх прогнозів збулося, що немає і Адам пропонує своє бачення Post-Mac.

The Post-Mac Interface

Trends in Newsrooms — Gaming the news
Останнім часом ЗМІ дедалі частіше готують спец.проекти і альтернативні варіанти подачі матеріалів, представлені в ігровій манері. Сайт асоціації WAN IFRA розбирає найбільш яскраві приклади.

Web Design Book of Trends 2015-2016
Книга UXPin про тренди в інтернеті 2015-2016.

Портативні пристрої


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


Для загального і професійного розвитку
How to design award-winning websites
Lasse Kristensen є членом журі FWA. Він розповідає про те, за якими критеріями судить роботи.

How to design award-winning websites

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


Добірки книг


I Have No Idea What The Hell I Am Doing
Переклад статті на основі свіжого виступи Brad Frost про особливості та філософії дизайну в сучасному інтернеті. Багато ключових ідей зібрані разом.

Люди і компанії в галузі
Designer Bios
Цікава колекція міні-біографій дизайнерів з їх особистих сайтів і сайтів студій. Хто і як себе подає.

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


Покупки дизайн-студій великими компаніями


Закриття LayerVault


Матеріали конференцій
Uideo — 374 близько-дизайн-відео
Андрій Якушев запустив агрегатор відео з вітчизняних дизайнерських конференцій. У базі вже під чотири сотні виступів.

Uideo — 374 близько-дизайн-відео

UX Strategies Summit 2015 Review, Part 1 — Overview and Workshops
Звіт Pabini Gabriel-Petit про конференції UX Strategies Summit 2015, що проходила 10-11 червня в Сан-Франциско, США. Дуже докладний конспект ключових виступів. День 2.

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

Джерело: Хабрахабр

0 коментарів

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