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

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

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

Патерни і Best Practices
Нове про принципи дизайну


Сучасні підходи до рекламі


User Flow Patterns
Відео-колекція патернів, присвячена інтерфейсної анімації і дрібним деталям взаємодії.

Formstack Form Conversion Report
Дослідження за конверсії в формах за 2014 від Formstack. Цікавий звіт для тих, хто хоче порівняти свої результати з «середніми по лікарні». Пряме посилання на PDF.

Showing Passwords on Log-In Screens
Luke Wroblewski про те, чому і як потрібно показувати користувачам паролі в мобільних додатках.

Using decision tables to support contextual targeting in your UI
Harry Brignul пропонує методику визначення місць в інтерфейсі і підходящого моменту для того, щоб запитати у користувача інформацію або запропонувати дод. послугу. У загалом схоже на про ніж говорить Dan Saffer в «Microinteractions». У продовження теми:


The Art of alt   Great Writing Descriptive Text For Images
Поради щодо написання альтернативних текстів до зображень від Dudley Storey.

Timing Guidelines for Exposing Hidden Content
Aurora Bedford рекомендує тимчасові затримки при відображенні вмісту, показываемому наведення курсору миші (мага-меню, каскадні меню, додатковий контент і тощо).
  1. Показати візуальний фідбек 0,1 після наведення миші інтерактивну область.
  2. Почекати 0,3-0,5 з (щоб уникнути випадкового наведення).
  3. Якщо курсів все ще знаходиться в області взаємодії, показати прихований контент в протягом 0,1 с.
  4. Показувати контент, поки курсор не покине інтерактивну область довше, ніж на 0,5 з (щоб уникнути випадкового приховування контенту).


Are Mobile Websites Truly Less Usable Than Desktop Websites?
Jeff Sauro досліджує юзабіліті мобільних і традиційних веб-сайтів і виявив цікаве явище   мобільні версії іноді виграють метрик простоти використання.

Нове про бургерном меню

Нове про листах розсилки


The Magnifying-Glass Icon in Search Design: Pros and Cons
Дослідження Kathie Sherwin про дизайні полів пошуку і про використанні іконки з Лупою. Висновки: слід візуально выдеалять поле пошуку; іконка з лупою досить помітна користувачами і на кнопці напис «Пошук» вже не обов'язково; сама іконка повинна бути як можна більш простий, великої і контрастною. У продовження теми:


Ode to a Microinteraction: Amazon Kindle's «Time to Read»
Dan Saffer захоплюється мікро-взаємодією «Time to Read» в Amazon Kindle.

Топ-3 IA Questions about Navigation Menus
Kathryn Whitenton коротко і змістовно відповідає на три часті питання про навігації. Скільки категорій оптимально, потрібно чи сортувати їх  алфавітом, відмовлятися від ефектів наведення курсору з урахуванням поширення тач-ноутбуків і планшетів.

Розуміння користувача
Загальна психологія (курс лекцій МДУ)
Повний курс лекцій з сучасної загальної психології. Дуже якісний матеріал. Дозволяє почати вивчати психологію людини

Designing for Different Online Personality Types
Liraz Margalit наводить свою класифікацію поведінкових типів користувачів сайтів електронної комерції. Вона виділяє 5 моделей поведінки: «хочу все і відразу»; орієнтовані на визначений бренд; раціональні відвідувачі; «оптимізатори»; satisfiers.

Phones aren't Flat   Designing for Real People in Diverse Contexts
Ще одна стаття Steven Hoober про особливості використання мобільних — як особливості використання в різних ситуаціях і людьми з обмеженими можливостями погіршують звичні передустановки начебто мінімальної зони натискання. Він також зазначає проблеми з жестами з-за краю екрана   враховуючи популярність чохлів, найчастіше їх неможливо виконати.

At 90, she's Designing Tech For Aging Boomers
У IDEO працює 90-річна дизайнер Barbara Beskind — вона допомагає краще розуміти літню аудиторію.

Inside the Largest Virtual Psychology Lab in the World
Riot Games використовує big data і експерименти з інтерфейсом для зміни поведінки мільйонів гравців League of Legends. Зараз це, напевно, одна з найбільших дослідницьких майданчиків. Розмах експериментів не порівняємо з традиційними університетськими психологічними дослідженнями. Просто перлина.

Use-Dependent Cortical Processing from Fingertips in Touchscreen Phone Users
Дослідження користувачів смартфонів з сенсорним екраном від A. D. Gindrat, M. Chytiris, M. Balerna, E. M. Rouiller і Arko Ghosh, яке підтверджує, що їх використання змінює наш мозок. Ситуація схожа з спортсменами і музикантами. Чекаємо дослідження, що підтверджує зростання пальців від великих екранів.

