Обзор свежих материалов, октябрь 2010

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

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

7 Useful Design Strategies for a Successful Pricing Table
Серия принципов, которые позволят сделать страницу выбора тарифного плана более эффективной в продажах. Статья описывает принципы подачи информации и ценообразования в целом.

10 Reasons to Use Color
Connie Malamed, автор книги “Visual Language for Designers”, описывает цели использования цвета в дизайне и интерфейсе. Каждый способ привязан к определенной цели.

Which Types of Form Fields Lower Landing Page Conversions?
Dan Zarella описывает результаты исследования онлайн-форм на более чем 40 000 страницах, в ходе которого были найдены снижающие конверсию поля ввода. Хотя выводы достаточно краткие, сама информация более чем полезная.

Content Strategy Week @ Johnny Holland
Онлайн-журнал Johnny Holland выпустил серию статей, посвященных контент-стратегии. Ее пять основных тем — организация, целостность, понимание, стратегическое планирование и оценка.

8 Principles for Creating UX Poster Deliverables
Jason Wishard описывает восемь принципов работы над постерами, посвященными интерфейсу. Это отличный способ наглядной подачи результатов исследований и хороший итоговый документ для клиента.

Professor Q. Bert — Six lessons from games to bring fun to non-game apps and maximize a positive user experience
Статья Michael Zuschlag, в которой он рассказывает об игровых способах вовлечь пользователя в работу с продуктом. Автор описывает 6 правил, которые позволят сделать приложения и веб-сервисы более вовлекающими.

The Subtle Art of Seduction (презентация Stephen Anderson)
Отличнейшая презентация Stephen Anderson, в которой он показывает массу интересных примеров представления информации, форм и других элементов интерфейса в вовлекающем и эмоциональном виде.

http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=subtleartofseduction-stephenpa-101007074018-phpapp01&stripped_title=the-subtle-art-of-seduction&userName=stephenpaВ новом окне

View more presentations from Stephen Anderson.

What is User Experience Design? Overview, Tools And Resources
Да, это очередной обзор на тему “что такое user experience”. Но это лучший среди таких обзоров, так что если появляется необходимость объяснить это кому-либо из друзей или коллег — эта статья идеально подходит.

Инструменты

MeeGo UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС MeeGo от Nokia и Intel. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам — http://friendfeed.com/jvetrau/3876c515.

Bada UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС Bada от Samsung. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам —http://friendfeed.com/jvetrau/3876c515.

Free Toolbar Icons for Interface or GUI Designer
Отличный набор черно-белых иконок, который идеально подходит для использования в wireframes. Особенно хорошо то, что они представлены в двух вариантах — черно-белом и бело-черном.

Паттерны

iPad: Scroll or Card?
Oliver Reichenstein из компании Information Architects описывает два основных принципа подачи контента — скроллируемая и слайдовая подача. Он описывает предысторию холиваров на эту тему и дает рекомендации по поводу того, когда и что использовать.

Label Placement in Austrian Forms, with Some Lessons for English Forms
Внимание: к материалу этой статьи нужно относиться скептически — сложно оценить репрезентативность исследования. И все-таки сам поставленный вопрос более чем интересный — насколько удобно и понятно расположение названий полей формы под ними?

Процесс

Interfaith Marriage: Experience Design Meets Agile Development
Larry Constantine описывает хорошие и плохие сценарии работы проектировщика и дизайнера в рамках гибкого процесса разработки. По его мнению, меняться приходится в основном специалисту по интерфейсам, подстраиваясь под существующий процесс. Вторая часть статьи —http://www.informit.com/articles/article.aspx?p=1636984.

Кейсы

Beyond Staggered Sprints — How TheLadders Integrated UX into Agile
Команда проектирования рекрутингового сервиса TheLadders.com рассказывает о том, как менялся процесс работы над интерфейсом в рамках перехода к гибким методикам разработки. Статья особенно хороша тем, что авторы описывают весь путь становления нового процесса, включая все неудачи.

