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

    Вже чотири роки я публікую регулярні огляди свіжих статей по темі інтерфейсів, нових інструментів і колекцій патернів, цікавих кейсів та історичних оповідань. Зі стрічок декількох сотень тематичних підписок відбирається приблизно 5% стоять публікацій, якими цікаво поділитися. Попередні матеріали: квітень 2010-березень 2014 .
 
 Ð”айджест продуктового дизайна, апрель-май 2014
 
 Паттерни і Best Practices
 Responsive Email Patterns
Колекція патернів адаптивних листів розсилки.
 
 Wear UI
Колекція інтерфейсних патернів носяться пристроїв.
 
 Principles of Mobile Site Design — Delight Users and Drive Conversions
Google і AnswerLab опублікували спільні рекомендації щодо створення мобільних сайтів. Це 25 добре ілюстрованих правил, що охоплюють всі аспекти їх створення. Також з'явився підручник кращих веб-практик від Google.
 
 The Right Way To Ask Users For iOS Permissions
Brenden Mulligan про те, як правильно запитувати в користувачів дозволу в iOS. Переклад на російську .
 
 Rethinking Mobile Tutorials — Which Patterns Really Work?
Theresa Neil розбирає вдалі і не дуже патерни навчальних екранів у мобільних додатках. І дає рекомендації щодо створення дійсно затребуваних і корисних для користувача.
 
 Side Drawer Navigation Could Cost Half Your User Engagement
Цікавий кейс Android-додатки zeebox від Anthony Rose, в якому він розповідає про меншу ефективність сайдбара в якості основного принципу навігації. Вони провели серію експериментів і завжди видимі на екрані вкладки показали набагато більшу залученість користувачів. У продовження теми:
   Telling stories about screens for screens
Відмінний огляд прийомів показу продукту в рекламних або навчальних відео-роликах від Matthew Latkiewicz з Zendesk. Він виділяє 6 основних підходів з різним ступенем корисності та достовірності.
 
 User Onboarding — A frequently-updated compendium of web app first-run experiences
Сайт, присвячений розбору патернів onboarding. У продовження теми:
  
     
  • Laura Klein критикує бажання багатьох проектувальників і менеджерів мотивувати користувача вивчати продукт . Спочатку потрібно дати йому можливість вирішити свої основні завдання і вже після цього можна поступово навчати додатковим можливостям.
  •  
 You are not Google. You are not Amazon
Ви — НЕ Google. Bи — НЕ Amazon. Чому не завжди треба слідувати за великими компаніями? Paul Boag про ссилкax без підкреслення в результатах пошуку Google.
 
 The Ideal Length for All Online Content
Яка оптимальна довжина повідомлення в Twitter або Facebook? Наскільки довгим повинен бути заголовок статті та сама стаття, параграф тексту, рядок? Результати багатьох досліджень зібрані в статті Kevan Lee.
 
 House of Buttons
Галерея прикладів кнопок. Статичні, анімовані, стандартні, кастомниє і багато багато інших. У продовження теми:
   The "Psychological" Speed ​​of Mobile Interfaces
Oz Lubling про психологічні «секретах», того як підвищити сприйняту користувачами швидкість мобільних інтерфейсів. У продовження теми:
   
 List Beats Grid — Linear Feeds Perform Two to Three Times Better Than Grids
Для сервісу Prismatic розміщення елементів стрічки новин у вигляді списку виявилося в 2-3 рази ефективніше, ніж сітка з карток. До такого висновку вони прийшли після експериментів, проведених спільно з Teehan + Lax. Студія про проект .
 
 Why users can't find answers in help material
Презентація Tom Johnson про те, як зробити систему допомоги ефективніше. Він описує основні проблеми, з якими стикаються користувачі в роботі з ними, і призводить покроковий процес для їх вирішення.
 
 
 Mobile Usability
Звіт по мобільному юзабіліті від компанії Practicology на основі аналізу 15 провідних британських сайтів електронної комерції. Основні 5 висновків зі звіту .
 
 Single-Field Credit Card Input Pattern
Brad Frost допрацював скрипт, який полегшує введення даних кредитної картки на мобільних, натхненний рішенням Square. Всі поля вводяться в одному рядку. У продовження теми:
   Notification Design Strategies
Стратегії дизайну повідомлень електронною поштою.
 
 Four Things I Wish Every Chart Did
Des Traynor запропонував 4 ідеї щодо поліпшення інтерактивності й інформативності графіків і діаграм.
 
 Where are luxury brands going wrong online?
Інтернет-помилки брендів, які виробляють предмети розкоші. Головна — то що сайти роблять рекламщики, які дивляться на враження від статичних картинок і не замислюються про реальний досвід використання.
 
 Keyboard-Only Navigation for Improved Accessibility