Evidence Based Design Journal
Тлумачний журнал на тему дослідження поведінки користувачів в різних контекстах. Він розуміє дизайн досить широкому сенсі, але багато застосовно і до нашій роботі.

Інформаційна архітектура, концептуальне проектування, контент-стратегія
Running a CX Journey Mapping Design Session
Методичка по створення customer journey map від Mike Alber, що використовувалась для його майстер-класу в Oracle. У презентації дуже і дуже круто розписані метрики ефективності дизайн-рішення, які можна відстежувати і покращувати.


Designing Digital Strategies, part 2   Connected User Experiences
Sofia Hussain пише серію статей про цифровий стратегії і методикою ecosystem map (карта екосистеми). Нагадує CJM, але без чітко визначеної послідовності кроків і без осі часу.

Проектування і дизайн екранів інтерфейсу
Skala Bjango
Компанія Bjango в 2014 році займалася розвитком свого сучасного інструменту для дизайнерів Skala (так називалася їх утиліта для показу макет Photosop в телефоні). Вони регулярно викладають звіти про зміни і  один з свіжих шматочками інтерфейсу.

UX App   Prototyping and Interaction Design for User Experience Experts
Новий інструмент для інтерактивного прототипування інтерфейсів. Спільна робота з прототипом, непоганий візуальний редактор, бібліотека компонентів, мультиэкранные прототипи, анімації   стандартний набір. Ставка зроблена на можливість створення складних інтерфейсних рішень, з допомогою візуального «програмування»   конструктора отаких процедур, умов та переходів.

Gravit
І ще один сучасний інструмент для дизайнерів. Спочатку він розвивався як набір десктопних додатків, але в згідно з дорожнечею такого підходу переходить в браузер.

Para
Інструмент для параметричного «прототипування» ілюстрацій. Ви створюєте векторні форми з допомогою звичних інструментів, а потім можете додати їм інтерактивне розподіл і задати інші параметри. вступне відео, щоб було зрозуміліше.


Markly
Markly підключається до Photoshop Sketch для Windows і Mac і полегшує підготовку специфікацій до макетів. Обіцяє автоматичне оновлення документів при зміні макетів.

Cinematic Continuity on UI Design
Серія статей від Claudio Guglieri, дизайн-директора Fantasy Interactive, про застосуванні принципів кінематографії дизайні інтерфейсів. У першій частині розповідається про принцип безперервності.

Ultimate Guide to Prototyping
144 сторінки кейсів, розбирання і рад від UXPin протипированию інтерфейсів. Уроки Photoshop & Sketch на солодке.

Нове для Material Design


Нове для iOS8


Нове для Apple Watch


Нове для Sketch


Нове для Framer


Порівняння інструментів


Користувальницькі дослідження і тестування, аналітика
Predictive Customer Analytics 101: The Correlation
2 лютого виходить нова книга Jeff Sauro «Customer Analytics for Dummies». У його блозі викладена глава, присвячена кореляції. Книга на Amazon.

The Guide to Usability Testing
Свіжа книга від UXPin з гайдом юзабіліті-тестування та підтримки дизайн-рішень.

17 Usability Testing Myths and Misconceptions
Jim Ross розвінчує 17 міфів про юзабіліті-тестування.

Why You Should Do a Dry Run Every Time You Test Remotely
Хороша стаття про користь пілотного юзабіліті-тестування — для того, хто в цьому сумнівається.

Native Tap
Сервіс Native Tap для тестування програми на різних пристроях.

Learning from Closed Card Sorts with Different Inputs
Kevin Sheldon протестував і порівняв три підходи до карткової сортування   задані категорії і необхідність згадати елементи інтерфейсу; задані категорії і елементи інтерфейсу і необхідність розподілити їх; вже розподілені елементи інтерфейсу на категоріям і можливість внести зміни. Третій варіант дав кращі результати, хоча чомусь не наводиться ще один популярний підхід   задані елементи інтерфейсу і можливість визначити свої категорії.

How Confident Do You Need To Be In Your Research?
Jeff Sauro наводить приклади довірчих інтервалів для різних ситуацій і завдань.

Comprehensive review of UX tools for your website
Непоганий список інструментів для користувацьких досліджень і тестування від UI Patterns.

Stop Accosting People in Coffee Shops
Laura Klein «партизанських» дослідженнях   що можна і що не можна дізнатися з  , а також чому вони часто використовуються неправильно.

Візуальне програмування і дизайн у браузері
Живі гайдлайны і компонентні системи


Slalom   Towards declarative touch interactions
Ralph Tomas описує Slalom, придуману систему для швидкого і короткого опису взаємодії елементів один з іншому. З допомогою цієї системи (яка, за суті, є спрощеною системою вирішення завдань задоволення обмежень) просто задавати взаємодія одного елемента з іншим або множиною, то є легко прототипировать вельми нетривіальні інтерфейсні підходи. Сам Slalom зріс з інший статті про прототипування анімацій і взаємодій з допомогою фізичних моделей.

