Обзор свежих материалов, март 2012

Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-февраль 2012.


Методы и практики

Sketching Interfaces Workshop (Презентация Pub Smith)
Слайды из тренинга Pub Smith о создании скетчей интерфейсов, проходившего на конференции Interactions 2012. В них много полезной информации о техниках, инструментах и их применении.

View more presentations from pubsmith

James Robertson – Innovative Mobile Intranet Design
Jared Spool беседует с James Robertson, специалистом по мобильному интранету. Хотя материалу не хватает структурированности, на эту тему информации крайне мало и статья будет полезна в общем понимании проблематики.

Buttons were an inspired UI hack, but now we’ve got better options
Josh Clark подготовил отличнейшую презентацию Buttons are a Hack. Он продвигает мысль о том, что современные интерфейсы в парадигме WIMP были нужны на своем этапе, но сейчас они мешают развитию. Прямая ссылка на презентацию. Конспект выступления от Luke Wroblewski.

Finger-Friendly Design: Ideal Mobile Touch Target Sizes
Anthony T описывает нюансы проектирования тач-интерфейсов с учетом особенностей пальцев. Он приводит рекомендации из гайдлайнов различных мобильных ОС и критически оценивает их — есть исключения из этих правил.

Shrink To Fit — Designing Scalable User Interfaces
Andy Gilliland и Nate Cox рассказывают об особенностях дизайна современных продуктов, представленных на множестве устройств. Они предлагают в том числе формулу для расчета пропорций, исходя из которых готовится вспомогательная графика.

UX Reviews — Which one? How long?
Frances Miller описывает несколько методов оценки интерфейса. Это стандартные экспертные оценки, обзоры конкурентов и анализ возможностей.

Talking Out Loud Is Not the Same as Thinking Aloud
Mike Hughes описывает особенности использования метода пользовательских исследований с помощью проговаривания впечатлений от интерфейса вслух. Он рассказывает о хороших и плохих практиках его применения.

7 Product Image Categories
Christian Holst описывает 7 типов иллюстраций, которые используются на страницах описания товаров. Они решают разные задачи и применяются в разных контекстах.

7 S’s of User Research Sampling
Jeff Sauro описывает 7 подходов к подбору респондентов для пользовательских исследований. Способы варьируются от неформальных до четко спланированных.

Diving into Indie UX — The Wrong Way
Theresa Neil рассказывает начинающим проектировщикам, как стать опытным специалистом. Это хороший набор советов от одной из самых сильных в отрасли.

Lean ways to test your new business idea
David Travis рассказывает о трех способах проверки проблемы, которую решает продукт. Они позволяют проверить правильность предложенной гипотезы и скорректировать ее при необходимости.

Close Photoshop and Grab a Pencil — The Lost Art of Thumbnail Sketches
Joshua Johnson описывает частное направление в создании скетчей интерфейсов — миниатюрные наброски экранов. Они позволяют показать общий лейаут экрана и взаимодействия между ними.

How to Assess the Maturity of Your Information Architecture
Nathaniel Davis предлагает метод оценки текущего состояния информационной архитектуры в проекте. Правда, описываемый пример чересчур примитивен и не дает понимания того, как пользоваться предложенной моделью.

Sketchbooks DIY
Michael Angeles рассказывает о том, как сделать собственный блокнот для скетчей. Статья показывает пошаговый процесс подготовки и сбора материалов.

Engagement Styles — Beyond ‘Lean Forward’ and ‘Lean Back’
Craig Will описывает сценарии использования планшетов, которые идут дальше классического противопоставления “откинуться в кресле перед телевизором” и “прилипнуть к экрану компьютера”. Вместо этой дихотомии он приводит два состояния пользовательской активности — действия с интерфейсом и потребление информации.

The Social Design of Commercial Tweets and Posts
Adrian Chan рассказывает об изменениях в посылах коммерческих сообщений, которые произошли с распространением социальных сетей. В первую очередь это переход от изображений к текстам, которые обращены к конкретному человеку или группе людей.

8 Advantages of Standardized Usability Questionnaires
Jeff Sauro описывает преимущества стандартизированных опросников в пользовательских исследованиях. Он перечисляет их важные качества и методы получения.

Инструменты и шаблоны

inSights — Fabrique
Еще один набор игральных карт для проектировщиков, который перечисляет хорошие интерфейсные приемы. Он содержит 60 карточек, которые помогут повысить конверсию и улучшить дизайн.

