Подумай об этом!

Видео, Инновации и идеи

Кришна Шеной, руководитель лаборатории систем нервного протезирования Стэндфордского университета, рассказывает о разработанных его группой интерфейсах прямого взаимодействия человеческого мозга и компьютера. Такие системы дадут возможность парализованным людям управлять собственными протезами или курсором. Разработка позволяет напечатать символ, просто «подумав о нем». Скорость набора при таком методе составляет около 15-ти слов в минуту.

Лекция на YouTube.com

Информационная анимация

Видео, Юмор

Дипломная работа Максимилиана фон Бока в FH Aachen в отрасли «Дизайн». В простой и доступной для каждого человека форме описывает мировую финансовую систему. Вот бы предметы в школах и институтах так преподавались!

Вторая и третья часть видеоролика

Обзор средств создания прототипов

Инструментарий

В последнее время появилось много средств документирования и создания прототипов. Чтобы облегчить выбор средства, Гари Барбер составил список этих инструментов и дал каждому из них краткую характеристику. Он разделил все программы на две группы: специализированные средства и универсальные средства. Некоторые из них позволяют делать схематичные экраны, другие более детальные прототипы, а лучшие — и то, и другое.

Похожая статья «Cредства для быстрого прототипирования» была написана Дэном Херельсоном из Adaptive Path. Ден считает, что прототипы должны создаваться быстро, быть одноразовыми (выразил свою идею и можешь выкинуть прототип), прототипы должны фокусироваться на конкретной задаче. Автор приводит список из 24 средств прототипирования.

16 Design Tools for Prototyping and Wireframing (статья Гари Барбера)
Rapid Prototyping Tools (статья Дэна Херельсона)

Ранее мы уже публиковали похожие обзоры:
Прототипирование web-сайтов. Собирая воедино (Статья Павла Коноплицкого)
Анализ эффективности разных инструментов прототипирования

1000 бесплатных черно-белых иконок для прототипов

Инструментарий

Компания Madgex опубликовала набор из 1000 черно-белых иконок, которые они используют в прототипах. Он основан на бесплатном наборе иконок Mark James’s Silk Icons.

1000 Greyscale Silk icons for use in wireframing
Скачать архив [ZIP, 2,47Mb]

Задержан серийный убийца форм регистрации

Видео

Гарри Бригнелл рассказывает о том, как в его компании решили проблему обязательной регистрации перед использованием веб-сервисов. Следуя призыву Люка Вроблевски «убить регистрационные формы», Гарри позволяет пользователю пользоваться сайтом без регистрации.

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

Signup forms must die — here’s how we killed ours!

Фреш по пятницам: Ни в чем нельзя полагаться на удачу

Юмор

via hemule

Оригинальный вариант комикса

К барьеру: дизайнеры против исследователей

Остальное

В течение недели бурно обсуждался уход из компании Google дизайнера Дага Боумэна (Doug Bowman), который заявил, что слишком активное тестирование и применение исследовательских технологий сильно ограничивает возможности дизайнеров создавать действительно инновационные проекты.

Вероятно, эта тема возбудила такой интерес, что даже Том Чи и Стивен Ченг нарисовали новый комикс из серии OK/Cancel, хотя они не выходили уже почти два года.

Goodbye Google
OK/Cancel: Bowman vs Google? Why Data and Design Need Each Other

Цели! Прототипы! Мотор!

Процессы и методики

Тим МакКой (Tim McCoy) из компании Купер в двух статьях рассуждает о параллелях между кинопроизводством и разработкой программного обеспечения. Тим отмечает близкое сходство между этими процессами — в обоих случаях в процесс вовлечено большое количество участников, каждый из которых должен обладать профессиональными навыками. Также процессы создания кино и программы являются творческими.

Тим задает интересные вопросы:

• Какому артефакту в мире ПО соответствует сценарий фильма?
• Имеются ли параллели в распределении ролей в том и другом случае?
• Как новые технологии изменяют процессы кинопроизводства и разработки ПО?

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

Goals! Prototypes! Action!
Software is a movie, not a building

Юзабилити вождения

Видео, Процессы и методики

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

Кто из нас не хотел бы побывать на таком тестировании в качестве подопытного?

Driving down the road toll

Рекомендации по использованию раскрывающихся меню

Экранные интерфейсы

Якоб Нильсен предлагает гайдлайны по использованию расширенных раскрывающихся меню (mega drop-down menus). Он описывает преимущества таких элементов навигации перед стандартными выпадающими меню. А также дает рекомендации не только по компоновке, но и по обеспечению доступности (accessibility) меню и оптимальной скорости реакции при взаимодействии с ним.

Mega Drop-Down Navigation Menus Work Well

Понимание правильной структуры форм

Книги, Подкасты, Экранные интерфейсы

Джефф Паркс побеседовал с Афшан Кирмани по поводу серии статей «Понимание правильной структуры форм: Проектирование удобных почтовых сервисов». Разговор шел о проектировании веб приложений. Первая статья серии рассказывает об аспектах, не связанных с внешним видом и поведением самой формы. В частности, как замотивировать пользователя, какие аспекты влияют на то, останется пользователь на сервисе или покинет его.

Также в разговоре речь идет о приемах формирования визуальных признаков (affordances), структуры, чувства доверия и безопасности, понимания, где пользователь находится в данный момент. Афшан приводит модель взаимодействия, которая учитывает ментальную модель, опыт и ожидания пользователей веб-сервисов.