The When, Why and How of Designing in Browser
Brooke Kao на тему дизайну в браузері. У продовження теми:


Нове для Bootstrap і Foundation


Нове про веб-шрифтів


And Compositing Blending In CSS
Sara Soueidan розповідає про можливості сучасних браузерів ефектів накладання шарів. Все більше речей можна робити без участі Фотошопу.

Нові скрипти


Нове про CSS-анімації


Робота SVG


Нове про Form


Icon Fonts
Шаблони, фреймворки та інструменти для роботи з шрифтовыми іконками, а також готові набори.

Designing For Print With CSS
Відмінна методичка Rachel Andrew те, як з допомогою CSS готувати друковані версії сторінок. Причому можливості настільки великі, що можна отримати на вихід хорошу книжкову верстку з усіма особливостями від обкладинки і утримання до колонтитулів і виносок. Також пропонується скрипт-генератор PDF.

Creating Well-Behaved Sites With The Page Visibility API
Dudley Storey розбирає page visibility API в браузерах, який дозволяє акуратно вимикати програвання різних медіа на сайті, якщо його вкладка неактивна. Відмінний спосіб дратувати користувача менше, хоча старі браузери не підтримують його.

Управління інтерфейсними проектами, процесами і командами
A Quick Guide to Evaluating UX Roles for Non-UX People
Jacob Harris пропонує дуже цікаву модель оцінки UX-фахівців, потрібних для команди проекту. &Nbsp;двома параметрами (складність взаємодії і предметної області) менеджер проекту може визначити набір потрібних навичок і людей.

UX Leadership, Part 2: What Great Leaders Must Do
Друга і дуже потужна частина серії Jim Nieters і Pabini Gabriel-Petit про UX-менеджерах і лідерство.

UX Strategy   Goals and the future state
Четверта частина з серії статей Austin Govella про UX-стратегії   цілі і шляхи їх досягнення. Також вийшли частина 5 і 6.

Designing the Hiring Process
Michael Owens те, як правильно наймати дизайнерів з купою думок сильних фахівців галузі.

UX Project Checklist
Не дуже системний, але досить цікавий чекліст важливих етапів роботи над інтерфейсом. До кожному етапу дається довідкова стаття.

Framing a Sense of Direction
Guido Stompff про те, як команди працюють над інноваційними рішеннями.

Designing With Your Clients
Paul Boag про ко-дизайні як спосіб поліпшити взаємини дизайн-студій і клієнтів.

Hold A Kickoff Meeting Before Diving Into The Design
Розумна методичка по проведення kick-off від Chris Bank UXPin.

Pixelapse + Dropbox
Dropbox купив Pixelapse, полегшує проектну роботу для дизайнерів та проектувальників. Він допомагає зберігати версії макетів, швидко публікувати їх з исходников і обговорювати з клієнтами.

Нове про дизайн-спринтах


Продуктовий менеджмент і аналітика
Open Strategy
Керована збірник кращих (за думку авторів) інструментів для відкриття своєї справи. Вміст розділене на рубрики: дослідження споживачів, онлайн аналітика і аудит, тренди, планування реклами і т. п. Можна підписатися на регулярну поштову розсилку.

The Experience Makes the Product, Not the Features
Lee Dale про те, як працювати з запереченнями при запуску MVP і не перевантажувати інтерфейс першого релізу.

Split Metrics   Increase conversion of App Store page
Сервіс для A/B-тестування опису програми в AppStore і Google Play. Створює посадкову сторінку, мимикрирующую під дизайн магазину.

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


<a href=«medium.com/yakostro/ux-ae8a3b12a3b7»>Особливості роботи UX-дизайнера в «залізному» проект
Особливості роботи над інтерфейсом «залізному» на проекті прикладі «Симкомата». Ілля Александров поділив статтю на дві частини: особливості «заліза» і <a href=«medium.com/yakostro/ux-2-b39e19def99a»>опис конкретних рішень і кейсів. Буде цікаво для практикуючих проектувальників.

Нове про редакційних CMS


Redesigning Museums for Good
У минулого року frog design провела кілька воркшопів редизайну UX відвідувачів меморіальних музеїв. Презентація Roberta Tassi розповідає про воркшопах в Кингали, Руанда і в Амстердамі.


Історія
'Human error' — Still undefined after all these years
Steven Shorrock про поняття «людська помилка» в ергономіці — його історії, еволюції та сьогоднішньому розумінні терміна.

Tablet UX Research From the Pioneer Days
Jakob Nielsen згадує свій досвід дослідження планшетних інтерфейсів в 1992 році для GO PenPoint.

The ATM is Dead. Long Live the ATM!
Історія появи банкоматів, їх поточні проблеми і перспективи.