ScreenLeap — Share Your Screen Instantly to Any Device with a Browser
Сервис позволяет дать общий доступ к текущему экрану любого устройства, включая планшеты и мобильные. Для этого генерируется ссылка, зайдя по которой можно увидеть содержимое экрана.

PaintCode
PaintCode позволяет быстро спроектировать интерфейс iOS- или OSX-приложения и превратить его в работающий код. Инструмент векторный, так что проблем с новыми retina-экранами не будет.

Filming mobile device usability testing is easy with Mr. Tappy
В продаже появился Mr.Tappy — крепление для тестирования мобильных устройств. Стоимость комплекта — $289.

Bootstrap Stencils
Появились два стенсила для проектирования интерфейсов на базе фреймворка Bootstrap от Twitter. Первый из них для Fireworks. Второй для OmniGraffle.

Responsive.is – Display and present responsive web designs
Сервис позволяет просматривать сайты, созданные в формате адаптивного дизайна, а также проверять их работу на различных устройствах. Можно ввести любой адрес, хотя не все отрабатываются корректно.

Personapp — Create, quick informal personas
Онлайн-сервис Personapp позволит описывать персонажей. Он пока еще не запущен, но можно подписаться на бета-версию.

EyeSimulator
Полезнейший онлайн-симулятор для проектировщиков, который позволяет увидеть сайт глазами человека с проблемами зрения. Он показывает эффект десятка различных возрастных и врожденных заболеваний.

Adobe Technology Sneaks 2012 — Adobe Shadow on Adobe TV
Новый продукт Shadow от Adobe помогает дизайнерам и разработчикам проверять работоспособность кода на разных устройствах. Устройства подключаются друг к другу и отображают один и тот же проект с возможностью отладки.

UX Testing and Cultural Preferences
Joe Doveton перечисляет ключевые нюансы, которые необходимо учитывать при запуске глобальных продуктов. Они должны учитывать специфику языка, восприятия цвета, отношение к другим культурам, контекст внимания и проникновение технологий.

Паттерны и гайдлайны

Multi-Device Layout Patterns
Luke Wroblewski перечисляет типовые подходы к созданию мульти-платформенных продуктов. Они предполагают разное поведение составных блоков страницы. Jason Weaver подготовил небольшое демо одного из описываемых паттернов — вылезающего за пределы viewport контента.

Design Beautiful & Usable Android Apps
Theresa Neil собрала в презентации подборку паттернов для Android-приложений. В статье также много полезных материалов по теме проектирования и дизайна для платформы.

Android 4.0 UI Design Tips
Презентация Justin Lee, в которой он рассказывает об основных отличиях Android 4.0 от предыдущих версий.

View more presentations from Justin Lee

Android Patterns
Галерея паттернов Android-приложений, построенная по принципу аналогичного сайта для pttrns.com. Пока, правда, примеров не так много.

Designing Search — Entering the Query
Tony Russell-Rose приводит поисковые паттерны. Статья описывает основные поисковые задачи и показывает примеры интерфейсов для них.

Процесс

Design the new Business
Документальный фильм о современной роли дизайна в создании массовых продуктов. 40-минутный ролик с рассказами представителей продуктовых компаний и дизайн-студий.

Product Manager — Strategic or Not?
Scott Sehlhorst рассуждает о роли продукт-менеджера в принятии стратегических решений. Для руководства компании он зачастую исполнитель решений, но для команды разработки — их источник.

Is Your Organization Design Ready?
Chris Noessel из компании Cooper Consulting предлагает простой тест для того чтобы понять, насколько компания готова к внедрению дизайн-процессов. Он описывает два уровня зрелости — способность увидеть хорошие дизайн-решения и внедрить их.

Surviving Design Projects
Dan Brown подготовил набор игральных карт для тех, кто управляет дизайн-проектами. Он состоит из двух колод — проблемные ситуации в работе с клиентами, а также решения для них.

Leveraging User Experience Research in Driving Business Results — A Quick Guide
Отличнейшая обзорная статья Frank Guo о том, как и зачем прибегать к пользовательским исследованиям при работе над продуктом. Он приводит множество возможных целей исследования и описывает, как правильно работать с результатами.

How to advance your web career
Gerry McGovern советует специалистам по интерфейсам говорить с заказчиком на его языке. Только так можно показать свою ценность в качестве важного для развития бизнеса партнера, а не исполнителя не очень понятной, а значит и вряд ли важной работы.

