Обзор свежих материалов, апрель-июнь 2012

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



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


    UX Fox
    Ярослав Бирзул из украинской компании UX Depot запустил полезнейший проект для проектировщиков и дизайнеров UX Fox. В нем регулярно публикуются свежие переводы англоязычных статей и собирается хорошая база знаний по книгам, инструментам и шаблонам.

    To Boldly Go… From Information to Understanding (презентация Stephen Anderson)
    Презентация Stephen Anderson о том, как уйти от текущего обилия информации в интерфейсах к представлению ее сути. Для решения текущей задачи пользователю обычно нужен простой вывод, а не его сложное доказательство.

    Mobile Considerations in User Experience Design — “Web or Native?”
    Глава из третьей книги Smashing Magazine от Aral Balkan на всегда актуальную тему «мобильный сайт или приложение?». Это определенно лучшая статья по этому вопросу — он раскрыт во всех деталях и аспектах. И еще одна неплохая статья на тему.

    Capturing User Research
    Jim Ross перечисляет основные способы записи результатов пользовательских исследований. Помимо этого статья описывает ситуации, в которых стоит выбирать какие-то из них.

    Measuring the Customer Experience — Questions and Answers
    Jeff Sauro рассказывает о том, какими должны быть правильные интерфейсные метрики. Многие ориентируются на повышение прибыли, хотя это не самый эффективный показатель для интерфейсов.

    Character Creator (презентация Dana Chisnell)
    Dana Chisnell показывает простую методику для моделирования персонажей. Простая и наглядная памятка по этой технике.

    Wilder than testing in the wild — Usability testing by flash mob
    Dana Chisnell рассказывает об интересном подходе к юзабилити-тестированию — флешмобах. Она в деталях описывает организационные вопросы и результаты эксперимента.

    Наука и искусство условного макетирования
    Влад Головач опубликовал в блоге Usethics статью о целях и способах создания wireframes. Не так много публикаций на эту тему на русском языке, да еще и не переводных.

    Deconstructing Delight (презентация Dana Chisnell)
    Презентация Dana Chisnell о том, как делаются интерфейсы, восхищающие пользователя. Она приводит серию примеров и разбирает их в деталях.

    RESS — An Evolution of Responsive Web Design (презентация Dave Olsen)
    Презентация Dave Olsen на тему RESS. Подборка статей и другой полезной информации о RESS от Luke Wroblewski.

    Forms part two – Pace and Balance
    Michael Harris из компании Nomensa рассматривает заполнение формы как общение пользователя и системы. Он видит три группы основных проблем в формах — они заставляют пользователя слишком много делать, выбирать и планировать.

    Service Design — Beyond Customer Journey Mapping
    Презентация и видео-подкаст компании User Centric о проектировании услуг.

    View more PowerPoint from User Centric

    Illustrating the Big Picture
    Megan Grocki и Jamie Thomson рассказывают о создании customer journey maps. Это краткий обзор методики и принципов ее использования.

    Content Modeling Series
    Cleve Gibbon подготовил серию статей о проектировании контента. Он описывает его типизацию и концептуальные модели.

    Using Proto-Personas for Executive Alignment
    Jeff Gothelf предлагает способ сбора и унификации знаний о целевой аудитории при помощи совместных брейшнтормов с топ-менеджментом компании. Он позволяет решить проблему единого видения на верхнем уровне, хотя на практике собрать этих людей вместе не так просто.

    Creativity-based Research — The Process of Co-Designing with Users
    Catalina Naranjo-Bock рассказывает о методике проектирования интерфейсов вместе с пользователями. Он может использоваться на всех этапах работы, но особенно полезен при сборе идей и выработке концепции.

    Why Are Contextual Inquiries So Difficult?
    Jim Ross рассказывает об особенностях метода контекстных пользовательских исследований. Он один из самых сложных в наборе методик юзабилити-специалистов, но и получаемые с помощью него знания одни из самых интересных.

    Moving Beyond Conversion Rates
    Серия статей Jared Spool о метриках, которые могут использовать специалисты по интерфейсам. В этих пяти материалах он последовательно раскрывает суть правильного подхода к показателям эффективности. Доступны часть 2, 3, 4 и 5.

    Harder to read = Easier to recall
    Исследование университетов Принстона и Индианы подтверждает факт о том, что набранные забавными шрифтами факты запоминаются гораздо лучше. К сожалению, это касается и Comic Sans Serif.

    Improving the Digital Reading Experience
    Oliver Reichenstein из компании Information Architects исследует особенности чтения обычных и электронных статей и книг, отмечая различия во взаимодействии. Во второй статье из серии он описывает концепцию адаптивной типографики.

    Help! What The Beatles can teach us about writing support material
    Philip Hodgson описывает то, каким должен быть хороший справочный текст в интерфейсе. Зачастую они вставляются просто для того «чтобы были», хотя должны учитывать сложность и важность текущего пользовательского сценария.

    Unleashing the Power of a UX KPI
    Jared Spool предлагает правильный подход к выбору и расчету метрик, которые используют специалисты по интерфейсам. Они должны быть основаны на поведении пользователей и быть значимыми для бизнеса, а также его отрасли.

    Sweep the Sleaze
    На реакционной волне против распространения кнопок соц.сетей на страницах информационных сайтов, Oliver Reichenstein из Information Architects предлагает правильный подход по интеграции социальных медиа. Стоит использовать не банальные кнопки лайков, а цитаты пользователей, обсуждающих статью в других сервисах. Продолжение статьи.

    Triangulation — Navigating the Stormy Seas of Project Requirements
    Tal Bloom предлагает методику триангуляции требований к продукту, исходящих из трех источников — бизнеса, пользователя и специалиста по интерфейсам. Такой подход позволяет оставить среди всех предлагаемых пожеланий только те, что не конфликтуют друг с другом.

    Ethan Marcotte @ An Event Apart — Rolling Up Our Responsive Sleeves
    Ethan Marcotte, автор концепции адаптивного дизайна в современном понимании, рассказывает о том как создавать такие сайты. Это конспект его выступления на конференции An Event Apart.

    True Death of UX? Being Jaded
    Самое худшее, что может случиться с проектировщиком — это профессиональное уныние и выгорание, говорит Baruch Sachs. Он описывает его причины и подсказывает, как бороться с этим.

    Interface Origami
    Juan Sanchez развивает методику бумажного прототипирования мобильных интерфейсов. Он показывает, как можно моделировать сложные взаимодействия вроде тех что используются в Clear.

    UX Ponder — Shared heuristics
    Простой сервис, собирающий интерфейсные эвристики в виде «советы на каждый день». Их набор обещает регулярно пополняться.

    Caroline Jarrett – Designing Effective Surveys
    Caroline Jarrett беседует с Jared Spool о том, как создавать хорошие опросники. Скоро выходит ее книга Surveys That Work в издательстве Rosenfeld Media в продолжение Forms That Work.

    4 Tricks To Quick Intranet UX Improvements
    Jared Spool перечисляет четыре простых способа улучшить интерфейс интранет-сервиса. Правда, главной проблемой таких сайтов остается недостаток ресурсов на их поддержку и улучшение.

    How to tell managers they're wrong about UX research and still get hired
    David Travis из английской UserFocus советует, как лучше «продать» пользовательские исследования заказчику. Он разбирает типичные возражения клиентов и дает ответы на них.

    Creating A Shared Vision That Works
    Alan Colville рассказывает о том, как обеспечить в компании единое видение продукта. Он предлагает совместную рабочую сессию, которая поможет коллегам лучше познакомиться и определить общие принципы. И еще одна статья Алана на эту тему.

    Creating Effective Landing Pages
    Чеклист Lance Cameron Kidwell по созданию хороших landing pages. Ее перевод на русский язык.

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


    Designing (and converting) for multiple mobile densities
    Travis Hines из компании Teehan+Lax приводит формулы для адаптации дизайна смартфонных и планшетных приложений к экранам разного разрешения и плотности. Это крайне полезный инструмент для мобильных дизайнеров, вынужденных работать с целой армией устройств.

    Download design assets for Metro style apps
    В MSDN опубликованы шаблоны для проектирования и дизайна приложений Windows 8. В нем есть PSD-макеты всех ключевых экранов, контрактов, интерактивных и других элементов. Еще один полезный материал — типографическое руководство для дизайнеров приложений.

    Report Usability Issues in a User by Problem Matrix
    Jeff Sauro опубликовал шаблон матрицы для записи найденных интерфейсных проблем. Она позволяет наглядно увидеть наиболее критичные вещи, требующие исправления в первую очередь.

    Foundation — Rapid Prototyping and Building Framework from ZURB
    Фреймворк Foundation от компании ZURB, который позволяет легко и дешево собирать интерактивные прототипы. Он подходит для больших и мобильных сайтов, а также поддерживает адаптивность.

    Speech Bubble User Flow
    Barnabas Nagy предлагает свой способ описания пользовательских сценариев. Это совмещение карты сайта, диаграммы процесса и отношения пользователя к каждому из этапов. В статье для UXMatters Barnabas описывает важность хорошей подачи проектной документации.

    Sketchkit Wireframes
    Набор стенсилов Sketchkit для проектирования приложений для iPhone в Keynote. Не особо интересный, зато бесплатный.

    Cross Channel Design With Alignment Diagrams
    James Kalbach предлагает использовать диаграммы родства для проектирования сложных взаимодействий, включающих несколько платформ. В статье есть несколько хороших примеров на эту тему.

    Icons8
    Российская дизайн-студия VisualPharm открыла услугу по заказу бесплатных иконок для Windows 8. На текущий момент общедоступная библиотека включает 615 пиктограмм, созданных по заказу пользователей.

    UXToolbox — Wireframing Tools, Application Prototyping, softandGUI
    Новый инструмент для проектирования интерфейсов UX Toolbox. Не особо интересный и перспективный, но интересно что кто-то до сих пор пытается.

    Visual Interaction
    Компания Visual Interaction выпустила сравнительно недорогое оборудование для eye-tracking-исследований. Стоит он $2,980, а программная часть является надстройкой к Morae.

    Interface 2 for iPhone & iPad — Advanced Mockup & Prototyping for iOS
    Вышла вторая версия приложения Interface для проектирования интерфейсов на iPhone и iPad. Помимо обширной библиотеки элементов оно позволяет экспортировать прототип в работающий код.

    Pixelapse — Visual version control for designers
    Сервис Pixelapse облегчает проектную работу для дизайнеров и проектировщиков. Он помогает хранить версии макетов, быстро публиковать их из исходников и обсуждать с клиентами.

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


    Design case study — iPad to Metro style app
    Одна из самых полезных статей для понимания основ проектирования интерфейсов для Windows 8 опубликована в MSDN. В ней детально рассказывается, чем отличаются планшетные приложения для iPad и Win8 и как превратить одно в другое. Вторая статья из серии помогает превратить сайт в приложение для Windows 8. Все материалы по теме.

    Fast and fluid animations in your Metro style app
    Windows 8 имеет библиотеку встроенных анимаций, которые можно использовать при создании собственных приложений. Статья во многом ориентирована на разработчиков, но дизайнерам и проектировщикам полезно знать уже имеющийся арсенал.

    GDS design principles
    Британское правительство опубликовало принципы дизайна, которыми оно руководствуется. Это 10 простых и понятных правил, сопровождающихся наглядными примерами с самого сайта GOV.uk.

    UI Patterns For Mobile Apps — Search, Sort And Filter
    Theresa Neil описывает мобильные паттерны для поиска, сортировки и фильтрации. Она приводит примеры разных подходов к этим задачам и ситуации, когда их стоит использовать. Перевод статьи на русский язык.

    Cross Platform Design Strategies
    Обзор стратегий кросс-платформенного дизайна от Teresa Neil.

    Search vs Browse On Websites
    Jeff Sauro приводит несколько интересных статистических цифр по поводу древнего спора «поиск или категории». Хотя для каждого продукта точное соотношение может быть различным, поиском в любом случае пользуются реже.

    Why Your Links Should Never Say “Click Here”
    Anthony T рассказывает о том, почему ссылки не должны содержать бессмысленные фразы вроде «click here». Он приводит серию рекомендаций по правильной расстановке ссылок в тексте.

    Dark Patterns Wiki
    У проекта Dark Patterns, собирающего примеры нечистых на руку интерфейсных приемов, появилась вики. В ней собираются примеры таких решений.

    Designing Search — As-You-Type Suggestions
    Tony Russell-Rose описывает разные типы поисковых подсказок, появляющихся по мере набора запроса. Он описывает плюсы и минусы каждого из подходов, а также приводит примеры по каждому из них.

    Proper Indicators for Hidden Elements
    Christian Holst перечисляет основные индикаторы, которые помогают использовать скрытые в текущий момент элементы интерфейса. Они показывают направление, привязываются к метафорам физического мира, используют пиктограммы, плавное затемнение и также временный показ.

    A Consistent Shopping Experience with Product Thumbnails
    Jamie Appleseed рассказывает о том, как уменьшенные изображения товаров могут улучшить интерфейс интернет-магазинов. Помимо корзины их стоит использовать в письмах подтверждения и страницах подтверждения заказа.

    How to Make Progress Bars Feel Faster to Users
    Anthony T показывает несколько простых способов сделать индикатор загрузки более быстрым без ускорения работы самой системы. Помимо известного трюка с ускорением анимации может помочь, например, обратное направление движения в индикаторах-полосках.

    Call To Action Buttons and the Psychology of Color
    Paul Osylager подготовил серию простых статей о кнопках call-to-action. Он затрагивает темы важности цвета, размещения, формы и размера, текста этих кнопок. Опубликованы части 2, 3 и 4. Еще одна статья о дизайне кнопок от Caroline Jarrett.

    Meer.li
    Еще одна галерея примеров мобильных приложений, запущенная шведскими студентами в дополнение к Scoutzie и Dribbble. Работ не так много, зато они удобно сгруппированы.

    Процесс


    Just What is a UX Manager?
    Brandon Schauer размышляет о роли менеджера интерфейсных проектов. Он описывает ключевые качества такого специалиста и его цели.

    Incremental and Radical Innovation — Design Research versus Technology and Meaning Change
    Большая публикация Don Norman и Roberto Verganti о том, какие инновационные методы работы дают больший эффект. Они сравнивают эффект от дизайн-исследований и технологических прорывов, делая вывод о том что первые хороши для последовательных улучшений, в то время как вторые позволяют совершить радикальные изменения.

    How to transform vision into value (презентация Proto Partners)
    Неплохой обзор процесса проектирования услуг от компании Proto Partners. Они рассказывают, как эти инструменты помогают создавать компании ценность для бизнеса заказчиков.

    Designing Services That Deliver (PDF)
    Публикация G.Lynn Schostack в Harvard Business Review, посвященная проектированию услуг. Автор концентрируется на описании проблемных мест во взаимодействии потребителя с сервисами компании.

    6 Key Questions to Guide International UX Research
    Liang Zhang, Pamela Walshe и Elizabeth Shelly дают серию советов по проведению международных пользовательских исследований. Помимо учета культурных особенностей необходимо помнить о массе организационных проблем.

    Co-designing with Children
    Catalina Naranjo-Bock описывает процесс совместного дизайна с детьми. Хотя они проводят массу своего свободного времени за этим делом, организовать их достаточно сложно.

    Organizational Challenges for UX Professionals
    Patrick Neeman рассказывает о типичных организационных проблемах, с которыми сталкиваются специалисты по интерфейсам. Само собой, связаны они с тремя участниками процесса — менеджментом, разработчиками и самими дизайнерами.

    The 7 Essentials of Customer Centric Business — Personality
    В статье описывается как строить хорошее отношение пользователей к бренду. Важно формировать отношение к нему как к личности.

    Кейсы


    Transitioning The Week Magazine’s Reading Experience from Print to iPad (презентация Harry Brignull)
    Шикарный кейс журнала The Week, рассказывающий о том как они переносили журнал на iPad. Много рассказано о предпосылках, ограничениях и процессе работы — крайне полезно для всех, кто делает контентные приложения для планшетов.

    Firefox UX Overview
    Интересная презентация интерфейсной команды Firefox о том, как они делали новую версию продукта похожей на разных платформах и устройствах. Там же показана версия браузера для Windows 8.

    Eyes on the Road or Mind on the Road?
    Steven Hoober рассказывает о своем опыте проектирования систем дополненной реальности и HUD (head-up display). Системы создавались для военных и требовали учета множества факторов.

    Positive Design Impact
    Daniel Szuc и Josephine Wong рассказывают о том, как интерфейсная команда может усилить свое влияние на продукт. Они описывают историю из своей практики, когда плотная работа с проектной командой помогла этому.

    Storytelling that inspires and delivers vision — Lessons from Google Glass
    Stefan Klocek разбирает в блоге компании Cooper видео-презентацию очков дополненной реальности Google Project Glass. Он говорит о том, как сделать такой ролик более человечным и эффектным, переместить фокус с технологий на решение потребностей пользователя. И еще один интересный разбор этого видео, на этот раз с маркетинговой точки зрения.

    Irving Wladawsky-Berger — Design Principles for Complex, Unpredictable, People Oriented Systems
    Irving Wladawsky-Berger пишет о том, как крупнейшие компании используют дизайн в своем бизнесе. И в целом размышляет о том, какую роль он занимает в современной экономике.

    Теория


    UX Design Defined
    Ritch Macefield предлагает простые и очень емкие описания основных интерфейсных ролей и специальностей. В статье есть определения информационной архитектуры, проектирования взаимодействия, визуального дизайна, юзабилити-инженерии и UX-дизайна.

    Principles of User Interface Design
    Joshua Porter собрал свой список принципов проектирования интерфейсов. Перевод на русский язык.

    More Than Usability — The Four Elements of User Experience, Part I
    Frank Guo описывает свое видение фреймворка для проектирования хороших интерфейсов. Он должен обеспечивать 4 ключевых качества — ценность для пользователя, юзабилити, легкость начала использования и желанность.

    Socio-Technical System Design
    Новая статья в энциклопедии Interaction Design от Brian Whitworth и Adnan Ahmad посвящена социо-техническим системам. Это одна из самых интересных областей интерфейсной работы, объединяющая сложные технические средства и организационные структуры.

    A. Ames & A. Riley on info experience models @ STC12
    Andrea Ames и Alyson Riley из IBM описали серию концептуальных моделей, которые моделируют работу пользователя с информационными системами. Они включают в себя модель использования, контента, доступа и информационную. Доступна также презентация в дополнение к статье.

    The Secret Sauce of Social
    Adrian Chan описывает природу взаимодействий в социальных сервисах.

    Understanding Information Architecture Differently
    Термин «информационная архитектура» со временем размылся и стал конфликтовать с «user experience», из-за чего стал восприниматься многими специалистами скептически. Nathaniel Davis пишет о том, что нужно вернуться к сути IA.

    Innovating User Value — The Interrelations of Business Model Innovation, (Service) Design Thinking and the Production of Meaning
    Большая студенческая работа Jan Schmiedgen, посвященная дизайн-мышлению, проектированию услуг и инновационным бизнес-моделям. Он исследует роль дизайна в инновационной деятельности и способы создания ценности для пользователей. Прямая ссылка на PDF.

    Бюллетень Межрегиональной (Российской) эргономической ассоциации
    Вышел первый выпуск бюллетеня Межрегиональной эргономической ассоциации. Прямая ссылка на PDF.

    История


    Inside Minority Report‘s ‘Idea Summit,’ Visionaries Saw the Future
    ‎10 лет назад вышел фильм «Особое мнение», который предложил несколько набирающих сейчас обороты интерфейсных концепций. Статья рассказывает о том, как режиссер Стивен Спилберг собрал технических специалистов и футуристов и предложил небанальное видение будущего. И еще одна статья на тему.

    The Past and Future of Experience Design
    Nathan Schedroff вспоминает отрасль проектирования интерфейсов десятилетней давности и активные дискуссии в ней. Одна из них была посвящена возможности спроектировать experience пользователя, а не просто интерфейс. Хотя в последние годы многие утверждают что это невозможно, другие отрасли успешно справляются с этой задачей.

    Engelbart’s Violin
    Очень интересная статья о том, почему и куда исчезают профессиональные «железки», а замещают их понятные массовому пользователю продукты. Они требуют долговременного обучения, зато позволяют здорово повысить эффективность работы.

    Creating the Windows 8 user experience
    Обширнейшая статья Jensen Harris об истории создания интерфейса Windows 8 и его эволюции относительно других версий платформы. Он рассказывает об основных принципах платформы и почему они именно такие. Особенно забавна судьба кнопки «Start» — сейчас ее уход сопровождается стонами «мы к ней так привыкли!», но в статье есть видео-ролик о том, с каким трудом «продавался» пользователям этот новый концепт в 1995 году.

    Future Passed — When we dreamed of television
    The Verge опубликовал хронологию представлений о телевидении будущего, которые менялись по ходу развития технологий. Интересно, как эволюционировали эти представления и какие из них материализовались.

    A Brief History of Information Architecture
    Andrea Resmini и Luca Rosati описывают краткую историю информационной архитектуры. Идея применения этих методов к представлению информации появилась в середине '70х, хотя термин существовал и до этого.

    Notes on videophones in film
    Joe Malia из компании BERG собрал коллекцию видео-телефонов в кино, начиная с Метрополиса 1927 года. Интересно смотреть за развитием идей и видения будущего.

    Тренды


    Moving from Transaction to Engagement
    R «Ray» Wang описывает переход текущей интерфейсной парадигмы от транзакций к вовлечению. В конце статьи интереснейшая табличка, описывающая эволюцию основных интерфейсных принципов.

    Our Mobile Planet
    Исследование особенностей использования смартфонов в более чем 40 странах, которое проводилось совместно Google, Ipsos и Ассоциацией мобильного маркетинга (MMA). Данные представлены в виде интерактивного сервиса, который позволяет делать различные выборки и строить интересные срезы.

    Interactions with big data analytics
    Публикация группы авторов Danyel Fisher, Rob DeLine, Mary Czerwinski и Steven Drucker в Interactions Magazine затрагивает тренд использования больших объемов данных при создании продуктов и сервисов. Это новые возможности и ограничения для специалистов по интерфейсам, которые нужно понимать и учитывать.

    A Changing Tide
    Cennydd Bowles наблюдает тренд смещения центра интерфейсных компетенций из сервисных компаний в продуктовые. Это не значит, что специализированные подрядчики пропадут, но текущий рынок технологических продуктов требует от них высоких потребительских качеств и большой скорости реакции на изменения, чего можно добиться только развитием собственной дизайнерской команды.

    Adapting Ourselves to Adaptive Content (презентация Karen McGrane)
    Отличная презентация Karen McGrane о том, что требуется от современных систем управления контентом в условиях множества поддерживаемых платформ и устройств. Она приводит несколько удачных кейсов реализации этой стратегии.

    Interaction as performance
    Интересный обзор театральных постановок, фильмов и видео-клипов, в который взаимодействие пользователя с технологиями являются частью общего действия. Авторы публикации Steve Benford и Gabriella Giannachi рассказывают, что такое mixed reality.

    Nielsen is wrong on mobile
    Интересная дискуссия Josh Clark и Jakob Nielsen о современном состоянии мобильных интерфейсов. Josh критикует Якоба за несовременные и даже вредные рекомендации, а тот отвечает на претензии. Еще одна ветка дискуссии.

    Свежие ссылки можно также отслеживать в одноименной Facebook-группе.
    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 10

      +1
      Серьезный труд!
      А вообще, пора на хабре вводить отдельный раздел для всякого рода подборок и дайджестов :)
        +1
        Боюсь, Ветров, один туда будет постить материал такого высокого уровня.
          0
          Тогда тип материала уж. Как посты, переводы и опросы…
          0
          А чего без картинок? В прошлые разы с картинками было как-то удобнее…
            +1
            Уймись, зануда )
            Этот человек своими постами делает для меня больше, чем некоторые мои родственники сделали для меня за всю жизнь.
            Спасибо!
            Как только моя карма будет больше нуля, — я обязательно тебя разыщу и яростно заплюсую )
              +1
              Приятно слышать, спасиб :)
            0
            Спасибо, Юр :)
              0
              Тебе спасиб за крутой ресурс и кучу усилий на его развитие :)
              0
              Много фиолетовых ссылок — фуф, у меня для себя хорошие новости :))
                0
                А по русски?

                Only users with full accounts can post comments. Log in, please.