The Fascinating History of the Search Icon
Keith Ohlfs про те, як він запропонував іконку лупи для пошуку в NeXT   здається, вперше.

The Untold Story of the Invention of the Game Cartridge
Історія створення ігрових картриджів, які переформатували ринок і, можливо, вплинули на те, як поширюються програми.

A Critical, Creative UX Community   CLUF
Довгий, але дуже цікавий матеріал Gilbert Cockton про історії трансформації дисципліни UX і  світогляду щодо науковості методів, ролі досліджень і дослідників, креативного.

Коротка історія становлення UX від Dirk Knemeyer


Тренди
The Future of Large UX Design Firms
Прокоментував для UXMatters тренд покупок дизайн-студій продуктовими компаніями. Все це було ще до історії з Teehan+Lax, але в російськомовної версії для Цукерберг Подзвонить це вже відбилося. У продовження теми:


Прогнози на 2015


Microsoft HoloLens
У рамках розгорнутої презентації Windows 10 Microsoft показав абсолютно крышесносный концепт HoloLens. Це інтерфейс доповненої реальності, який з допомогою окулярів дозволяє відображати в реальному оточенні голографічні об'єкти і дає можливість маніпулювати ними. Вже є API для Windows, які дозволяють розробляти для нього.

У відміну від Google Glass, багато сценарії використання якого обмежувалися камерою, і Oculus Rift, який передбачає досить вузькі умови застосування, цей концепт відкриває дуже цікаві перспективи для роботи проектувальника і дизайнера. Це взаємодія з реальної середовищем, прив'язка елементів інтерфейсу на об'єктів у нею. Протиставляти їх, мабуть, не дуже правильно, але це потужний напрям розвитку професії, так і підтримане одній з провідних платформ. Зате технологічні видання вже називають Еппл новим Майкрософтом двотисячних (і The Verge).

Доступні його відео-презентація ексклюзив від Wired. У R&D Microsoft як і раніше один з найсильніших послужних списків. Причому веде проект Alex Kipman   головних ініціаторів Kinect. Не факт, що воно злетить   у Google Glass поки все не та і Microsoft любить розповісти красиву картинку майбутнього і випустити тільки шматочок з неї. Але слідкувати за цим напрямком потрібно точно.


The State of Responsive Web Design
Kezz Bracey описує стан адаптивного дизайну на початок 2015 року.

The Human Side of Automation
Дональд Норман про небезпеки шляху поступової автоматизації машин.

7 Controversial Usability Predictions Results
У 2010 році Craig Tomlin зробив 7 прогнозів щодо розвитку юзабіліті. У ніж-то він вгадав, в чомусь помилився.

Для загального і професійного розвитку
The Need for Design in History HCI
Carl DiSalvo пише про те, що дисципліні HCI не вистачає уваги до історії дизайну в загалом і взаємодії в зокрема.

Тверезо мислячі дизайнери


we've Lost to the Guts Think
Роздуми про ролі і завдання дизайнера в широкому сенсі. Стаття швидше філософська, в ній багато корисних посилань на не менш цікаві матеріали.

UX Companion
Додаток UX Companion для iPhone містить глосарій методів, термінів та понять, що використовуються при проектуванні інтерфейсів.

UX Thought of the Day
Колекція цитат про роботі над інтерфейсами від компанії UI Engineering. Кожен день по корисної думки.

Salary Trends for UX Professionals
Jacob Nielsen оновив свою статтю про тенденції американських зарплат в UX від 1997 року. Останні кілька років суми тримаються на відносно стабільному рівні, хоча є невелике зниження для початківців. Середня річна зарплата по США для початківця $63 000 $90 000 для професіонала з 5 роками досвіду (до податків). Перші 10 років кар'єри приріст зарплати становить $5 000 у рік, потім знижується до $3 000.

Design for Dasein   Understanding the Design of Experiences
«Дизайн для дазайн»   нова книга Thomas Wendt про зв'язку між феноменологією (заснованої на філософії Гуссерля і Хейдегера), проектуванням взаємодії і дизайн мисленням. На сайті є відео виступів Томаса на Interaction 2014 і LeanUX 2014 на цю тему.

Люди і в галузі
AMA: i'm Manoela Ilic, Co-founder of Codrops
Сесія з Manoela Ilic з Codrops. Правда, в основному дякують :) Вона також говорить про те, що багато скрипти робляться на основі концептів Dribbble і Behance. Після цього вони активно розповсюджуються промо-сайтів і веб-сервісів і поступово стають стандартами. Це тему здорового ставлення до таким соц.мереж.

Матеріали конференцій
Videos of online Service Design Global Conference 2014
Відео виступів з конференції Service Design Global Conference 2014, що проходила 7-8 жовтня в Стокгольмі, Швеція.

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

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

0 коментарів

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