Wicked Problems — Problems Worth Solving
Jon Kolko опубликовал книгу Problems Worth Solving, посвященную роли дизайна в решении сложных социальных проблем. Она доступна бесплатно для чтения в онлайне.

Making Sense of Mobile Within the Enterprise
James Robertson описывает особенности использования мобильных в крупных компаниях. Он приводит 4 основных задачи, для которых мобильные в корпоративной среде важны.

20 Questions Answered about Unmoderated Usability Testing
Jeff Sauro отвечает на серию частых вопросов о методе удаленного тестирования без модератора. Он рассказывает, для чего такие исследования подходят, а для чего нет.

3 Myths of Customer Experience
Zachary Paradis рассказал на семинаре UPA о трех мифах customer experience. Это презентация, сопровождающаяся аудио-записью выступления.

View another webinar from Zachary Paradis

Learning to Play UX Rugby (Презентация Anders Ramsay)
Anders Ramsay рассказывает об этапах дизайн-процесса в условиях гибкого подхода к ведению проектов. Он называет это “интерфейсным регби” в противовес классической “эстафете”.

A/B Testing, Usability Engineering, Radical Innovation — What Pays Best?
Jakob Nielsen сравнивает три способа улучшения интерфейса продукта — A/B-тестирование, юзабилити-исследования и радикальные инновации. Как обычно, однозначного ответа “кто лучше” нет — все зависит от текущих задач.

Relax this isn’t a test – 12 ways to learn more about your mobile product
Walt Buchan из компании CXPartners дает 12 рекомендаций по процессу юзабилити-тестирования мобильных интерфейсов. Видно что компания имеет большой опыт работы с мобильными — несмотря на то что советы достаточно просты, есть много интересных нюансов. Кстати, отечественный CMS Magazine сделал перевод статьи.

Кейсы

How to Build a Usability Lab
Компания Usability Sciences в деталях рассказывает, как она строила свою юзабилити-лабораторию. Это первая часть из серии статей, которые рассказывают обо всех нюансах, от планировки помещений до аппаратуры.

What do all the controls in an airplane cockpit do?
Tim Morgan в обсуждении на сайте Quora в деталях описывает элементы управления на приборной панели самолета. Это очень интересный и подробный обзор темы, интересной многим интерфейсным специалистам.

Interview with Mark Coleran
Интервью Mark Coleran о создании интерфейсов для кино, просто интерфейсах и эволюции естественных интерфейсов. Он рассказывает в том числе о работе над конкретными фильмами.

Digital Customer Experience Improvement Requires A Systematic Approach (PDF)
Forrester Research опубликовал отчет об исследовании текущего состояния дисциплины customer experience. Компания опросила 16 специалистов в отрасли и узнала, как внедрение практик CX повлияло на их бизнес.

Online Dating Eye Tracking Study Reveals That Men Look, Women Read
Результаты eye-tracking-исследования сервиса знакомств от компании Tobii. Она показывает разницу в поведении мужчин и женщин — первым достаточно картинки для того чтобы составить впечатление, вторые изучают детали.

Experience Driven Innovation
Сайт Experience Driven Innovation собирает информацию о том, как UX помогает в успехе современных массовых продуктов. Он описывает методы, процессы и кейсы.

Теория

The Research Behind Kinect
Лаборатория Microsoft Research опубликовала серию исследований, которые привели к созданию Kinect. Эта исследовательская команда изучает много интересных направлений, так что стоит следить за публикацией ее экспериментов — возможно, через 5-10 лет это станет следующим интерфейсным хитом.

Cognition & The Intrinsic User Experience
Jordan Jolien объясняет понятия когнитивной нагрузки и когнитивных барьеров. Он показывает, как это влияет на работу пользователя с интерфейсом и как облегчить ее.

Organizing digital information for others
Мини-книга Maish Nichani об информационной архитектуре. Хорошее пособие для начинающих в понятной и компактной форме.

Principles of Social Interaction Design
Andrian Chan закончил свою мини-книгу, посвященную дизайну социальных сервисов. Автор описывает базовые социально-психологические принципы и дает практические советы по их использованию.

Visual Aesthetics
В энциклопедии сайта Interaction-Design.org новая глава, посвященная визуальной эстетике. Noam Tractinsky описывает ее роль в области человеко-компьютерного взаимодействия и связь с другими аспектами дизайна и интерфейса продукта.