Підтримка навігації по сайту за допомогою тільки клавіатури. Як її забезпечити? Поради Marieke McCloskey: 1) чітке відображення фокусу введення клавіатури; 2) всі інтерактивні елементи повинні бути доступні; 3) надайте користувачам возмозность пропустити навігацію і перейти відразу до основного контенту.
 
 The One Little Box That's Costing You Big Dollars
Хитрощі інтерфейсу для введення бонусних кодів в інтернет магазинах. На чому можна втратити, а на чому — заробити?
 
 Design better faceted navigation for your websites
Відмінний розбір фасетной навігації від Jim Kalbach. Добре описані плюси, мінуси, підводні камені.
 
 Responsive Design: Why and how we ditched the good old select element
Цікава версія заміни випадаючих списків, яка працює як для веб, так і для мобільних, запропонована Mikkel Bo Schmidt.
 
 Email Subject Lines: 5 Tips to Attract Readers
Поради Jannele Estes про написання заголовків email-розсилок, які залучають читачів.
 
 This is Responsive — Tips, Resources and Patterns for Responsive Web Design
Колекція патернів, статей та інших корисних матеріалів по адаптивному дизайну. Всі приклади можна помацати, це працюючий код. У продовження теми:
   Accordions for Complex Website Content on Desktops
Hoa Loranger про використання аккордіон для відображення контенту.
 
 Розуміння користувача
 The Illusion of Motion
Докладна стаття про сприйняття руху людським оком / мозком, частоті кадрів, частоті розгортки, моушн блюр і телевізорах. Допоможе раз і назавжди розібратися, що таке FPS.
 
 Mobile And Accessibility — Why You Should Care And What You Can Do About It
Основи мобільного доступності від TJ VanToll. Він згадує цікавий інструмент перевірки кольорового контрасту .
 
 Design with Temperament (Презентація Hienadz Drahun)
Презентація Геннадія Драгуна з Митап «Design by Fire Cafe # 34», що пройшов у понеділок 19 травня. Використання типів темпераменту як основи для швидкої побудови поведінкових моделей користувачів.
 
 www.slideshare.net/Hienadz.Drahun/hienadz-drahun-design-with-temperament-design-by-fire-cafe
 Task Analysis — The Key UX Design Step Everyone Skips
Larry Marine про аналіз завдань — простому та ефективному методі, про який всі чули, але яким мало користуються.
 
 Behavior Change Strategy Cards
Компанія Artefact Group опублікувала методичку про те, як впливати на поведінку користувачів. Це набір базових правил побудови хороших інтерфейсів. Пряма посилання на PDF .
 
 Barry the Blog Post…
Chris Noessel з Cooper Consulting пише про тонкощі вибору імен для персонажів.
 
 Inside Goal-Directed Design — A Two-Part Conversation With Alan Cooper
Розмова з Alan Cooper про Goal-Directed Design. Частина 2 про сьогодення.
 
 Gaining UX Insight through Dyads and Triads
James Breeze і Gowri Penkar про метод групових користувальницьких досліджень за допомогою «диад» і «тріад». Це відмінний варіант, якщо необхідно зрозуміти взаємодію сім'ї з продуктом.
 
 QuickPanel: Dyslexia
10% людей страждають на дислексію — вродженими фізичними складнощами з читанням. 5-20% — дисграфией — складнощами з листом. 11% дітей і 4% дорослих мають дефіцит уваги, складності із зосередженням. Експерти по доступності про те, як дизайн може допомогти цим людям.
 
 Personality And Play Styles — A Unified Model
У пошуках об'єднаної моделі персонажів гравців — захоплюючий мікс з типів темпераменту Кейрсі, типології гравців Бартла, демографічного гейм-дизайну Кріса Бейтмана, теорії Калуа і Лаззаро і багато чого іншого. Після прочитання залишається накидати player personas на Дайс, хіба що. У продовження теми:
  
     
  • Інший підхід, який розглядає досвід користувачів через призму емоційної реакції на події в грі. Може служити основою для player experience journey map .
  •  
 Designing with the Mind in Mind — Simple Guide to Understanding User Interface Design Guidelines
Витяг з недавно вийшов другого видання книги Jeff Johnson «Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines». Дуже добре описані базові принципи сприйняття і те, як ними варто користуватися при проектуванні інтерфейсу.
 
 Resources: Mental Modeling For Content Work (Презентація Daniel Eizans з Confab Minneapolis)
Презентація та корисні матеріали з майстер-класу Daniel Eizans про створення ментальних моделей з конференції Confab Minneapolis. Дуже хороший огляд процесу і методів.
 
 Designing for Your Objectives
Методика Rachel McCollin проектування по задачам. Просто. Ефективно. Результативно. Нічого зайвого.
 
 Defining Patient Experience
