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

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

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

Transforming Qualitative Data into Actionable Information
Joshua Ledwell из компании Autodesk предлагает систему пометок для результатов качественных пользовательских исследований, которые помогут лучше ориентироваться в массе полученных данных.

New Approaches To Designing Log-In Forms
Свежая статья Luke Wroblewski о современных подходах к дизайну форм. Со времени выхода его популярной книги на эту тему многое изменилось, так что требуются новые решения.

Social Design
Facebook опубликовал официальные рекомендации по дизайну для социальных сервисов. Помимо общих рекомендаций этот гайдлайн содержит ссылки на соответствующие технологии платформы FB.

Video Personas – A New Approach
Интересный подход к созданию персонажей предлагают в компании Get Elastic. Они снимают сопроводительные видео, показывающие типичный день из жизни каждого из типов пользователей.

3 Ideas for Capturing Feedback
Jakub Linowski показывает три интересных способа сбора комментариев к wireframes — отдельная зона страницы для комментариев, сохранение фотографий маркерных досок с результатами обсуждений, отдельный слой страницы со списком доработок и принятых вещей.

Инструменты

Designing for Windows Phone (PDF)
Microsoft выпустил методичку/гайдлайн по проектированию и разработке приложений для Windows Phone 7. По ссылке — ее PDF-версия.

Sharing Sketches Remotely
Nathan Curtis из компании EightShapes описывает процесс взаимодействия удаленной команды при работе над концепцией интерфейса. Он предлагает отличный инструментарий для того чтобы быстро обмениваться скетчами с настольной веб-камерой в основе.

OmniGraffle UX Template
Новая версия универсального шаблона для проектирования в OmniGraffle от Konigi. Он включает в себя основы сразу для нескольких документов — wireframes, персонажи, карты сайтов.

Free Full Layered Google+ GUI PSD Kit
Набор PSD-шаблонов для нового сервиса Google Plus, включающий основные страницы и интерактивные элементы. Прямая ссылка на скачивание — http://www.coolwebmasters.com/engine/download.php?id=163 (1,3 МБ).

Touch Gesture Reference Cards
Набор справочно-игральных карт от Craig Villamor, Dan Willis и Luke Wroblewski, описывающих жесты для современных тач-интерфейсов. Прямая ссылка на PDF.

Interactive Shortcuts Guide for InDesign CS5
Интерактивный справочник по клавиатурным сокращениям Adobe InDesign, одному из самых популярных инструментов проектирования. Прямая ссылка на справочник.

Паттерны

Designing for Android Tablets
Отличнейшая обзорная статья Dan McKenzie, которая описывает ключевые особенности интерфейса Android-планшетов. Это очень удачная памятка для тех, кто начинает проектирование для платформы.

6 Epic Forces Battling Your Mega Menus
Jared Spool описывает проблемы с интерфейсным паттерном “мега-меню”, используемым в основной навигации. Наглядным показателем того что с ними нужно быть осторожным является Amazon, который достаточно быстро отказался от этого подхода.

5 Big Usability Mistakes Designers Make on Carousels
Небольшая, но полезная серия советов по созданию и использованию контролов типа “карусель”. В статье есть хорошие и наглядные иллюстрации, которые можно использовать в документации и презентациях.

The Fold Exists but Does it Matter?
На тему “первого экрана браузера” написано уже чересчур много, но эта статья удачно собирает историю вопроса и статистику по теме. Многие из приведенных в ней цифр достаточно печальны — они подтверждают наличие мертвой рекламной зоны после прокрутки.

Процесс

The Integration of User Experience into Software Development
Группа приглашенных экспертов UXMatters делится опытом интеграции проектирования в процесс разработки. Кстати, это моя первая мини-публикация для издания перед серией осенних статей.

Act First, Do the Research Later
Donald Norman в очередной раз критикует ключевые посылы профессии, зачастую подтверждавшиеся им же — серьезные пользовательские исследования не так важны при запуске новых продуктов. Куда важнее постоянно вести мониторинг предметной области, чтобы к началу работы над продуктом уже быть экспертом в ней.

Client Reactions to User Research Findings
Jim Ross затронул тему “продажи” клиенту результатов пользовательских исследований. Зачастую с его стороны возникают знакомые вопросы и сомнения — “зачем тратить на это столько времени”, “да мы и так все это знали” — и статья предлагает ответы на них.

Кейсы

Improvements in Windows Explorer
Microsoft запустила очередной блог с внутренней кухней продукта, на этот раз посвященный Windows 8. Как и в случае с легендарной историей Office Ribbon, в этой статье о новом Проводнике много интересной статистики использования и выводов касательно построения интерфейса.

Five Lessons from a Year of Tablet UX Research
Brennan Browne описывает пять ключевых выводов из годового пользовательского исследования способов и особенностей использования планшетов. Часть из них были давно известны, но некоторые обсуждаются впервые.

Thumbnails, Titles, and URLs — How Users Recognize Representations of Websites
Jennifer Lynn Morrow из интерфейсной команды Firefox рассказывает о результатах исследования пользовательского восприятия различных способов представления открытых сайтов в браузере — уменьшенных изображениях разного размера, заголовках и URL.

Ревущая, сметающая все на своем пути, простота
Влад Головач справедливо критикует недавнюю статью Andy Rutledge, в которой тот перерисовал сайт The New York Times. Это очередной пример ненужного упрощения, когда ради призрачной красоты теряется суть продукта.

Why Separate Mobile & Desktop Web Pages?
Luke Wroblewski рассказывает о том, как создавались единые страницы для основной и мобильной версии в его недавно проданном Твиттеру стартапе BagCheck. Это отличный и подробно расписанный кейс актуального сейчас подхода responsive web design.

Теория

Embodied Cognition and How It Affects Judgment and Decision Making
Colleen Roller рассказывает о влиянии физических свойств продукта на его восприятие. Хотя при проектировании компьютерных интерфейсов эта информация не так важна, она улучшает понимание особенностей взаимодействия.

Social Interaction Models — From Google+ to Twitter
Adrian Chan сравнивает модели поведения пользователей в нескольких социальных сервисах — Facebook, Twitter, Turntable.fm, Empire Avenie, Google Plus. Он описывает основные компоненты таких моделей в целом и перечисляет используемые конкретным продуктом.

Why Rounded Corners are Easier on the Eyes
Anthony T. описывает причины, по которым закругленные углы объектов проще воспринимаются глазом. Эта небольшая статья показывает несколько наглядных примеров и особенностей восприятия.

Тренды

UX Career Guide — User Experience Jobs, Salary, Market Information
Интересный инфографический постер, описывающие возможные направления развития для UX-специалиста, а также состояние профессии в США.

Responsive Web Design Techniques, Tools and Design Strategies
Обширная подборка статей и других полезных материалов о “приспосабливающемся” дизайне. Тема сейчас особенно актуальна и обсуждаема, так что ссылок в статье много.

The Challenge of Targeting Late Adopters
Demetrius Madrigal и Bryan McClain рассказывают о том, как работать с категорией пользователей late adopters — людям, которым технология важна, но они не готовы использовать ее на ранних этапах.

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

3 Comments Обзор свежих материалов, август 2011

  1. Саша Реушкин

    Юра, спасибо за подборки, только и жду их.

    У меня такой вопрос: А не встречали ли ты на просторах сети psd шаблоны для Windows Phone 7?

    Reply

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>