«Обзор свежих материалов, октябрь-декабрь 2012»
Раздел: Социальные сети
Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-сентябрь 2012.Паттерны и Best PracticesThe New Era of (Non-) Discoverability Презентация Dan Saffer, посвященная проблемам в обнаружении функций и действий в современных тач-интерфейсах. Он сопоставляет важность обучаемости и обнаруживаемости функций для разных поколений компьютерных устройств и рекомендует улучшать первое для опытных пользователей и второе для начинающих и «вечных середняков». Android Tablet App Quality Checklist В блоге Android опубликован чек-лист для проектировщиков и дизайнеров планшетных приложений для платформы. Это 10 простых правил, часть из которых применима и к другим платформам. 'Usability of Web Photos' from UXCambridge & FOWD Презентация James Chudley из CXPartners, посвященная использованию фотографий в прототипах и реальных интерфейсах. Зачастую это неотъемлемая часть контента или общего посыла, так что нужно осторожнее использовать «рыбу» и заглушки. Автор также выпустил мини-книгу на эту тему. When You Shouldn’t Use Fitts’s Law To Measure User Experience Хороший обзор основных посылов закона Фиттса от Anastasios Karafillis. Он был предложен в эпоху взаимодействия мышью с десктопными приложениями и часть из этих посылов требует корректировки сейчас, когда значительная часть интерфейсов работают внутри браузера или управляются жестами и прикосновениями. 6 Ways to Get More Out of Your Order Confirmation Page Jamie Appleseed из Baymard Institute описывает методы повышения конверсии и лояльности покупателей интернет-магазинов при помощи страницы-подтверждения, которая показывается после завершения заказа. В этот момент процесс покупки завершен и без риска сорвать ее можно продать дополнительные товары или предложить дополнительные услуги. Translation is UX Antoine Lefeuvre пишет о важности хорошего перевода при локализации интерфейсов. Они позволяют сохранить дух продукта и правильно передать нюансы взаимодействия. Best Practices for Online Guided-Selling Experiences Michael Hawley рассказывает об одном из ключевых сценариев использования для интернет-магазинов — гидам для покупателей. Они помогают выбрать товар тем, кто плохо разбирается в предметной области или не может явно выразить свои требования. Обзор основных паттернов сравнения товаров. Android Niceties Галерея примеров красивых приложений для Android, сделанных в духе гайдлайнов платформы. Quest for Emotional Engagement — Information Visualization Шикарнейшая презентация Stephen P. Anderson о том, как использовать приемы инфографики для облегчения когнитивно сложных интерфейсов. Они позволяют упростить сложные таблицы и дашборды, придать смысл бесконечным спискам слабоотличающихся вариантов, помочь в выборе нужной опции или товара в e-commerce-сервисе. Sketching interfaces Неплохая обзорная презентация Michael Angeles о том, как и зачем рисовать скетчи интерфейсов. Your Content, Now Mobile Глава из новой книги Karen McGrane, посвященной мобильной контент-стратегии. Сама статья достаточно общая, но книга должна быть интересной в условиях того, что все больше продуктов присутствуют сразу на множестве платформ. Responsive Navigation: Optimizing for Touch Across Devices Luke Wroblewski описывает адаптивный подход к проектированию навигации для интерфейсов, присутствующих сразу на нескольких форм-факторах. В статье отличные иллюстрации по поводу того, как используется каждый из них. Mobile Design Details: Just in Time Actions Интересный паттерн для работы с формами в мобильных приложениях от Luke Wroblewski. Он предлагает заменять ненужные в момент ввода элементы интерфейса на механизм скрытия экранной клавиатуры. Mobile Input Methods Steven Hoober перечисляет современные методы ввода на мобильных устройствах. Это полезный список физических и интерфейсных подходов. Mobile Email Newsletters Jakob Nielsen приводит результаты исследования мобильных писем рассылок. Состояние отрасли печальное — 93% писем пришлось также открывать на компьютере. The top responsive web design problems… and how to avoid them James Young подготовил отличный обзор современных техник и проблем адаптивного дизайна с массой полезных ссылок. The wrong projection Chris Noessel описывает проблемы отображения авиа-маршрута на карте мира с помощью Плате Карри, которое обычно используется в информационно-развлекательных системах самолетов. И предлагает более удачные решения. Понимание пользователяLeveraging the Kano Model for Optimal Results Лучшая статья на тему использования модели Kano в проектировании интерфейсов и управлении продуктами от Jan Moorman. Она подробно описывает методику ее использования, а также более полно описывает саму концепцию и ее историю. H.Muller, J.L.Gove, J.S.Webb — Understanding Tablet Use: A Multi-Method Exploration (PDF) Интереснейшее исследование Henrik Muller, Jennifer L. Gove и John S. Webb для Google о том, как и для чего используются планшеты. Лидируют проверка почты, игры и социальные сети. Behavior Design Bootcamp with Stanford’s Dr. BJ Fogg Ryan Winia побывал на мастер-классе BJ Fogg (главы Стэнфордской Persuasive Technology Lab), посвященном его теории поведения. Он рассказывает ее основные принципы и приводит много интересных деталей применения модели поведения. Часть 2 и послесловие. 5 Levers of Behavior Change James Kalbach приводит пять ключевых условий, соблюдая которые продукт может изменить привычки и поведение пользователя. Причем он сравнивает эти пять пунктов от разных авторов — Everett Roger и Keith Wood. Еще одна публикация на эту тему от Frog Design. Same devices, different experiences Chui Chui Tan из компании CXPartners опубликовала интереснейшую презентацию о том, как используются привычные для нас смартфоны в азиатских странах. Introducing the Storygraph Raffaele Boiano опубликовал шаблон storygraph для описания customer journey. А в дополнение к нему — storybook, его развитие. Mining Social Media — Tracking Content and Predicting Behavior (by Manos Tsagkias) Большое исследование механизмов работы социальных медиа от Manos Tsagkias, которое описывает в том числе моделирование поведения их пользователей. Прямая ссылка на PDF. What’s Your Perception Strategy? (Why It’s NOT All About Content) Транскрипция мастер-класса Stephen Anderson, посвященного особенностям человеческого восприятия. Он рассказывает о том, как формируется experience и что влияет на него. UX Persona Research Survey Results Nellie Le Monier провела в августе-сентябре 2012 небольшой опрос среди UX-специалистов на тему исследования персонажей для своих проектов. Mirror, Mirror, on the Screen David Moscovic рассказывает о рефлексивном дизайне. Поскольку пользователь зачастую переносит продукт и используемые в нем образы на себя, с их помощью можно улучшить восприятие сервиса и experience в целом. User Satisfaction vs Performance Metrics Jakob Nielsen собрал данные пользовательских исследований около 300 продуктов и подтвердил вывод о том, что пользовательская удовлетворенность не всегда привязана к удобству использования. В статье отличный график для вдумчивого изучения. Проектирование структуры и экранов интерфейсаMotion & Animation: A New Mobile UX Design Material Отличная статья Rachel Hinman об интерфейсной анимации в мобильных приложениях. Хотя она и ссылается на диснеевские принципы, которые часто критикуют как не всегда применимые к интерфейсам, они удачно разбиты по категориям и сопровождаются удачными примерами. Indigo Studio — Interaction Design Tool Indigo Studio — новый многофункциональный продукт для проектирования интерфейсов. В дополнение к стандартному набору разных платформ и создания интерактивных прототипов, он позволяет описывать анимации, работать со скетчами, создавать сториборды. Proto.io — Silly-fast mobile prototyping. Вышла третья версия Proto.io с сильно расширенными возможностями — wireframes.linowski.ca/2012/10/proto-io-v3-changes-mobile-prototyping-as-we-know-it/. Она позволяет создавать интерфейсы для широчайшего спектра устройств в дополнение к уже имевшимся — от телевизоров и современных холодильников до игровых консолей. Interactive Sketching Notation v1.3 Jakub Linowski выпустил версию 1.3 своего фреймворка Interactive Sketching Notation. Он включает в себя большой набор элементов управления, типовых иконок, а также экранов устройств основных мобильных и планшетных платформ. Large Canvas Flows + With References Отличнейший пример совмещения прототипов, информационной карты и спецификации поведения мобильного приложения от Антона Волкова. Она наглядно показывает общие и частные детали работы продукта. Android DPI Calculator Онлайн-калькулятр DPI с большим количеством разрешений экрана смартфонов. Полезный инструмент для мобильных дизайнеров, которые работают с Android-устройствами. Agile, OmniGraffle, and Native Mobile Wireframing Полезный обзор возможностей Omnigraffle от Simon Keatley из Deloitte Digital. Он также описывает интересные нюансы своего рабочего процесса и интеграции инструмента проектирования в него. Planning for Homepage Content Georgy Cohen рассуждает о роли главной страницы на современных сайтах. Все меньше пользователей находят контент через нее, что влияет на ее структуру и контент. Interface Sketch Обширная коллекция шаблонов устройств для бумажного прототипирования. Доступны множество разрешений смартфонов и планшетов, а также классический браузер. POP (Prototyping on Paper) — iPhone App Prototyping Made Easy Приложение POP (Prototyping on Paper) облегчает процесс бумажного прототипирования. Механизм простой — нужно сфотографировать скетчи, расставить на них кликабельные области и пролинковать страницы между собой. PowerMockup — Wireframing Tool for PowerPoint Вышла третья версия плагина PowerMockup для PowerPoint, который позволяет проектировать интерфейсы в простом и знакомом многим менеджерам инструменте. Он включает обширную библиотеку стандартных элементов и иконок. The Infinite Grid Chris Armstrong пишет о построении сложных сеток, учитывающих множество устройств. Он дает рекомендации, позволяющие сохранить сетку даже с учетом слабопредсказуемых и малопопулярных разрешений экрана. Перевод статьи. Cut&Slice me Плагин Cut&Slice Me к Adobe Photoshop облегчает работу мобильных дизайнеров. Он помогает «нарезать» дизайн-макеты для разработчиков — это здорово экономит силы и время. Принципы дизайна приложений для Windows 8 Константин Кичинский запустил в блоге еще одну серию статей о проектировании и дизайне для Windows 8. Are You Still Using Earlier-Generation Prototyping Tools? Ritch Macefield предлагает интересную классификацию инструментов проектирования и делит их на 4 поколения. Насколько удобны они для организации работы, проведения пользовательских исследований, визуального оформления и подготовки спецификаций? Пользовательские исследования и тестированиеTips on Prototyping for Usability Testing Обзорная статья Jim Ross о том, как готовить прототипы для юзабилити-тестирования. Он перечисляет основные нюансы и ситуации, которые важно предусмотреть. Research Where Your Channels Cross Несколько кейсов от Jessica Peterson, рассказывающих о методах пользовательского исследования продуктов и сервисов, использующих сразу несколько каналов. Их сложнее тестировать в лабораторных условиях, чем одиночный продукт. 10 Things to Know about A/B Testing Jeff Sauro рассказывает о своем опыте использования A/B-тестирования. В основном это статистические выкладки — когда и в каких случаях можно принимать решения на основе результатов таких исследований. User testing in the wild — Research at conferences and other events Nina Mehta предлагает конференции как простой способ подбора респондентов для пользовательских исследований. Она описывает особенности таких исследований и дает советы по их организации. Testing One Thumb, One Eyeball Mobile Use Luke Wroblewski пишет о важности тестирования мобильных приложений в использовании одной рукой. К статье прилагается видео, которое показывает исследование ключевых сценариев мобильного приложения Polar. 10 Things to Know About Unmoderated Usability Testing Jeff Sauro рассказывает о своем опыте проведения удаленных юзабилити-тестирований. Он перечисляет 10 основных моментов, на которые стоит обратить внимание. Activity Analytics for Web Apps Jared Spool рассказывает об опыте его компании UI Engineering по совмещению методов юзабилити-тестирования и веб-аналитики. Это позволяет найти неочевидные проблемы, хотя для этого нужна тонкая настройка сервиса аналитики. Call Recorder for Skype — The Skype Audio/Video Call Recording Solution for Mac Компания Ecamm выпустила дополнение к Skype, позволяющее записывать звонки. Это поможет в проведении удаленных пользовательских исследований. Правда, он доступен только для Mac. Where's the fold? Сервис Fold Tester позволяет проверить, какая часть страницы попадает в первый экран браузера на разных разрешениях экрана. Правда, на некоторых сайтах сервис не отрабатывает. All Together Now Colin Butler и Andrew Wirtanen описывают проблемы экспертных оценок. В качестве решения они предлагают подход коллективной оценки и описывают этот метод в деталях. Typeform — Create awesome forms & surveys that function seamlessly across devices Сервис TypeForm позволяет создавать нестандартные формы, лучше вовлекающие пользователя в процесс заполнения. Полезный инструмент для проведения пользовательских исследований. Метрики и ROI10 Benchmarks for User Experience Metrics Бесценная коллекция метрик от Jeff Sauro. Он приводит средние значения 10 наиболее востребованных интерфейсных показателей (NPS, SUS, SEQ и других), относительно которых удобно сравнивать результаты исследований своих продуктов. KPIs are Metrics, but Not All Metrics are KPIs Jared Spool напоминает о разнице между метриками и KPI. Эти понятия зачастую путают, хотя они имеют разные задачи и важность для бизнеса. Quantifying the Value of a Promoter Jeff Sauro рассказывает о метрике, рассчитывающей выраженную в деньгах ценность рекомендаций пользователей продукта. Она использует данные Net Promoter Score и позволяет посчитать дополнительную прибыль. 10 Things To Know About The Single Ease Question (SEQ) Отличная памятка о метрике пользовательской оценки интерфейсов SEQ (Single Ease Question) от Jeff Sauro. Он описывает базовую информацию о ней и полезные нюансы из своего опыта. One thing you should fix on your website Jeff Sauro помогает ответить на вопрос, какие интерфейсные проблемы стоит решать в первую очередь. Он приводит результаты исследований сервисов крупных компаний и сопоставляет их с распространенной критикой со стороны пользователей. How to Ask About User Satisfaction in a Survey Caroline Jarrett рассказывает о том, как оценивать пользовательскую удовлетворенность с помощью опросов. Здесь недостаточно да/нет или простой шкалы оценки — необходимо учитывать контекст и предыдущий опыт. Сопроводительная презентация. Conversion Rate Optimization — Five Key Success Factors В преддверии нового отчета Conversion Rate Optimization Report сайт Econsultancy публикует некоторые цифры ключевых факторов, которые оцениваются как наиболее влияющие на конверсию сайта. Это помогает понять, насколько мы учитываем их сами. Predicting Task Completion with the System Usability Scale Jeff Sauro собрал данные сотни пользовательских тестирований и нашел корреляцию между метрикой SUS (System Usability Scale) и процентом успешно решенных задач. В статье есть калькулятор, позволяющий проверить свои даныне. How to Measure Findability Jeff Sauro предлагает метод измерения находимости страниц и объектов в поиске по сервису. Это позволит отслеживать эффективность поискового механизма и улучшать его. Управление интерфейсными проектами и процессамиFixing A Broken User Experience Stefan Klocek из компании Cooper предлагает подход, который позволит изменить интерфейсную культуру в крупной компании с множеством продуктов. Он предлагает начинать с базового уровня визуального сходства и дальше подниматься на уровень выше. What can Steve Jobs and Jonathan Ive teach us about designing? Hugh Dubberly разбирает примеры компаний, в которых высшее руководство высоко ставит ценность дизайна и напрямую взаимодействует с дизайнерами при создании продуктов, и строит модель такого рабочего процесса. За основу он берет кейс Стива Джобса, а также приводит ряд примеров из других компаний — таких как IBM, Pixar, Olivetti, Braun. The Magical Short-Form Creative Brief Jared Spool описывает отличный способ улучшить качество проектных встреч. Это краткий бриф, который озвучивается перед каждой встречей для того чтобы подвердить одинаковое понимание целей проекта. Колонка UXMatters о том, как организовывать обсуждения дизайна. Goods, Bads, and Dailies — Lessons for Conducting Great Critiques Jared Spool приводит два примера хорошо выстроенного процесса дизайн-критики. Важно иметь предсказуемую и регулярную процедуру на уровне ритуала и достаточный для критики результат работ — не слишком ранний и не слишком поздний. Coherence and responsiveness Jed Harris и Austin Henderson описывают типичную проблему, стоящую перед продуктом — быть более гибким или более связанным и структурированным. Они описывают модель, которая помогает выбрать оптимальный баланс. Project of How Продолжается перевод методик командной работы от CMS Magazine. Доступны Комбинирование идей, Метод распускающегося лотоса, игра «Инсайты», Развитие идей в формате экспресс-свидания и Визуализируй это. An Event Apart: What Clients Don’t Know Mike Monteiro хорошо описывает проблемы во взаимоотношениях дизайнера и заказчика. Он рассказывает, где именно происходит непонимание и как с ним бороться. Fitting Big-Picture UX Into Agile Development Damon Dimmick пишет о внедрении UX в agile-команды. Он поднимает темы выхода за ограничение нулевого спринта, введение роли дизайн-owner и другие интересные идеи. The product design sprint — A five-day recipe for startups Jake Knapp описывает пятидневный формат командной работы для концептуального проектирования продукта. В целом статьи достаточно поверхностные, но в некоторых частях есть много полезных деталей. КейсыInstagram’s Mike Krieger on apps — Are you getting the design right or do you have the right design? Со-основатель Instagram Mike Krieger рассказывает о том, как устроен дизайн-процесс в компании. В целом он основан на том что продвигает IDEO, но со своими особенностями. Презентация к рассказу. Apollo Flight Controller 101: Every console explained Шикарнейший разбор того, как устроен центр управления полетами NASA и какие устройства используются в нем. Это одна из самых сложных социо-технических систем, в которых интересно сочетаются интерфейсные и организационные подходы. Продолжение темы. Responsive mobile site for BBC Sport BBС Sport выпустили адаптивную версию своего сайта, о чем рассказывает руководитель проекта Lucie McLean. Это очень интересный пример — BBC приходится решать задачи как с большим количеством информации, так и с большим разнообразием устройств. Enroll UX 2014 Исследовательский проект IDEO и организаций американской отрасли здравоохранения, который изучает современные подходы к медицинскому страхованию. Они изучают в том числе доверие к компании и ее продуктам — что пользователи вкладывают в это понятие и их ожидания. The Magical Tech Behind Paper For iPad's Color-Mixing Perfection Интересный кейс о работе над новым инструментом выбора цвета в приложении Paper для iPad. Это отличный пример того, что прорывное интерфейсное решение зачастую требует серьезной работы над сложными моделями предметной области. ИсторияKinect Genealogy — A Brief History of Gestural Interfaces Отличнейшая статья об истории интерфейсов с управлением жестами, посвященная двухлетней годовщине появления Kinect. Много примеров с видео-роликами технологических концептов и продуктов, начиная с 60х. Atari Teenage Riot — The Inside Story Of Pong And The Video Game Industry's Big Bang История компании Atari и игры Pong, первой коммерчески успешной и массовой игры — ей недавно исполнилось 40 лет. Хотя придумали ее в домашней приставке Magnavox Odyssey, вышедшей незадолго до Pong. The story of Nokia MeeGo История мобильной ОС MeeGo и ее интерфейса в частности. Наглядный пример проблемного продукта и причин неудачи платформы. ТрендыNew Rule: Every Desktop Design Has To Go Finger-Friendly Josh Clark отмечает, что с выходом Windows 8 десктопные компьютеры должны начать поддерживать тач-управление. Как показывает первый опыт использования гибридных устройств (планшет+ноутбук), проблема «gorilla arm» преувеличена, а пользователи используют тач как основной, а не вспомогательный способ управления. Sci-Fi Interfaces Nathan Schedroff и Christopher Noessel написали книгу Make It So, анализирующую интерфейсы из фантастических фильмов. На сайте книги собрано много выдержек и полезных материалов. Описание на сайте издателя Rosenfeld Media. Выступление Chris Noessel на тему книги. Over the top — The new war for TV is just beginning Шикарнейшая серия статей The Verge, посвященная актуальным медиа-приставкам, платформам и экосистемам для современных телевизоров. Она включает 6 обзоров устройств от Amazon, Apple, Google, Microsoft, Sony и небольших производителей, а также полезный перечень «коробок» от кабельных операторов. Обзор и сравнение основных продуктов полугодичной давности. Substituting Information for Interaction (PDF) Robert Glushko и Karen Nomorosa исследуют вопрос проектирования современных сервисов на стыке информационных и развлекательных. Они предлагают методику исследования и проработки таких продуктов. Intranet Users Stuck at Low Productivity Jakob Nielsen рассказывает о результатах свежего исследования юзабилити интранет-сайтов. За 10 лет с момента прошлого исследования ситуация стала даже немного хуже — пользователям труднее находить нужную информацию и решать свои задачи. Методологии и общие вопросыInformation Architecture’s Two Schools of Thought Nathaniel Davis сравнивает определения информационной архитектуры и делит их на два основных подхода. Первый касается только структуры сайта или приложения и инструментов навигации по ней, второй — всего продукта в целом. Service Design Magazine, Research Book and Poster Журнал Service Design Magazine и сопутствующее исследование отрасли от группы организаций Финляндии и Эстонии. Они описывают историю и современное состояние отрасли. Бюллетень Эргономист, выпуск 3 (PDF) Вышел третий выпуск бюллетеня, посвященного прикладной эргономике. Content Strategy for Decision Makers Rahel Bailie и Noz Urbina опубликовали книгу о контент-стратегии с акцентом на процесс работы с лицами, принимающими решения в компании. Она временно доступна в бесплатном доступе. Designing meaning — Translating insight into design Simon Norris из компании Nomensa говорит о важности «проектирования смысла» при создании продуктов, а не просто интерфейсов. В современных командах дизайн, технологии и психология должны работать в одной связке для того чтобы получать востребованные решения. Позже автор опубликует модель этого процесса. Parsons Journal for Information Mapping, volume 4, issue IV Вышел Parsons Journal for Information Mapping за четвертый квартал 2012 года. В нем три статьи об инфографике и визуализации данных. ASIS&T; Bulletin: IA Issue (Oct/Nov 2012) Вышел свежий выпуск бюллетеня ASIS&T за октябрь-ноябрь 2012. Прямая ссылка на PDF. Иван Замесин — Интерфейсы, usability и здравый смысл Иван Замесин публикует в своем блоге переводы интерфейсных статей с английского. Он открылся только в этом году, но уже есть с полдюжины материалов. Материалы конференцийUX Week 2012 Videos Появились видео-записи конференции UXWeek 2012, проходившей 21-24 августа в Сан-Франциско. Как всегда, много интереснейших актуальных тем от ведущих специалистов отрасли. Jensen Harris из Microsoft показал первые макеты Windows 8. Publishing and Presenting Jim Ross мотивирует проектировщиков и дизайнеров чаще выступать на конференциях и публиковать статьи на профессиональную тему. Это серия статей с перечислением основных опасений вроде «мне нечего сказать» и конкретными советами по подготовке статей и презентаций. Вторая часть. EPIC2012 Conference Proceedings Материалы конференции EPIC2012 (Ethnographic Praxis in Industry Conference), посвященной практическому использованию этнографических исследований. Прямая ссылка на PDF-отчет с тезисами и материалами выступлений. UX Magazine: Seminars UX Magazine открыл раздел семинаров, в котором публикуются анонсы платных и бесплатных обучающих лекций. Правда, для количества в списке много посторонних тем вроде программирования или SEO. Свежие ссылки можно также отслеживать в одноименной Facebook-группе. Дата публикации: 2012-12-13 |