Наукова публікація, що описує 14-річний досвід вивчення і проектування нюансів взаємодії пацієнтів і мед.персонала від Jason A. Wolf, Victoria Niederhauser, Dianne Marshburn і Sherri L. LaVela. Корисний матеріал для тих, хто займається проектуванням послуг.
 
 Mobile First? Not So Fast
Laura Klein про більш осмисленому підході до мобільного дизайну. Вирішальними факторами повинні бути завдання, що стоїть перед користувачем, і контекст використання, а не розмір пристрою.
 
 Learner Centered Design (Book Review)
Невелика рецензія на книгу Dorian Peters «Learner Centered Design: Interface Design for Learning». Вона описує підходи до навчання користувачів у різних продуктах — від сайтів до ігор.
 
 Boardroom Comics — A Business-Scenario Visualization Tool For Executives
Ajax Revels про метод розуміння цільової аудиторії і сценаріїв її роботи за допомогою колективного створення коміксів.
 
 Playful or gameful? Creating delightful UX
Andrés Lucero, Evangelos Karapanos, Juha Arrasvuori і Hannu Korhonen пропоную концепцію PLEX (Playful Experience) для проектування інтерфейсів з ігровими елементами. Концепція непогано описана, включаючи набір гральних карт і характеристик таких інтерфейсів.
 
 Data-Driven Design vs Design Intuition
Дизайн, заснований на даних, і дизайн, заснований на інтуїції. Тему обговорюють Bradford Cross (засновник і CEO Prismatic), Brynn Evans (ведучий UX-дизайнер Google) і David Gauquelin (глава дизайну Prezi) і Braden Kowitz (дизайн-партнер Google Ventures).
 
 Why 55% of Potential B2B Buyers Might Not Trust Your Website Content
Основні проблеми з довірою В2В-сайтів. Список очолюють: 1) відсутність доступної контaктной інформації; 2) неякісний контент в розділі «Про компанію».
 
 Інформаційна архітектура і концептуальне проектування
 Creating a Concept Model (Відео Dave Gray)
Відео-майстер-клас від Dave Gray і Christina Wodtke по створенню концептуальних моделей. Покрокове 40-хвилинне відео. Після цього вийшла докладна стаття .
 
  
 Orchestrating Touchpoints
Відео виступу Chris Risdon з Adaptive Path, в якому він розбирає такий елемент Customer Journey Maps, як «точки дотику» (touchpoints). У продовження теми:
    
 
 Brainsketching: Collaborative Interaction Design
Jay Vidyarthi пише про методику проведення робочих зустрічей brainsketching. Учасники замальовують свої ідеї на папері замість того щоб обговорювати їх, а потім кілька разів обмінюються нотатками з тим щоб розвивати чужі ідеї.
 
 Service Blueprinting
Презентація Izac Ross з Cooper Consulting про методику Service Blueprinting.
 
 Проектування та дизайн екранів інтерфейсу
 Rumor: Google's Plan To Bridge Chrome, Android, And Search To Do Everything On Your Device
25-26 червня пройде Google I / O і є ймовірність, що нова версія Android буде виглядати приблизно так. Також можуть бути спрощені ікони додатків . У продовження теми:
   
 
 Плагіни та шаблони для Sketch
   The Guide to Wireframing
Chris Bank з UX Pin написав серію статей про wireframes, після чого об'єднав їх в електронну книгу. Самі статті:
   Project Parfait (Beta) — PSD CSS Extraction, Measurements and Image Optimization Service for the Web
Adobe запустив онлайн-сервіс Parfait для полегшення переказу PSD-макетів у верстку. Він дозволяє образмеріваємого дизайн і отримувати CSS-код для обраних об'єктів. У продовження теми:
  
     
  • Avocode , ще один безфотошопний інструмент для роботи з PSD.
  •  
 Speed ​​Design with Illustrator — 14 tips to create interfaces in minutes
Базова пам'ятка по створенню інтерфейсів в Adobe Illustrator. 14 порад про основні особливості роботи.
 
 Creating Style Guides
Susan Robertson про те, як створювати гайдлайни в HTML.
 
 Website Deck
Гральні карти зі слайдами типових екранів інтерфейсів.
 
 Demonstrate — Mobile Prototyping
Додаток Demonstrate для швидкого прототипування мобільних додатки для iOS.
 
 UI Design Dos and Don'ts
Підбірка основних правил створення інтерфейсів для iOS7 від Apple. До речі, офіційні гайдлайни вийшли у вигляді книги в iBooks .
 
 Mitya — Prototype your Interaction Animations
Ще один інструмент для створення інтерактивних прототипів з макетів. Синхронізується з Дропбоксом і показує прямо на пристроях. Офіційна Фейсбук-група інструменту .
 
 MMLayershots