Making Sense of Complex Controls (Ford & IDEO Collaboration)
История о том, как Ford сотрудничал с дизайн-агентством IDEO с тем чтобы привнести в приборные доски автомобилей интерфейсные идеи из современных смартфонов. Первые результаты этой работы будут доступны на рынке в 2011 году.

Теория

Clear Reporting & Critical Thinking — Why User Experience Needs to Remember its Roots in Psychology
Отличная критическая статья Whitney Hess, которая предостерегает проектировщиков и дизайнеров от того чтобы слепо верить “результатам исследований и юзабилити-тестов”. Она рассказывает о том, что нужно знать о методологии и репрезентативности таких исследований.

The Invisibility of Disability
Alexander Dawson предлагает свой способ классификации степеней доступности (accessibility) продуктов. Его классификация хороша тем, что включает в себя не только физические ограничения пользователей.

Research: How Effective is Animation in Showing Temporal Trends?
Enrico Bertini из онлайн-журнала Information Aesthetics описывает результаты исследования компании Microsoft на тему эффективности использования анимации в визуализации данных. И хотя одно исследование не может охватить такую комплексную тему, в нем есть подтверждения эффективности подхода.

Everyone Forgets Memory
Статья Jeremy Britton и Dmitry Dragilev, в которой описывается принцип работы человеческой памяти и ее влияние на работу с интерфейсами. Авторы рассказывают о том, что именно запоминают люди и как использовать эти особенности.

История

Joypad Evolution — Design Patterns and Innovations in Game Controllers
Steve Cable из компании CXPartners подготовил масштабный постер, исчерпывающе рассказывающий историю развития игровых контроллеров. В сопроводительной статье есть несколько интересных выводов.

Тренды

Mobile First (презентация Luke Wroblewski)
Одно из выступлений Luke Wroblewski на тему “сначала проектируем для мобильных”, записанное в рамках LinkedIn Tech Talks. Он также написал обзорную статью на эту тему для издания TechRadar.
В новом окне

Материалы конференций

Design for Mobile 2010
Отчеты, презентации, конспекты и видео с третьей конференции Design for Mobile 2010, проходившей 20-24 сентября в Чикаго.

IDEA 2010
Отчеты, презентации, конспекты и видео с пятой конференции IDEA 2010, проходившей 30 сентября-2 октября в Париже.

User Experience Russia 2010
Презентации и видео с четвертой конференции User Experience Russia 2010, проходившей 6-8 октября в Москве.

Warmgun 2010
Отчеты, презентации, конспекты и видео с первой конференции Warmgun 2010, проходившей 8 октября в Сан Франциско.

via Юрий Ветров

 

Секреты гейм-девелопмента: 47 игровых механик

Что заставляет миллионы людей ежедневно кормить несуществующих рыбок, покупать несуществующие дома и «прокачивать» пиксели в виде свиней до 9-го уровня?

Вашему вниманию предлагается перевод статьи с сайта Techcrunch о том, как компании-разработчики социгр создают Playbook’и – своеобразные сборники рецептов и схем, следуя которым можно создавать «супер-пупер-крутые» игры.

Пока Zynga шифруется, SCVNGR (разработчик социгр для мобильных платформ) натуральным образом «раскрывает карты».

Проект «Playdeck» от SCVNGR – это «колода карт, в которой описано около 50 различных игровых механик, которые могут смешиваться, создавая фундамент для различных видов игр»

«Игровая колода SCVNGR пытается разложить игровую механику на составляющие части. Некоторые элементы – «достижения», «статусы», «виртуальные товары» являются базовыми. Однако существуют и более сложные: «механика назначенной встречи» (пользователь должен вернуться в определенное время и выполнить действие, чтобы получить награду, как в Farmville), «бесплатный обед» (игрок получает что-то благодаря усилиям других людей, как в Groupon), «весело однажды – весело всегда» (простейшее действие, поддерживающее минимальный уровень удовольствия независимо от того, сколько раз оно выполняется), и «Теория постепенной подачи информации» (выдача информации по капле, чтобы заставить игрока томиться догадками и двигаться по сценарию дальше)».