Аудиозапись беседы [m4a, 20 минут, 8,3 Mb]
Getting a Form’s Structure Right

5 советов по совершенствованию страницы 404

Общедоступность, Экранные интерфейсы

Страница с ошибкой 404 может оказаться единственной страницей, которую увидит пользователь пришедший к вам на сайт. Так почему не сделать её более удобной? Приведенные в статье советы помогут улучшить её на любом сайте.

Вот эти советы кратким списком:

1. Не использовать страницу с ошибкой 404, которая установлена по-умолчанию
2. Оформить страницу в стиле вашего сайта
3. Сделать её максимально простой
4. Разместить на странице ссылки на основные разделы вашего ресурса
5. Подходите к ее проектированию творчески, но не переусердствуйте

5 Tips to Make Your 404 Page More Usable

Проектирование Веб-форм

Видео, События

На конференции MIX09, которая прошла недавно 18–20 марта в Лас Вегасе Люк Вроблевски (Luke Wroblewski), автор книги «Проектирование Веб-форм» провел практическое занятие. Теперь доступно видео этого доклада (для просмотра необходимо, чтобы у вас был установлен плагин Silverlight).

Video: Web Form Design at MIX09

RusCHI. Семинар №20 «Психологические концепции анализа деятельности» (31.03.2009)

События

Когда: 31 марта 2009 г. (вторник) в 19:00
Где: Конференц-зал «1С» (Москва, м. Новослободская, Никоновский пер. 26, стр. 6)
Что: Семинар сообщества юзабилити-специалистов RusCHI
Тема: «Психологические концепции анализа деятельности».

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

На семинаре речь пойдёт о различных подходах к описанию деятельности пользователей. Мы планируем зайти с двух точек зрения: научной и практической.

Научная точка зрения будет представлена докладом А.Н. Костина о психологических концепциях анализа деятельности. Будут представлены концепции психологических составляющих деятельности (Ломов), алгоритмическая концепция (Зараковский), теории массового обслуживания (Зигель, Вольф) и др. Этот доклад будет открывать семинар.

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

Завершится всё круглым столом, на котором академики и практики смогут уточнить свои позиции в дружеской и непринуждённой атмосфере.

Если у вас есть вопросы, вы готовы сделать краткое сообщение по теме (5-7 минут), или в любой другой форме поучаствовать в подготовке и проведении события, то пишите Алине Зотовой (allileja@gmail.com).

Участие в семинаре бесплатное.

Подробнее:
Теория деятельности (Википедия)
Глава о теории деятельности из классического учебника Ю. Б. Гиппенрейтер «Введение в общую психологию»
Теория деятельности и HCI (Иван Дегтяренко)
Официальная страница события

Как интерфейсы спасут человечество?

Остальное

В последнее время во всех тематических журналах очень любят обсуждать вопросы sustainability, а проще говоря — экологии. Как интерфейсы могут помочь сохранить жизнь на планете как можно дольше?

Примеры таких решений приведены в статье Stefan Klocek.

What does sustainable interaction look like?

История и развитие проектирования опыта взаимодействия

Исследования, Подкасты

Совсем недавно Тереза (Teresa Brazen) начала серию подкастов «Чай с Терезой». В них она беседует со своими знакомыми на различные интересные темы. В последнем подкасте под названием «История и развитие проектирования  опыта взаимодействия» (UX design) она беседует с Петером Мерхольцем (Peter Merholz), президентом и одним из основателей  Adaptive Path.

Аудиозапись беседы [m4a, 25 минут, 10,6 Mb]
История и развитие проектирования опыта взаимодействия

Поддержка доступности с помощью MS Expression Web 2

Инструментарий, Общедоступность

Катлин Андерсон (Kathleen Anderson) из компании Spider Web Woman Designs опубликовала статью, где она рассказывает какие средства поддержки доступности (accessibility) имеются в Microsoft Expression Web 2 — пакете для верстки сайтов. В частности, программа содержит инструмент «Accessibility Checker», то есть проверку кода на доступность в соответствие со стандартом Section 508 Technical Standards for Web-based intranet and internet information and systems (United States) и стандартом W3C WAI Web Content Accessibility Guidelines (WCAG). Такой инструмент делает поддержку доступности гораздо проще для рядовых веб-разработчиков.

Designing Web Sites for Accessibility with Expression Web 2

Проще не значит меньше

Процессы и методики

Генадий Драгун перевел статью Thomas Baekda посвященную тому как сделать так, чтобы цифровой продукт был функциональным и в то же время простым.

Проще не значит меньше
Simplicity Rarely Means Less (оригинальная статья)

История системы рейтингования на Amazon

Экранные интерфейсы

Мы уже писали о статье Джареда Спула про кнопку, увеличившую доход сайта на 300 миллионов долларов. Воодушевившись популярностью этой статьи, Джаред опубликовал историю развития системы рейтингования продуктов Amazon, принесшей компании по его оценкам почти в десять раз больше.

The Magic Behind Amazon’s 2.7 Billion Dollar Question

Видео-эскизирование

Инновации и идеи, Экранные интерфейсы

Дан Сторрустен, проектировщик из команды создателей Microsoft Surface, рассказывает о новом приёме прототипирования сложного взаимодействия. Эффективно и просто донести до широкой аудитории ключевые идеи, проектные решения и сценарии взаимодействия помогут: простая видеокамера, любая поверхность, повседневные предметы, зелёная бумага и наложение видеофрагментов (AfterEffects, и т.п.).

Video Sketching: Designing Beyond the ‘Screen’