MMLayerShots дозволяє зібрати всі екрани iOS-додатки в єдиний структурований PSD, що досить зручно для перевірки на якість реалізації. Передбачає деякі навички кодинга і Mac.
 
 Density Converter by Jeff Broderick
Калькулятор адаптації дизайну смартфонів і планшетних додатків до екранів різного дозволу і щільності від Jeff Broderick.
 
 Collaborating With Adobe Fireworks On Large Design Teams
Dan Nisbet докладно про те, як ефективно використовувати Adobe Fireworks в командній роботі. Хоча підтримка інструменту по суті припинена, багато хто до цих пір ефективно використовують його і пара років у нього ще є.

Peek View
Плагін для Photoshop, що дозволяє швидко переглядати макети на зв'язці підключених смартфонів і планшетів. Творці говорять, що працює швидше Skala. У продовження теми:
  • Pixl Preview — Ще один інструмент для перегляду Android-макетів на пристрої.
iOS 7 UI Kit Photoshop Action Set
Набір екшнів для Photoshop, що спрощують роботу з iOS7-макетами.

Користувальницькі дослідження і тестування, аналітика
Experiments at Airbnb
Отличнейший матеріал команди AirBnB про їх методах проведення А / B-тестування, а також особливості використання інструментів і методів. Переклад на російську . У продовження теми:
Easy Color Contrast Testing
Простий спосіб тестування кольорового контрасту за допомогою Chrome Accessibility Developer Tools.

The Moderator's Survival Guide — Handling Common, Tricky, and Sticky Situations in User Research
Витяг з вийшла минулого року книги Donna Tedesco і Fiona Tranquada «The Moderator's Survival Guide: Handling Common, Tricky, and Sticky Situations in User Research».

Identifying the 3 Types of Missing Data
Jeff Sauro розповідає, як аналізувати неповні дані користувальницьких опитувань. Можливі різні ситуації — конкретне питання був некомфортен для значної частини респондентів і відповідей на нього немає у великого відсотка або відповіді пропущені у випадковому порядку.

Usability Testing for Detailed Design Using Mechanical Turk
Кейс того як команда Prismatic використовувала сервіс Amazon Mechanical Turk для того щоб спростити вибір варіантів за допомогою А / В-тестування.

Readability.io — Перевірка на читаність текстів
Онлайн-сервіс Readability.io допомагає покращувати інформаційні тексти в інтерфейсах.

Візуальне програмування
The «designers should code» bullshit and a not so new idea
Цікаві роздуми Davide Casali на тему популярного в останні роки посилу про те, чи повинен дизайнер вміти верстати.

Macaw — The Code-Savvy Web Design Tool
З бети вийшов Macaw, новий сучасний інструмент для дизайнерів і проектувальників на заміну тяжеловесному Фотошопу. Як і Sketch, він полегшує робочий процес, але йде далі і обіцяє візуальне програмування, про який давно мріють провідні дизайнери. На виході — чистий і акуратний HTML і CSS, що підтримує адаптивність. У продовження теми:
  • Менш трендовий і ідеологічно правильний, але потенційно цікавий Tumult Hype .
Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw
Докладний огляд сучасних інструментів для візуальної «верстки» адаптивних сайтів. У продовження теми:
  • Sparkle , близький за змістом інструмент.
  • Візуальний інструмент Brix для створення адаптивних сайтів на основі Bootstrap.
Framer — Modern Prototyping
Вийшла третя версія Framer.js з купою нових можливостей. У продовження теми:
Avocado для Quartz Composer
Фреймворк Avocado від IDEO, ще одна надбудова над Quartz Composer. Вийшла її версія 1.0 . У продовження теми:
Understanding CSS Timing Functions
Найдокладніший розбір того, як працює сучасна CSS-анімація від Stephen Greig. Враховуючи те що робити такі речі руками стає все простіше, корисно розуміти загальні принципи і деталі.
Famo.us
Javascript-фреймворк для створення складних користувальницьких інтерфейсів для будь-яких екранів. Хороша документація, повно демонстраційних матеріалів і навчальних статей, зростаюче співтовариство. Вбудований 3D-движок, що працює майже в будь-яких браузерах — можна робити що завгодно: від складних анімацій до ігор.

Facebook Pop
Facebook відкрив код свого фреймворка Pop для анімації в мобільних додатках, який використовувався при створенні Paper. Докладніше про нього . У продовження теми:
Parallax Done Right
Dave Gamache з команди Medium описує технічні нюанси створення правильного паралакса в інтернеті. Демо в супровід статті .

Refills
Ще один конструктор Refills для швидкої збірки проектів. Зроблено на базі CSS-фреймворка Bourbon і його надбудов Bitters і Neat.