«Некоторые из механик интересны для общего понимания теории игровой динамики («эпические победы», социальная структура игр). Многие из этих концепций общеизвестны – они были собраны для колоды SCVNGR со всех уголков интернета и почерпнуты из опыта известных деятелей (Jane McGonigal, Ian Bogost и Jess Schell), а также из материалов сайта Gamasutra.com, некоторые используются только в разработках компании и могут не сработать вне проектов SCVNGR.»

Колода игровых механик от компании SCVNGR

Определение: Виртуальное или материальное выражение результата выполнения действия. Достижения часто рассматриваются как награда, либо сами по себе.
Пример: Медаль, уровень, вознаграждение, очки… наградой будет все, что может считаться таковой.

UX Марафон 2010

25 октября стартует UX Марафон 2010 – уникальная онлайн конференция, посвященная практическим вопросам юзабилити и проектирования интерфейсов. UX Марафон проходит уже в третий раз; в прошлом году он носил название Юзабилити Марафон. Организатором выступает UIDesign Group, ведущая российская компания в области юзабилити, партнер международного альянса UXalliance.

В этом году, так же как и в прошлом, презентации будут проходить в формате онлайн вебинаров, большинство на английском языке со стенограммой на русском языке. Главная секция вебинаров посвящена Мобильным интерфейсам, вторая секция рассматриваетТенденции будущего.

Приглашенные спикеры — выдающиеся специалисты из разных стран (США, Дания, Нидерланды, Великобритания, Финляндия, Россия). Это признанные лидеры в области юзабилити-исследований и проектирования пользовательских интерфейсов, авторы известных книг и публикаций, участники крупнейших международных конференций, ведущие консультанты и руководители компаний. Перед слушателями марафона выступят такие признанные специалисты, как:

• Luke Wroblewski, основатель LukeW Ideation & Design, США
• Jared Spool, основатель User Interface Engineering, США
• Rolf Molich, главный управляющий DialogDesign, Дания
• Vadim Sukhomlinov, генеральный директор RHSoft, Intel, Россия
• Miles Rochford, главный проектировщик Nokia Design, Великобритания
• Ivan Pupyrev, ведущий исследователь Disney Research, США
• William Albert, директор Центра Юзабилити и Дизайна в университете Bentley, США
• Moira Dorsey, вице-президент и директор исследований в Forrester Research, США
• Robert Schumacher, управляющий директор и совладелец User Centric, США
• Alexey Kopylov, технический директор и партнер UIDesign Group, Россия
• Wouter Sluis-Thiescheffer, UX-консультант в User Intelligence, Нидерланды
• Panu Korhonen, концепт-дизайнер и UX-стратег в Nordkapp, Финляндия
• Mindy Maxwell консультант UX-исследований в Центре Юзабилити и Дизайна в университете Bentley, США
• Sheetal Dube, ведущий UX-консультант в Evantage Consulting, США
• Alfonso de la Nuez, основатель и главный управляющий of UserZoom, США

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

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

Расписание выступлений спикеров составлено с учетом российской аудитории, однако онлайн формат делает конференцию открытой для участников всего мира.

Информацию относительно программы мероприятия, места проведения и регистрации вы можете узнать, посетив сайт UX Марафона 2010 http://uxmarathon.com.

via usability.by

Конференция Юзабилити Украина 2010