10 Things to know about Confidence Intervals
Jeff Sauro рассказывает об особенностях использования статистического метода доверительных интервалов. Это 10 правил, которые помогут лучше работать с результатами пользовательских исследований. Автор также запустил простой онлайн-калькулятор для расчета доверительных интервалов.

Understanding Information Architecture by Peter Morville
Peter Morville подготовил обзорную презентацию, рассказывающую об истории и текущем состоянии информационной архитектуры. Она рассказывает об особенностях профессии и методах работы.

Nine misconceptions about statistics and usability
Jeff Sauro перечисляет типовые заблуждения специалистов по интерфейсам о статистике. Они зачастую мешают использованию методов пользовательских исследований на практике.

История

Before Pong came along
История создания первой многопользовательской компьютерной игры Tennis for Two и ее автора William Higinbotham. Она появилась в 1958 и стала частью экспозиции Нью-Йоркской Brookhaven National Laboratory, приведя к появлению классической игры Pong и приставки Magnavox Odyssey.

The Google that never was: how the search giant killed a 2007 redesign
Сайт The Verge кратко описывает историю неудавшегося редизайна Google 2007 года и как у компании это все-таки получилось 4 года спустя. В статье показано много скриншотов из отброшенной концепции.

Тренды

Мобильная статистика
Восстановил свою регулярно обновляемую коллекцию мобильной статистики. Собрана масса информации по распространению мобильных платформ, долям рынка производителей смартфонов и планшетов, использованию мобильных технологий начиная с 2009 года.

3.1 Million Pixels Are Heavy
Josh Clark описывает проблемы для дизайнеров, которые приносит объявленный в мае retina display в iPad 3. Например, новое разрешение экрана означает новые требования к качеству иллюстраций, что в свою очередь приводит к значительному увеличению их размера.

Vector Images for Mobile
Недавний запуск нового iPad с экраном повышенного разрешения привел к активным обсуждениям того, как готовить иллюстрации для его приложений. Luke Wroblewski описывает особенности работы с векторной графикой, которая поможет в этой задаче.

Interaction design is not respected as a design discipline
После посещения конференции Interaction 2012 Jeff Gothelf сделал не очень радостный вывод — проектирование взаимодействия не самая уважаемая профессия. Даже ведущие специалисты отрасли не могут договориться о единой терминологии и понимании ценности, а сами проектировщики зачастую воспринимаются как двигатели пикселей.

Why User Experience Is Different From Consumer Experience
Greg Laguero описывает грустную для специалистов по интерфейсам мысль — несмотря на их интерес к проектированию услуг и customer experience, компаниям лучше нанимать на эти позиции специалистов по маркетингу. Проектировщики слишком сконцентрированы на тактике и деталях, когда как здесь нужен более дальновидный и бизнес-ориентированный подход.

Which One — Responsive Design, Device Experiences, or RESS?
Luke Wroblewski сравнивает различные подходы к адаптивному дизайну. Он рекомендует использовать RESS (Responsive Web Design with Server Side Components), который решает многие из проблем “чистого” адаптивного дизайна.

Does Culture Matter for Product Design?
Don Norman пишет о том, как стирается разница между одинаковыми продуктами в разных культурах. Он давно наблюдает за этой тенденцией и хотя еще есть категории, в которых много региональной специфики, в целом массовые продукты унифицируются.

What Does a UX Strategist Do?
Paul Bryan рассуждает о профессии UX-стратега. В последнее время все чаще появляется информация об этой роли, но суть ее размыта и сильно различается от компании к компании.

UX Killed Usability
Craig Tomlin изучил последние тренды и сделал вывод, что термин “usability” треяет популярность в пользу “UX”. Об этом говорят количество вакансий, поисковые запросы и другие факторы.

Анонсы конференций

Dribbble Meetup в Москве
В пятницу, 20 апреля, пройдет московский Dribbble Meetup при поддержке создателей Dribbble. Собралась дюжина интереснейших рассказчиков из студий, которые умеют делать сочный современный дизайн для мобильных и не только — Soda, Ramotion, Cuberto, MacPaw, Мануфактура, Script, а также представители от продуктовых компаний Mail.Ru, Яндекс, Fidel. Мероприятие пройдет в рамках РИФ+КИБ, вход для участников митапа бесплатный — нужно только нажать “Я участвую” на странице http://www.facebook.com/events/137435126385175/.

Свежие ссылки можно также отслеживать в одноименной Facebook-группе.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>