Hello Processing
У рамках Hour of Code ™ був запущений підсайт з навчальними відео-матеріалами з мови програмування Processing, незаточеного на візуалізацію даних.

Flowhub — Peer-to-peer full-stack visual programming for your fingers
Інструмент для візуального програмування Flowhub (раніше NoFlo ) на початку цього року зібрав гроші на KickStarter і тепер перебуває в беті. Він заснований на JavaScript і дозволяє працювати з Інтернетом і додатками на Android і iOS. Оглядова стаття .

Forms — The Complete Guide
Керівництво по прототіпірованію форм від Martin Polley, використовуючи фреймворк Foundation від Zurb. Частина 2 .

Webflow — Website Interactions without Code
Webflow додає можливості інтерактивної анімації, так що тепер ще краще підходить для односторінкових промо-сайтів.

Snap.svg
JS-бібліотека для створення графіки та її анімації в SVG. У продовження теми:
Cody
Поповнюється колекція будівельних цеглинок для вашого веб-проекту. Присутні як комплексні HTML / CSS / Javascript рішення, так і окремі невеликі компоненти.

iOS Hat
iOS Hat допомагає перетворити шари з Photoshop в працюючий код на Objective-C. Підтримується експорт кольору, векторних форм, стилів тексту. Враховуються розміри і прив'язки.

PaintCode
Ще один сучасний інструмент для дизайнерів, охочих скоротити ланцюжок від макетів до реалізації. Він дозволяє експортувати макети для iOS в ресурси і код на Objective-C і C #.

Visual Programming Languages ​​Snapshots
Історія інструментів візуального програмування від 60х до нашого часу від Eric Hosick з Interface Vision.

Get Shit Done
Фреймворк на базі Bootstrap 3.

The Answer to PhoneGap UI Development
HTML5-фреймворк Onsen UI для створення Android і iOS-додатків. Позиціонується як краща альтернатива PhoneGap.

Метрики і ROI
Why consumer product metrics are all terrible
Andrew Chen пише правду про користувальницьких метриках стосовно до соціальних сервісів. У деякий випадках тільки 1% з відвідувачів зареєструється; 95% відсотків ваших користувачів будуть неактивні в будь-який конкретний день; Більше 50% відсотків користувачів так і залишаться одні, ні до кого не приєднаються.

Управління інтерфейсними проектами, процесами і командами
PJ McCormick's Leading Your Design Through Danger
PJ McCormic про побудову процесу всередині його команди дизайнерів в Amazon.


Building a Solid Foundation for Efficient Design
Angela Cravel з EffectiveUI про те, як аналізувати ситуацію в компанії.

A look Inside Design at HubSpot
Joshua Porter, UX-директор HubSpot, розповідає про організацію дизайн-процесу в компанії.

Fuck Innovation, Everything We Have Now is Shit
Amy Hoy про продуктовому дизайні, тому, що спочатку потрібно зробити прості речі працюючими, а вже потім гнатися за «інноваціями». Продовження . У продовження теми:
4 Myths About Apple Design, From An Ex-Apple Designer
Mark Kawano, екс-євангеліст UX в Apple, викриває 4 міфу про процес дизайну в компанії. Переклад на російську .

7 Reasons Usability Problems Don't Get Fixed
Jeff Sauro описує 7 основних причин, через які виявлені юзабіліті-проблеми залишаються невирішеними: 1) Не ясно, як часто зустрічається проблема, як багато користувачів вона зачіпає; 2) Проблема зачіпає невелику кількість користувачів; 3) Немає згоди всередині команди, чи дійсно проблема є проблемою; 4) Іспpавленіе вимагає капітальних переробок продукту; 5) Вплив проблеми мало помітно позначається на досвіді користувачів; 6) Оцінка витрат на виправлення більше, ніж потенційний виграш; 7) Продукт і так працює, заробляє гроші. Господарі знають про проблеми, але задоволені і не хочуть поки нічого змінювати.

Maximum Viable Product
Joe Leech з CXPartners про зворотній концепції для lean UX — Maximum Viable Product. Це той набір функцій, який є межею, після якої починається перегруз можливостями і погіршення інтерфейсу.

Stop Dancing Around Criticism and Put It to Use with These Tips from Airbnb's Head of UX
Поради Katie Hill з Airbnb про те, як правильно критикувати дизайн. Причому розписані з обох сторін — презентує і критикує. У продовження теми:
How to Spot Good UX Designers
Нова колонка UXMatters на тему того, як помітити хорошого UX-дизайнера?

Продуктовий менеджмент та аналітика
Designer Duds — Losing Our Seat at the Table
Чи виправдовує себе дизайн заради дизайну, наприклад — додатки Carousel від Dropbox, Paper від Facebook, Jelly? Адже дизайн повинен приносити результати. «Чудовий» дизайн, який приносить малу віддачу насправді — провал. Tuhin Kumar з Facebook відповідає на статтю . Правда, трохи з позиції «спочатку добийся».