5 ноября в Киеве пройдет первая всеукраинская конференция Юзабилити Украина 2010(http://usability.ua/). Впервые IT-конференция в Украине будет полностью посвящена вопросам юзабилити. Иными словами — тому, почему так важно сделать сайт простым и понятным для пользователя.

Конференция рассчитана как на юзабилити-специалистов, — проектировщиков, дизайнеров, аналитиков, так и на владельцев и менеджеров украинских веб-проектов.
Обсуждения будут базироваться на практическом опыте докладчиков из Украины и России. В программе предусмотрены не только доклады, но и живые обсуждения того, как сделать украинский интернет более удобным, простым и доступным.

Организаторы конференции — ведущие украинские юзабилити-компании: Турум-бурум (http://turumburum.com/), Usabilist.com.ua (http://usabilist.com.ua), Инвуду (http://invoodoo.com/)

Юзабилисты расскажут о том, как упрощение интерфейса и облегчение взаимодействия пользователя с сайтом помогает повысить доходы веб-проекта; какие инструменты давно освоены западными онлайн-магазинами, но абсолютно игнорируются в Украине.

«Главная ценность нашей конференции в том, что мы все будем говорить о юзабилити на конкретных примерах из своей практики, — рассказывает представитель оргкомитета «Юзабилити Украина 2010» Евгений Мусиенко. — Никакого «сферического проекта в вакууме»: мы хотим поделиться реальным опытом».

В программе конференции:
– доклады экспертов из ведущих IT-компаний Украины и России (Яндекс, Uidesign, UI Modeling Company, iContext, Турум-бурум, Invodoo, Usabilist.com.ua и др.);
– свободное общение и анализ практического опыта украинских веб-проектов с юзабилити-специалистами из Tochka.net, korrespondent.net, bigmir)net;
– круглые столы, посвященные проблемам юзабилити в Украине — с участием представителей коммерческих проектов и компаний-разработчиков (Rozetka.ua, Nezabarom, Drimtim.ru, Owox, yakaboo.ua);
– пресс-конференция о развитии украинских веб-проектов.

Место проведения конференции будет объявлено 21 сентября.
Полная информация об участниках – на сайте проекта: http://usability.ua

Более подробную информацию о проекте вы можете получить в оргкомитете конференции:
Александра Голубь, координатор проекта,
e-mail: alexandra@turumburum.com
тел.: +380 50 975 79 14

Иванна Скиба, PR-менеджер проекта,
e-mail: pr@turumburum.com

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

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

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

In Defense of A/B Testing
Paras Chopra написал отличную статью в защиту метода A/B-тестирования, в последнее время подвергшегося критике со стороны проектировщиков и дизайнеров. Он опровергает три основных претензии, которые касаются в первую очередь зацикливания на не самых эффективных изменениях.

Guidelines for Designing Data Tables
Connie Malamed, автор книги “Visual Language for Designers”, дает серию советов по оформлению таблиц. Она описывает ментальный процесс работы с таблицей и рассказывает о том, как упростить пользователю прохождение по нему.

Making User Interface Elements Difficult to Use By Intent
Статья Jacob Gube, в которой он рассказывает о намеренном усложнении интерфейса в тех случаях, где возможна потеря данных и другие неприятные последствия.

Making the Deal — Supporting Product Demos with User Assistance
Mike Hughes из IBM описывает процесс оптимизации интерфейса демо-версий продукта. Он описывает 4 характеристики, в которых демонстрация должна быть особенно хороша — ценность продукта и ее наглядный показ, внимание к существующим проблемам пользователя, конкурентные преимущества.

User Interface Stack Exchange
Новый сервис вопросов и ответов, посвященный практическим вопросам проектирования интерфейсов. Здесь собраны популярные вопросы и ответы практикующих специалистов на них.

Good Help is Hard to Find
Статья Lyle Mullican описывает несколько способов представления справочной информации в веб-сервисах. Он разделяет помощь на два типа — интегрированную в общий процесс и показываемую отдельно.

Guidelines for user friendly URI Design
Неплохая памятка о создании понятных и читабельных URL от Jacob Gillespie. Статья рассказывает об общих принципах и дает серию полезных советов.

Инструменты

Free Wireframing Kits, UI Design Kits, PDFs and Resources
Одна из наиболее масштабных подборок шаблонов и стенсилов для проектирования и дизайна веб-сервисов и мобильных приложений. Хотя таких коллекций в последнее время появляется все больше, эта статья от Smashing Magazine — одна из наиболее подробных и проработанных.

20 Free Web UI Element Kits and Stencils
Еще одна коллекция шаблонов и стенсилов для проектирования и дизайна. Не так много нового, но может быть полезна.

Паттерны

Liquid Information Navigation – A New Paradigm?
James Kalbach из LexisNexis описывает постепенно развивающийся тренд в веб-интерфейсах — аналог контекстного меню десктопных приложений. Хотя такие меню периодически встречаются вот уже несколько лет, в статье собрана вместе подборка таких примеров.

Dark Patterns — Black Hat, Anti-Usability Design Patterns
Коллекция анти-паттернов проектирования, в которой собраны примеры того как делать не нужно. Примеров пока не так много, но автор сайта Harry Brignull активно публикуется в профессиональном сообществе и вряд ли забросит интересное начинание.

Процесс

All Look Same? A Comparison of Experience Design and Service Design
Jodi Forlizzi сравнивает user experience design и service design с тем чтобы понять, насколько близки эти дисциплины. В статье делаются отсылки к их истории и общему процессу.

Learning from Our Challenge Piles
Отличнейшая статья Michelle Gilmore, в которой она делится своим опытом решения проблем, возникающих при работе с заказчиком работ по проектированию и дизайну. Она описывает 4 типовые ситуации из своей практики и рассказывает о том, как было найдено решение.

Кейсы

Case study — How we made an extra £14 million a year for a travel company
История о том, как был переделан сайт турагентства Sunshine Travel и как это помогло значительно повысить конверсию. Статья описывает основные изменения и процесс работы над проектом.

Designing a Persuasive Video Game
Здорово описанный кейс, рассказывающий о процессе создания обучающей игры. John Ferrara пишет об использовавшихся принципах игровой механики и том, чего они хотели достичь их использованием.

Migrating a Corporate Intranet to SharePoint — A Case Study
Jen Hocko описывает процесс переноса корпоративного интранет-сайта на платформу SharePoint и то, какие задачи решал проектировщик в этом процессе.

Теория

Emotional Design with A.C.T.
Интереснейшая серия публикаций Trevor van Gorp, в которой он описывает психологические основы вовлекающих интерфейсов. Он исследует вызывающий эмоции дизайн и то, как можно создавать его.

Updating Our Understanding of Perception and Cognition
Выдержка из книги Jeff Johnson “Designing with the Mind in Mind”, в которой он описывает процессы восприятия и познания. Крайне полезное чтение, которое позволяет понять как работает и что видит глаз, как происходит процесс чтения и распознавания объектов. Вторая часть статьи —www.uxmatters.com/mt/archives/2010/08/updating-our-understanding-of-perception-and-cognition-part-ii.php.

История

What is a Device?
Выдержка из будущей книги Dan Saffer “Designing Devices”, в которой он описывает краткую историю устройств. А это очень полезно для понимания того, как развивались интерфейсы.

Тренды

5 Creepy Ways Video Games Are Trying to Get You Addicted
Подробное описание 5 распространенных принципов игровой механики от David Wong, которые используются во многих хитовых играх. Статья особенно хороша тем, что в ней приводится масса примеров и отсылок к исследованиям.

Свежие ссылки можно также отслеживать во Friendfeed-ленте User Experience.

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

И снова Юрий Ветров, пользователь сайта Хабрахабра и руководитель UI Modeling Company, сделал подборку интересных материалов за июль месяц. Для пользователей Хабрахабр — не забудьте перейти на его профиль и поднять кармы.

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

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

Creative ways to solve usability problems
David Travis из компании Userfocus предлагает унифицированный подход к решению проблем в интерфейсе, найденных во время юзабилити-тестирования и эксертной оценки. Он называется SCAMPER согласно основным принципам.

Инструменты

User Interface Design Framework
Коллекция шаблонов и стенсилов для Adobe Illustrator, которая содержит ключевые элементы интерфейса и навигации, а также часто используемые иконки.

How to prototype interactive iPad applications in 30 minutes using keynote
Amir Khella подробно рассказывает о том, как можно использовать iPad-приложение Keynote для проектирования интерфейсов. Статья подробно описывает процесс и сопровождается небольшим скрин-кастом. Travis Isaacs описал процесс в виде презентации, а Luke Wroblewsky подготовил обзор материалов по теме.

Free Full Layered Facebook GUI PSD Kit
Компания SurgeWorks подготовила шаблон для Adobe Photoshop, который содержит основные элементы интерфейса Facebook. Прямая ссылка на скачивание — http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/07/facebook-gui-psd-kit.zip (ZIP, 6,5 МБ).

Mobile Prototyping Tools
Sheetal Dube из Evantgage Consulting пишет об инструментах для проектирования мобильных интерфейсов. Первая статья из серии посвящена Axure и его полезности на всех этапах процесса проектирования.

Touch Notation by Matt Legend Gemmell
Matt Gemell создал простую и понятную нотацию для проектирования тач-интерфейсов. Она позволяет описывать сложные жесты без перегруженных служебных иллюстраций и легко масштабируется до небольших размеров. Прямая ссылка на скачивание — http://mattgemmell.com/files/touch_notation.zip (ZIP, 200 КБ).

Windows Phone 7 UI Templates, Screenshots & Guidelines
Коллекция дизайн-шаблонов и руководств по интерфейсу для новой мобильной ОС Windows Phone 7. Хотя платформа еще в разработке, уже доступно достаточное количество полезной информации о ее интерфейсе. Особенно полезны официальная коллекция материалов для проектировщиков и дизайнеров инабор из 28 шаблонов для Adobe Photoshop (ZIP, 88 МБ).

Паттерны

UI Patterns — Symbian Developer Community
Библиотека паттернов, использующихся в интерфейсе мобильной ОС Symbian^3. Хотя вики проекта обновляется не очень активно, в ней собрано достаточно полезных материалов.

Процесс

Notes from The ROI of UX — Proving the Value of User Experience Design
Бывший менеджер по продажам Erin Lynn Young делится своим опытом работы с клиентами, которые она применяет на своей новой работе проектировщика. В статье масса полезных советов о том, как правильно подавать и продавать интерфейсные услуги.

Design Is a Process, Not a Methodology
Pabini Gabriel-Petit написала один из лучших и наиболее подробных обзоров процесса проектирования. Статья в деталях описывает три ключевых этапа — предварительные исследования, проектирование и дизайн, поддержку разработки — и основные методики для каждого из них.

Recruiting Better Research Participants
Jim Ross дает ряд советов о том, как подбирать респондентов для юзабилити-тестирования и других исследований пользователей. В статье дается масса полезных советов по всем частям процесса.

Design Better And Faster With Rapid Prototyping
Неплохой обзорный материал Lyndon Cerejo о процессе работы над страницами интерфейса — от скетчей до интерактивных прототипов. Хотя сама тема уже разжевана не один десяток раз, в этой статье дана хорошая выжимка для начинающих.

12 emerging best practice for adding user experience work to agile software development
Jeff Patton рассказывает о своем 10-летнем опыте работы над интерфейсами в agile-процессе разработки. Статья дает серию полезных советов о том, как начать работать в таком режиме и постепенно совершенствовать его.

Кейсы

Designing the Hilo User Experience
Отлично иллюстрированный кейс о том, как проектировался экспериментальный просмотрщик изображений Hilo. Идея продукта сама по себе вряд ли интересна, зато детальное описание процесса работы над ним снабжено тонной примеров постепенного развития концепции — от первых скетчей до работающего прототипа.

Quotes from the User
Коллекция забавных высказываний пользователей, произнесенных во время юзабилити-тестирований и других исследований.

Теория

Achieving and Balancing Consistency in User Interface Design
Michael Zuschlag пишет о целостности интерфейса — он должен быть максимально унифицированным для того чтобы пользователю не приходилось изучать его заново на каждой новой странице продукта. Автор использует термин «наименьшее удивление» в качестве основного посыла статьи.

The Real Life Social Network (A Presentation by Paul Adams)
Paul Adams из Google описывает результаты масштабного исследования поведения пользователей в социальных сетях — в каких группах и как интенсивно общаются их участники. Масса интересных фактов, которые пригодятся при проектировании социальных интерфейсов.

The Dirtiest Word in UX — Complexity
Хорошая обзорная статья Francisco Inchauste на тему сложности интерфейсов — нормальное ли это явление или с ним нужно бороться. Он рассказывает о разнице в задачах, культурах и подходах в управлении сложными продуктами.

История

Know Your Icons — A Brief History of Computer Icons
Хорошо иллюстрированная примерами история развития пиктограмм в интерфейсах. Начиная с Xerox Star — первого коммерческого продукта, использующего концепцию GUI — статья показывает развитие метафор и стилистики в иконографике.

Inside the Mundaneum
Красиво поданная и отлично иллюстрированная история бельгийца Paul Otlet, автора идеи фасетной классификации. Буклет рассказывает о его проекте Mundaneum, который многие называют прототипом интернета.

Тренды

UX Storytellers
Регулярно обновляемый блог, который собирает интересные материалы по теме storytelling из разных отраслей. Этот подход сейчас активно продвигается в интерфейсном сообществе, так что многое окажется полезным в работе.

Checkout Abandonment on the Rise
Исследовательская компания Forrester провела опрос пользователей интернет-магазинов, в котором они рассказали об основных причинах брошенных корзин. Наиболее популярны 5 причин — высокая стоимость доставки, неготовность к покупке прямо сейчас, простое сравнение цен, слишком высокие цены, желание сохранить список покупок на будущее.

Материалы конференций

Web App Masters Tour 2010 Coverage — Reports, Presentations, Workbooks
Отчеты, презентации, конспекты и видео с серии мини-конференций Web App Masters Tour 2010, проходившей с марта по июль в Сан Диего, Миннеаполисе, Филадельфии и Сиэттле.

Основы проектирования веб-интерфейсов в Axure RP Pro

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

Эта тенденция не может не радовать как заказчиков, так и самих разработчиков — ведь процесс проектирования позволяет уничтожить все наиболее проблемные моменты еще до начала превращения абстрактного технического задания в конечный продукт.

Средств для визуального проектирования становится все больше. Одни пользуются Adobe InDesign, другим нравится Visio, третьи довольствуются OpenOffice Draw. Но все больше поклонников появляется у довольно тяжелой и функциональной программы Axure RP Pro.

Реализм графических пользовательских интерфейсов

Дизайн интерфейсов за свою историю всегда шёл к реализму в своих графических решениях. Компьютеры становились быстрее, дизайнеры добавляли детали такие как цвет, псевдотрёхмерность, тени, блики и даже намёки на физику поведения. Некоторые изменения помогали юзабилити. Тень под окошком операционной системы помогает узнать активное окно. Физические качества и возможности iPhone делают его более привычным в использовании.

В других направлениях, положительные эффекты от детализации, в лучшем случае, остаются под вопросом. Графические пользовательские интерфейсы (GUI) обычно полны символов. Большинство элементов, которые вы видите на мониторе, используются, чтобы донести до вас конкретные концепты. Маленький домик на рабочем столе означает не «жилище», а «Вернуться в начало». Глаз — не глаз, а «взгляните на выбранный элемент». Маленький треугольничек — не треугольничек, а «нажми на меня и увидишь допольнительные опции для использования». Иконки предназначены не для имитации реальных объектов, а для передачи обобщённого представления — концепта.

Графические детали и реализм могут отвлекать от истинной задачи иконки. Мне поможет вырезка из книги «Понимаем комиксы» Скотта Макклауда (Scott McCloud’s «Understanding Comics»), книга, которую должен прочитать каждый дизайнер.

«…Еще одна вещь — универсальность. Например, чем менее лицо походит на настоящее, тем больше типажей лиц им может описать.»

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

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

Юрий Ветров, пользователь сайта Хабрахабра, опять подал нам новую порцию обзоров на новые инструменты, материалы и практики по юзабилити. Спасибо ему огромное!

Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. В прошлом месяце вышла заминка с публикацией, так что эта подборка двойная.

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

Wireframe Showcase
Коллекция примеров wireframes. Хотя по масштабности ей далеко до коллекции №1, в ней каждая схема страницы совмещена с итоговым дизайном — это помогает лучше понять особенности процесса проектирования.

Sketches and Wireframes and Prototypes! Oh My! Creating Your Own Magical Wizard Experience
Traci Lepore подробно описывает возможные уровни проработки интерфейса от скетчей и wireframes до интерактивных прототипов и дизайна. Статья хорошо показывает, как вместе с затрачиваемым на продумывание интерфейса временем растут его продуманность и уменьшаются «белые пятна». На эту же тему недавно написал Tyler Tate, включив в статью небольшой полезный кейс из практики с примерами готовых документов и графиком их создания.

Designing for Delight (презентация Giles Colborne)
Giles Colborne из компании CXPartners описывает процесс создания дизайна, который вызывает у пользователя ощущение восторга. Причем речь идет не о модных визуальных решениях — для этого важнее предвосхитить ожидания или помочь в проблемной ситуации.

How to Engage Customers in Your E-Commerce Website
В своей статье для Smashing Magazine Rung Andras рассказывает о пользовательских рейтингах в интернет-магазинах — как лучше собирать их, отображать на страницах сайта и учитывать в специальных предложениях.

The Question Protocol — How to Make Sure Every Form Field Is Necessary
Caroline Jarrett, автор книги «Forms that Work: Designing Web Forms for Usability» описывает хороший способ сокращения полей форм. Речь идет об опроснике для заинтересованных лиц компании-владельца сайта, который позволяет определить, кому именно нужны предоставляемые пользователем данные и можно ли отказаться от их части.

The Small Print — Writing UI Instructions
Connie Malamed дает несколько советов о том, как стоит писать краткие поясняющие тексты в интерфейсах. В первую очередь это касается форм и системных сообщений.

Not to Prime, is a Crime!
Jodie Moule из компании Symplicit рассказывает о методе исследования пользователей «priming». В ходе него участвующие в исследовании создают коллажи, описывающие их повседневные дела, что помогает лучше понять контекст и особенности их жизни и работы.

10 юзабилити-преступлений, которых вы не должны совершать

Юрий Пискун (yoyurec) перевел отличную статью Криса Спунера (Chris Spooner) «10 Usability Crimes You Really Shouldn’t Commit«. Эти 10 преступлений действительно частая ошибка веб-разработчиков, поэтому рекомендую почитать.

На стадии дизайна и разработки мы должны учитывать прописные истины и основные концепции для улучшения юзабилити сайта. В этой статье описываются классические, но непростительные ошибки в области веб-дизайна и способы их решения.

Преступление #1: В формах метки не связаны с полями ввода

Использование атрибута «for» позволит пользователям кликать по метке, для выбора соответствующего поля формы. Это особенно важно для чекбоксов и радиокнопок — увеличить область клика.

Преступление #2: Логотип не ведёт на главную страницу

Создание такой ссылки является хорошим тоном, ведь большинство пользователей ожидают перехода в корень сайта при клике на логотип.

Преступление #3: Не помечены посещённые ссылки

Об этом забывают очень часто, но посетителям нужно знать по каким ссылкам они уже кликали.