Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель, май-июнь, июль, август, сентябрь, октябрь.
Web Content That Persuades and Motivates
Chandler Turner, профессиональный продавец с 36-летним стажем, дает серию полезных советов о том, как проектировать поддерживающие продажи интерфейсы. Он рекомендует сопровождать описание продуктов списком не только характеристик, но и выгод для клиента.
Planning with Pictures — Using UX Diagrams to Organize Projects
Dan Brown, один из лучших умельцев по созданию хороших сопроводительных документов к интерфейсу, рассказывает о шаблонах карты сайта, которые сделают ее еще более полезной частью проектной документации.
500 Storyboard Tutorials & Resources
Огромнейшая коллекция статей, руководств, справочных материалов и шаблонов для создания раскадровок. Хотя предназначены они в первую очередь для тех кто делает кино, проектирование берет из этой дисциплины многое и раскадровки — один из самых полезных документов на ранней стадии работ.
Visualisations in Service Design
Отчет об исследовании дисциплины проектирования услуг, в котором Fabian Segelström опрашивает специалистов направления и описывает набор ключевых документов, которые являются итогом работ по таким проектам. Прямая ссылка на PDF (3,5 МБ).
MOObileFrames
Полезнейшая галерея примеров wireframes от Hannah Milan, созданных для мобильных приложений и сайтов. В коллекции собраны детальные структурные схемы экранов, скетчи, диаграммы процесса и сопутствующие документы.
UXPin — Paper prototyping redesigned
Отличнейший инструмент для бумажного проектирования — набор типовых блоков и элементов управления, которые можно наклеить на любую поверхность. Стоимость — $19,99.
750 royalty free vector icons for wireframes, application & Web Design
Масштабная коллекция черно-белых векторных иконок, которые отлично подходят для использования в wireframes.
SonyEricsson JavaPlatform UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС MeeGo от Nokia и Intel. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам — http://friendfeed.com/jvetrau/3876c515.
YouEye — User Testing with Webcam Eye Tracking
Инструмент для псевдо eye-tracking, который позволяет проводить подобные исследования с помощью обычной веб-камеры. Он еще не открыт для клиентов, зато его конкурент GazeHawk уже работает
UX Card Sort
Интересный онлайн-инструмент, который позволяет проектировщикам лучше понять, какая именно работа у них получается лучше. Но еще более полезная часть это проекта — колода из 53 карт, каждая из которых обозначает одну из дисциплин, методик или техник проектирования.
Foursquare Badge List Sorted Alphabetically
Полная коллекция беджей, которые используются в гео-локационном сервисе FourSquare. Он здорово поможет тем, кто работает над популярной сейчас в интерфейсах игровой механикой.
Web and mobile forms design
Полезная презентация Chui Chui Tan из компании CX Partners, которая собирает воедино хорошие практики проектирования форм для десктопного веба и мобильных.
The Taxonomy of Progress — Further Thoughts on Communicating “Doneness”
Отличная идея от James Meizer из компании Eight Shapes для того чтобы отметить степень проработки wireframe. Он предлагает набор статусов и пиктограмм для них, которые можно использовать в своих проектах.
Findings from the State of Agile UX Survey
Anders Ramsay опубликовал результаты исследования 150 специалистов по интерфейсам, которые рассказывали о внедрении agile-практик разработки в своих командах. Статья рассказывает об общей ситуации, трендах, статистике и приводит несколько ярких высказываний опрошенных.
Lunch Line Redesign
Рассказ о школьной столовой, изменение компоновки которой позволило повлиять на выбор и вкусы учащихся. Хотя с интерфейсами этот кейс никак не связан, он здорово иллюстрирует влияние структуры системы на поведение пользующихся ей людей.
Which Test Won?
Коллекция результатов A/B-тестирований, которая показывает обе проверявшиеся версии страницы сайта и предлагает угадать, какой из них показал лучшие результаты.
Barriers to Adoption and How to Uncover Them
Demetrius Madrigal и Bryan McClain пишут о том, что может помешать пользователям в покупке и внедрении продукта в свою деятельность. Статья выделяет четыре таких фактора — донесенная ценность, уверенность, доступность и доверие.
Decision Architecture — Helping Users Make Better Decisions
Статья Colleen Roller, в которой она описывает процесс принятия решения пользователем и дает советы о том, как можно повлиять на него. Речь идет об инстинктивных и обдуманных решениях — и для каждого из них есть способы мотивации.
Perception and the design of forms
Серия статей Jessica Kerr, в которой она описывает влияние законов восприятия на работу с онлайн-формами. Кстати, недавно у нее вышла еще одна статья на эту тему, оценивающая тренды в построении форм и их оценку с точки зрения эффективности.
Eye Movement Patterns in Web Design
Eric Rowell описывает два способа движения глаз, которые используют люди при работе с интерфейсами. Это «горячие точки» и «F-контур», каждый из которых включается для своего типа контента.
Exposing the Magic of Design — A Practitioner’s Guide to the Methods and Theory of Synthesis
Глава из готовящейся к выходу книги Jon Kolko «Exposing the Magic of Design: A Practitioner’s Guide to the Methods and Theory of Synthesis», которая посвящена дизайн-исследованиям и созданию продуктов на их основе.
UX Storytellers — Connecting the Dots
Авторы блога UX Storytellers выложили в открытый доступ книгу «UX Storytellers — Connecting the Dots» по мотивам своих публикаций. Она из первых рук рассказывает о работе нескольких десятков специалистов отрасли.
Pawned — Gamification and Its Discontents (A presentation by Sebastian Deterding)
Хорошая презентация Sebastian Deterding о принципах игровой механики и проблемах ее применения. Ранее он уже выкладывал слайды другого выступления на эту же тему "Just Add Points".
Co.Design — Method Articles
Отличная серия статей агентства Method о трендах в современных интерфейсах и дизайне в целом. Она затрагивает разные стороны процесса, методологий и направлений — проектирование услуг, игровая механика и т.п.
Юзабилити Украина 2010
Отчет и подбор ссылок на другие материалы с первой конференции «Юзабилити Украина 2010», проходившей 5 ноября в Киеве.
World Usability Day 2010 в Москве
Видео выступлений на профессиональной конференции World Usability Day 2010, прошедшей 13 ноября в Москве. Также будут интересны два достаточно подробных отчета — http://blog.realitycheck.ru/post/1590938008/wudru и http://designcollector.net/node/6322.
World Usability Day 2010 в Минске
Презентации выступлений на профессиональной конференции World Usability Day 2010, прошедшей 20 ноября в Минске.
Design Jam London 1 Coverage
Отчет о необычном мероприятии, прошедшем 20 ноября в Лондоне при спонсорстве Mozilla. Статья описывает цели мероприятия, процесс командной работы и его результаты.
Свежие ссылки можно также отслеживать во Friendfeed-ленте User Experience.
Методы и практики
Web Content That Persuades and Motivates
Chandler Turner, профессиональный продавец с 36-летним стажем, дает серию полезных советов о том, как проектировать поддерживающие продажи интерфейсы. Он рекомендует сопровождать описание продуктов списком не только характеристик, но и выгод для клиента.
Planning with Pictures — Using UX Diagrams to Organize Projects
Dan Brown, один из лучших умельцев по созданию хороших сопроводительных документов к интерфейсу, рассказывает о шаблонах карты сайта, которые сделают ее еще более полезной частью проектной документации.
500 Storyboard Tutorials & Resources
Огромнейшая коллекция статей, руководств, справочных материалов и шаблонов для создания раскадровок. Хотя предназначены они в первую очередь для тех кто делает кино, проектирование берет из этой дисциплины многое и раскадровки — один из самых полезных документов на ранней стадии работ.
Visualisations in Service Design
Отчет об исследовании дисциплины проектирования услуг, в котором Fabian Segelström опрашивает специалистов направления и описывает набор ключевых документов, которые являются итогом работ по таким проектам. Прямая ссылка на PDF (3,5 МБ).
Инструменты
MOObileFrames
Полезнейшая галерея примеров wireframes от Hannah Milan, созданных для мобильных приложений и сайтов. В коллекции собраны детальные структурные схемы экранов, скетчи, диаграммы процесса и сопутствующие документы.
UXPin — Paper prototyping redesigned
Отличнейший инструмент для бумажного проектирования — набор типовых блоков и элементов управления, которые можно наклеить на любую поверхность. Стоимость — $19,99.
750 royalty free vector icons for wireframes, application & Web Design
Масштабная коллекция черно-белых векторных иконок, которые отлично подходят для использования в wireframes.
SonyEricsson JavaPlatform UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС MeeGo от Nokia и Intel. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам — http://friendfeed.com/jvetrau/3876c515.
YouEye — User Testing with Webcam Eye Tracking
Инструмент для псевдо eye-tracking, который позволяет проводить подобные исследования с помощью обычной веб-камеры. Он еще не открыт для клиентов, зато его конкурент GazeHawk уже работает
UX Card Sort
Интересный онлайн-инструмент, который позволяет проектировщикам лучше понять, какая именно работа у них получается лучше. Но еще более полезная часть это проекта — колода из 53 карт, каждая из которых обозначает одну из дисциплин, методик или техник проектирования.
Паттерны
Foursquare Badge List Sorted Alphabetically
Полная коллекция беджей, которые используются в гео-локационном сервисе FourSquare. Он здорово поможет тем, кто работает над популярной сейчас в интерфейсах игровой механикой.
Web and mobile forms design
Полезная презентация Chui Chui Tan из компании CX Partners, которая собирает воедино хорошие практики проектирования форм для десктопного веба и мобильных.
Процесс
The Taxonomy of Progress — Further Thoughts on Communicating “Doneness”
Отличная идея от James Meizer из компании Eight Shapes для того чтобы отметить степень проработки wireframe. Он предлагает набор статусов и пиктограмм для них, которые можно использовать в своих проектах.
Findings from the State of Agile UX Survey
Anders Ramsay опубликовал результаты исследования 150 специалистов по интерфейсам, которые рассказывали о внедрении agile-практик разработки в своих командах. Статья рассказывает об общей ситуации, трендах, статистике и приводит несколько ярких высказываний опрошенных.
Кейсы
Lunch Line Redesign
Рассказ о школьной столовой, изменение компоновки которой позволило повлиять на выбор и вкусы учащихся. Хотя с интерфейсами этот кейс никак не связан, он здорово иллюстрирует влияние структуры системы на поведение пользующихся ей людей.
Which Test Won?
Коллекция результатов A/B-тестирований, которая показывает обе проверявшиеся версии страницы сайта и предлагает угадать, какой из них показал лучшие результаты.
Теория
Barriers to Adoption and How to Uncover Them
Demetrius Madrigal и Bryan McClain пишут о том, что может помешать пользователям в покупке и внедрении продукта в свою деятельность. Статья выделяет четыре таких фактора — донесенная ценность, уверенность, доступность и доверие.
Decision Architecture — Helping Users Make Better Decisions
Статья Colleen Roller, в которой она описывает процесс принятия решения пользователем и дает советы о том, как можно повлиять на него. Речь идет об инстинктивных и обдуманных решениях — и для каждого из них есть способы мотивации.
Perception and the design of forms
Серия статей Jessica Kerr, в которой она описывает влияние законов восприятия на работу с онлайн-формами. Кстати, недавно у нее вышла еще одна статья на эту тему, оценивающая тренды в построении форм и их оценку с точки зрения эффективности.
Eye Movement Patterns in Web Design
Eric Rowell описывает два способа движения глаз, которые используют люди при работе с интерфейсами. Это «горячие точки» и «F-контур», каждый из которых включается для своего типа контента.
Exposing the Magic of Design — A Practitioner’s Guide to the Methods and Theory of Synthesis
Глава из готовящейся к выходу книги Jon Kolko «Exposing the Magic of Design: A Practitioner’s Guide to the Methods and Theory of Synthesis», которая посвящена дизайн-исследованиям и созданию продуктов на их основе.
Тренды
UX Storytellers — Connecting the Dots
Авторы блога UX Storytellers выложили в открытый доступ книгу «UX Storytellers — Connecting the Dots» по мотивам своих публикаций. Она из первых рук рассказывает о работе нескольких десятков специалистов отрасли.
Pawned — Gamification and Its Discontents (A presentation by Sebastian Deterding)
Хорошая презентация Sebastian Deterding о принципах игровой механики и проблемах ее применения. Ранее он уже выкладывал слайды другого выступления на эту же тему "Just Add Points".
Co.Design — Method Articles
Отличная серия статей агентства Method о трендах в современных интерфейсах и дизайне в целом. Она затрагивает разные стороны процесса, методологий и направлений — проектирование услуг, игровая механика и т.п.
Материалы конференций
Юзабилити Украина 2010
Отчет и подбор ссылок на другие материалы с первой конференции «Юзабилити Украина 2010», проходившей 5 ноября в Киеве.
World Usability Day 2010 в Москве
Видео выступлений на профессиональной конференции World Usability Day 2010, прошедшей 13 ноября в Москве. Также будут интересны два достаточно подробных отчета — http://blog.realitycheck.ru/post/1590938008/wudru и http://designcollector.net/node/6322.
World Usability Day 2010 в Минске
Презентации выступлений на профессиональной конференции World Usability Day 2010, прошедшей 20 ноября в Минске.
Design Jam London 1 Coverage
Отчет о необычном мероприятии, прошедшем 20 ноября в Лондоне при спонсорстве Mozilla. Статья описывает цели мероприятия, процесс командной работы и его результаты.
Свежие ссылки можно также отслеживать во Friendfeed-ленте User Experience.