A Guide To Validating Product Ideas With Quick And Simple Experiments
Grace Ng описує метод перевірки продуктових гіпотез і наочну табличку для цього. Вона наводить простий приклад зі своєї практики, показує як працювати з шаблоном.

Solving Strategic Problems — Going Beyond Being a Technology Order Taker
Хороші кейси того, як можна переконати компанію поміняти продуктові плани. У продовження теми:
Rap Genius Explains Why Worse is Better
Дуже корисна програмна стаття про Tom Lehman, творця сервісу Rap Genius, в якій він розповідає про історію створення продукту і своєму переконанні «чим гірше — тим краще ». Його мета — перевіряти продуктові ідеї наживо в якомога більш простому вигляді, забиваючи болт на слабо працюють. Це йде врозріз з бажанням багатьох дизайнерів вилизувати кожну дрібницю, часто не звертаючи уваги на те, що вона має низьку цінність для користувача або взагалі не потрібна. Посил Тома, звичайно, зовсім радикальний, але дозволяє знайти правильний баланс між увагою до деталей і викочуванні працюючих рішень. Переклад на російську .

The Last Goodbye — How To Shut Down A Failing Product
Хороша пам'ятка Kevin Stone про те, як відбувається закриття продукту. Покрокова інструкція для менеджерів, дизайнерів і проектувальників.

Методології, процедури, стандарти
Establish user experience transformation as a continuous evolution
Richard Berkman і Marvin Klein з IBM описують сучасний підхід до створення продуктів у банківській сфері. Їх загальний посил — більше немає редизайнів і великих версій, для яких інтерфейс повинен бути ідеально вилизаний. Швидше продукти перезапускати у вигляді платформи, яка постійно оновлюється і покращується, тому що реліз — це тільки початок шляху.

Accessibility in Practice — A process-driven approach to accessibility
Проблеми практичної підтримки доступності. Те, на що воліють закривати очі. Дуже часто, при неправильній реалізації, пріоритетом є формальне технічне відповідність стандартам, а не якість взаємодії. Іноді навіть вибираються неправильні стандарти, наприклад, перевіряється відповідність WCAG там, де потрібно перевіряти на WAI-ARIA. Підтримка доступні не закладається в систему з самого початку, а існуюча система «підганяється» під формальну відповідність стандартам. Також буде корисно:
Майбутнє UX-методології та її проблеми
Презентація Андрія Сікорського про еволюцію UX з конференції РИФ + КІБ 2014.


Кейси
Good design ain't pretty
Luke Jones критикує популярні на Dribbble і Behance непрохані редизайн великих сервісів на прикладі плоскої Mac OS. Внизу статті непогана жарка дискусія на тему. Інші спірні або відверто погані спроби таких редизайнів:
Lenta Inside — Майстер-клас Галини Тимченко в Школі нових медіа
Майстер-клас Галини Тимченко, колишнього головного редактора Стрічки.Ру, про те, як робився недавній редизайн видання і з якими проблемами зіткнулися в його ході.


How Facebook Used UX Research To Personalize The Way We See Each Other
Кейс поліпшення користувальницького профілю в Facebook за допомогою зв'язки досліджень. Від ко-дизайну з користувачами до обкатки на відсотку аудиторії.

Hybrid sweet spot: Native navigation, web content
David Heinemeier Hansson з 37 Signals про еволюцію мобільного додатку Basecamp з використанням гібридного підходу.

Історія
The Woman Behind Apple's First Icons
Про Susan Kare, одну з перших цифрових дизайнерів, автора іконок першого Mac і взагалі одну з найбільш легендарних особистостей в продуктовому дизайні пишуть регулярно. Але ця стаття, напевно, сама детальна і цікава з усіх.

25 old school websites for 25 years of the web
Microsoft, Google. Apple, BBC, CNN… Як 25 відомих сайтів виглядали 15-20 років тому.

The Secret History of Hypertext
Ще одна стаття про бельгійському бібліотекаря і підприємця Paul Otlet і його внеску в поява інтернету. Виявляється, що крім свого відомого проекту Mundaneum він випередив та ідеї Vannevar Bush, що вважається основоположником концепції гіпертексту і комп'ютера як «розширювача здібностей» людини.

The Videophone Turns 50 — The Historic Failure That Everybody Wanted
Mashable про 50-річчя першого відео-фону від AT & T і непростому шляху приходу відео-дзвінків в повсякденне використання.

Тренди
The leaked New York Times innovation report is one of the key documents of this media age
У публічний доступ пішов внутрішній звіт NY Times про тренди в контент-проектах та стан самого видання. Вкрай цікаво про те, куди розвивається ця індустрія. Також будуть цікаві:
Spike and Die — Why Products Created by Ad Agencies Fail
Одна з тенденцій моменту — рекламні та креативні агентства починають займатися UX-і продуктовим дизайном. Виходить на перший погляд дуже ефектно, але загрожує для успіху самих продуктів.

From Paths to Sandboxes
Презентація Stephen P. Anderson, присвячена альтернативного погляду на проектування сервісів. Він пропонує відмовитися від роботи з оптимізації конкретних сценаріїв і створювати майданчик з простими правилами роботи, яку користувачі могли б використовувати так як їм це більше підходить. Такі сервіси мають значно більшу залученість і гнучкість — майже як ігрові світи.


Why VC Firms Are Snapping Up Designers
Дизайн-партнер в венчурної компанії — нова можливість для дизайнерів? Наприклад, John Maeda перейшов в KPCB, а Irene Au починає працювати в Khosla Ventures.

KPCB Internet trends 2014
Інтернет-тренди на 2014 рік від KPCB.


Свіже про автомобільні інтерфейсах
Post Flat
Wells Riley розмірковує про те, яким може бути пост-флет-дизайн. Невеликий концепт від Pietro Schirano c більш активним використанням градієнтів.

Software is Eating Hardware — Lessons for Building Magical Devices
Adam MacBeth, який працював над iPod, Jawbone, Fifty Three Pencil, пише про особливості створення нових пристроїв.

Predicting too early is as bad as not predicting at all
Don Norman розбирає свої передбачення, зроблені 16 років тому у книзі «Invisible Computer». Що збулося, що — немає, а що — ще може трапитися, а також дає нові передбачення на наступні 10 років. У продовження теми:
  • Jacob Nielsen розповідає на Google про своє бачення майбутнього юзабіліті.

Samsung Design Platform
Samsung запустив підсайт, присвячений принципам дизайну компанії і речам, якими вона пишається. Вже пішли хвилі сарказму (наприклад, Fast CoDesign ), але це в жодному разі цікаво. У продовження теми:
Everyone Deserves Great Design
Чудовий дизайн, доступний для всіх — концепція, створена Ehsan Noursalehi. Ідея — розробляти прості, функціональні продукти, які були б однаково доступні і в передових, і в країнах, що розвиваються. Такі, як класичні годинник Casio, які випускаються вже більше 20 років, ручки Bic, пластикові стільці, дешеві портативні УЗД-скaннери GE… Доступність це не тільки обмежені фізичні, а й обмежені фінансові можливості, обмежений доступ до ресурсів. 90% населення землі живуть в умовах обмеженості.

One billion dollars later…
Компанії пережили хвилю захоплення великими даними і веб-аналітикою. Anil Dash про очікуване появою інструментів «особистої / потребітальской аналітики», де буде критично якість UX.

What Comes Next Is the Future
Документальний фільм з участю багатьох відомих дизайнерів, запущений на Kickstarter.

Професійний розвиток
Культура дизайну
Нова книга Влада Головача, присвячена історії дизайну та її впливу на культуру. Глибока і ємна. Онлайн-версія .

Get Started in UX: The Complete Guide to Launching a Career in User Experience Design
Витяг з нової книги Matthew Magain і Luke Chambers «Get Started in UX: The Complete Guide to Launching a Career in User Experience Design» на тему початку кар'єри в UX.

Designing in the Borderlands by Frank Chimero
Потужний лонг-рид на тему фахівців і генералистов в дизайні від Frank Chimero. Він виділяє три ролі дизайну — декорація, виробництво і донесення ідей. Публікація скоріше про графічному дизайні, але актуальна для будь-яких напрямків.

Добірки кращих книг
Better UX Internships
Отличнейший матеріал Jim Ross про те, чому досвід стажерства в компаніях часто негативний як для наймача, так і для самого стажиста. Він докладно розбирає причини провалів і дає рекомендації обом сторонам. У продовження теми:
Why Designers Leave
Julie Zhuo з Facebook розмірковує про те, чому дизайнери йдуть з компанії. Вона описує типовий сценарій приходу, наснаги, розчарування і відходу фахівця. Також будуть цікаві:
Як я здавала CUA
Анастасія Щеброва про свій досвід отримання сертифікату CUA (Certified Usability Analyst). Набір «шпаргалок» для підготовки до нього. У продовження теми:
The Hidden Value of UX Connectors and the Future of Our Community
Cory Lebson розмірковує про локальних UX-спільнотах і їх лідерах. Він згадує спробу Lou Rosenfeld та інших мастодонтів створити в 2004 році UXnet, ініціативу з підтримки таких спільнот. Тоді, напевно, було зарано, але тепер у така організація була б до речі.

Aquent Gymnasium
Безкоштовні відео-курси від Aquent, в тому числі по адаптивному дизайну і КОДІНГ для дизайнерів.

UX Job Descriptions Made Easy (er)
Компанія Vitamin T склала приклади обсшего опису вимог для різних рівнів (молодший, «спеціаліст», старший) позицій: Проектувальник взаємодії, Візуальний дизайнер, Дослідник користувачів.

Service Blueprinting — Transforming the Student Experience
Переосмислення навчання за допомогою методів проектування послуг.

10 Surpisingly Common But Painful User Experiences
Серія забавних постерів від Jeff Sauro, що показують проблеми в інтерфейсах.

6 Differences Between B2B and B2C Usability
Jeff Sauro про різницю в роботі юзабіліті-фахівця над корпоративними та споживчими додатками.

Goodbye from Five Simple Steps
Перестало існувати видавництво Five Simple Steps, в якому вийшли «Hardboiled Web Design», «Practical Guide to Designing for the Web», «Practical Guide to Designing with Data», «Practical Guide to Information Architecture». Це пов'язано з купівлею батьківської Mark Boulton Design шрифтовою компанією Monotype… Правда, через місяць видавництво вирішило продовжити роботу. У продовження теми:
UX How-To with Luke Wroblewski
Серія коротких навчальних відео від Luke Wroblewski, записаних для повчального каналу Intel.



Важливі люди в галузі
100 Most Creative People 2014
100 кращих креативних фахівців 2014 за версією Fast Co Design.

John Maeda Interview
Інтерв'ю з John Maeda, одним з найцікавіших сучасних дизайнерів. Досить цікаво про те, як він консультує компанії і вчить керівників дизайну. У продовження теми:
  • John Maeda про 3 принципах успішного дизайну : 1) Починайте з дизайну, а не закінчуйте їм; 2) Дозволяйте дизайнерам кодувати, а розробникам — малювати дизайн; 3) що не протиставляють бізнес і дизайн, цілі бізнесу і цілі користувачів.
Designing Mobile Usability
Інтерв'ю про мобільний юзабіліті з Якобом Нільсeном для сайту Dorm Room Tycoon.

Meet the godfather of wearables
Інтерв'ю з Alex Petland, одним із «дідусів» носяться пристроїв. Під його керівництвом в 90х в лабораторіях MIT створювалися перші прототипи: окуляри з вбудованим дисплеєм; годинник з датчиками температури, пульсу і кров'яного тиску; ремінь з бездротовим виходом в інтернет; значек з вбудованою камерою і мікрофоном, клавіатура вшита в жилетку і т.п.

Матеріали конференцій
Відео з MX2014 — Managing Experience
Виступи з конференції MX2014 — Managing Experience, що проходила 16-17 березня в Сан-Франциско. Я давно хотів потрапити на неї і цього року вийшло — це унікальний захід за складом і темам. Презентації розсилали учасникам, але поки чомусь ще виклали у відкритий доступ. Найпотужніші виступу у Todd Wilkens з IBM, Bill Scott з Netflix і закриває від Brandon Schauer. Було багато булшіта, багато в чому від хлопців з сервіс-дизайну (суцільна вода про цінності без конкретики). Але в цілому — було круто побачити як влаштований дизайн-процес і цінності в найбільших компаніях. Деякі з презентацій:
Відео з From Business to Buttons 2014
Матеріали конференції From Business to Buttons 2014, що проходила 3 ​​квітня в Швеції. Деякі виступи:
  • Kim Goodwin про 4х архетипах організаційних культур, і що потрібно від UX всередині кожної з них.
  • Chris Ridson — Service Design Touchpoints.
  • Cennydd Bowles про дизайнерської етиці.

Відео з конференції Lean Day London 2014
Матеріали конференції Lean Day London 2014, що проходила 25-26 березня в Лондоні.

Відео з The Service Experience Conference 2013
Матеріали конференції Service Experience 2013, що проходила 3-4 жовтня в Сан-Франциско.

Відео з ProfsoUX 2014
Матеріали конференції ProfsoUX, що проходили 26 квітня в Санкт-Петербурзі.

Фестиваль цифровий медіа-культури OFFF в Санкт-Петербурзі
Вперше за десятиліття свого існування Фестиваль цифровий медіа-культури OFFF пройде в Росії. 5 і 6 липня в креативному просторі «ТКАЧІ» виступлять Anton Repponen & Irene Pereyra (FI), Florian Schmitt (Hi-Res), Rama Allen (The Mill) та інші.

Свіжі посилання можна також відстежувати в однойменній Facebook-групі . Спасибі всім, хто також публікує посилання в ній, особливо Геннадію Драгун.

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

0 коментарів

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