Заповедник интерфейсов

Гаджеты, РЕКОМЕНДУЕМ

«Взгляните на эту коллекцию и попробуйте убедить меня, что причина нашего медленного прогресса — недостаток технологий, не недостаток воображения», — заявляет Билл Бакстон.
Билл в течение 30 лет собирает различные интерактивные решения, с которыми должны были взаимодействовать люди: клавиатуры, джойстики, тачскрины и т.п. Предки современных решений, ставших повсеместнымм, экзотические устройства — всё заботливо собрано в этом «заповеднике интерфейсов». Рекомендуем ознакомиться.
BUXTON COLLECTION

Поделиться:

«Ядерный» интерфейс

Остальное

Интерфейсы есть у всего: и у игр, и у очень серьезных вещей. Сегодня предлагаем посмотреть на один из самых серьезных и ответственных интерфейсов в мире — систему управления атомной электростанции в динамике с зарождения отрасли в 60-х годах до наших дней.

Артем Янцевич: «Ядерный» интерфейс

Поделиться:

Мысли о пальцах

Гаджеты, Экранные интерфейсы

Предлагаем вашему вниманию набор ссылок на статьи, авторы которых размышляют о «трогательных» интерфейсах.

• Трогательный дизайн — «Пальцы — поразительное изобретение: они могут измерить температуру, достать недостижимое, заткнуть дырку или развеселить, но становятся адски неуклюжими, когда дело доходит до управления тач-интерфейсом»;
• Правильная клавиатура для информационных терминалов — это высоконтекстная и узкозаточенная клавиатура;
• Back-навигация в мобильных приложениях — вебинар на тему «Как вернуться назад при помощи мобильного устройства»;
• Подружите мобильный дизайн с пальцами: идеальные размеры для тачскринов — каков размер пальца в пикселях?
• Проектируя для кончиков пальцев — «Большие пальцы — удивительный дар. Именно они в купе со страстью к светским сплетням отделяют нас от зверей».

Поделиться:

Увидел, понял, провзаимодействовал

Инфодизайн

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

• содержательность,
• смысл,
• легкость восприятия,
• аллегоричность.

Задачи инфографики и проектирования интерфейсов различаются. Соответственно, различаются и средства, которыми эти задачи решаются. Например, некоторые «заповеди» инфографики в проектировании применимы ограничено:

Содержательность = Количественные данные
Смысл = Сравнение

А вот гештальт («когда из кучи мелких смыслов ты обретаешь большой смысл») очень важен при проектировании.

Мастер-класс Андрей Скворцова. Пришел, увидел, понял

Поделиться:

Создаем дизайн теста

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

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

Поделиться:

Eye-tracking — не только количественные данные

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

Технология Eye-tracking часто преподносится как способ получить объективные данные —  в первую очередь, количественные: куда смотрят пользователи, как быстро замечают тот или иной объект, как долго задерживают на нем свое внимание. Однако юзабилити — это прежде всего качественые исследования. И тут слежение за взглядом таит много интереснейших возможностей. При помощи eye-tracking можно выявить:

• стратегии сканирования изображений;
• информационную сложность объекта для конкретного испытуемого;
• тип решаемой в текущий момент интеллектуальной задачи;
• состояния сознания;
• психические нарушения и уровень интеллектуального развития.

По ссылке ниже вы cможете найти оригинал сообщения и ссылки на литературу по теме.

Eye-tracking: тайные возможности

Поделиться:

Как измерить юзабилити ПО в долларах

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

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

Компания Normal Modes дает советы, как продемонстрировать эффект от юзабилити в наглядных показателях.

Прежде всего, надо помнить, что показатели успеха могут меняться — от приземленных параметров (количество вырученных денег) до возвышенных (число спасенных жизней). Необходимо понять, какие именно критерии наиболее важны для вашего инвестора.

Предлагается 6 категорий подобных критериев:

• Увеличение продаж — наиболее прямой и понятный эффект.
• Увеличение продуктивности — если с новым продуктом каждый сотрудник экономит 2 часа в день, то при 8-часовом рабочем дне выгода за год составит 25 процентов от фонда заработной платы этих сотрудников.
• Увеличение удовлетворенности и лояльности пользователей — данный параметр очень трудно измерить в объективных единицах, так что приберегите его на крайний случай.
• Снижение издержек на обучение персонала и поддержку пользователей — будьте осторожны, применяя эту оценку. Если обучение и поддержка являются основными видами деятельности компании (например, учебные курсы или консалтинговая компания), то снижение издержек может быть связано со снижением оборота, что едва послужит признаком успеха.
• Уменьшение стоимости и времени разработки — под стоимостью понимается зарплата разработчиков и накладные расходы, а ускорение сроков выхода продукта снижает упущенную прибыль.
• Снижение издержек на обслуживание программного продукта — хороший UX продукт позволяет избавиться от лишних функций и запутанности взаимодействия, что делает программный код если и не сильно проще, то заметно короче. Меньше кода — меньше багов!

Лучше показывать эффект за год — это привычно для финансового люда.

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

Calculating ROI on UX & Usability Projects

Поделиться:

Набор пресетов для адаптации интерфейсов к разным разрешениям экранов

Инструментарий, Экранные интерфейсы

Компания Punchcut предлагает бесплатный набор шаблонов, которые помогут вам примерить интерфейс на целый ряд устройств с разным размером и разрешением экрана: от мобильного телефона до полноценного телевизора.

Pixel Proliferation: A Toolset For Managing Screen Resolutions

Поделиться:

Первые опыты реальных пользователей Windows 8

Общедоступность, Юмор

В то время, как в сети появляются достаточно многочисленные видеообзоры новых возможностей, которые получат покупатели Windows 8, пользователь lockergnome предлагает посмотреть, как его пожилой папа пробует эту операционную систему в первый раз.
По мнению компании Normal Modes показанное в ролике хотя и не является столь формальным, как полноценные юзабилити-тестирования, но весьма их напоминает.

Поделиться:

Собираем эвристики всем миром

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

Эвристики — крайне полезная вещь для юзабилиста. Почему бы не поделиться этими полезностями с коллегами? Сервис UX Ponder позволяет как прикоснуться к классике (например, знаменитым эвристикам Нильсена), так и предложить свои критерии, помогающие проверить систему на дружелюбность по отношению к пользователю.

UX Ponder – user-generated collection of user experience heuristics

Поделиться:

Профессиональная уязвимость юзабилистов и методы защиты

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

Эмпатия — совершенно необходимая вещь для юзабилиста, ориентированное на пользователя проектирование без нее немыслимо. Но эмпатия способна сослужить и дурную службу: «человеку сочувствующему» сложно погрузиться в работу, когда вокруг находятся другие люди со своими проблемами и эмоциями, и не всегда позитивными.

На первый взгляд, единственное решение проблемы — уединиться. Увы, часто это невозможно ни технически, ни организационно. Несколько советов по созданию невидимого щита, позволяющего сохранить и себя, и свою эмпатию, дает Melisa Angulo-Javier на страницах сетевого издания UX Booth. Часть методов может показать слишком метафизичными — например, побегать босиком по земле. С другой стороны, почему бы и нет?

Invisible Armor: Protecting Your Empathy at Work

Поделиться:

TapMap для iPad — дешёво и сердито

Юмор

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

Перед началом тестирования приложения нужно выполнить простейшую процедуру — начисто протереть экран устройства. подробнее

Поделиться:

Иконки в стиле Windows 8 бесплатно и на заказ

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

Российская компания Visual Pharm открыла блог, в котором вы можете бесплатно заказать иконку в стиле Windows 8. По итогам голосования пользователей компания выбирает из числа заявок не более трех иконок в день, которые отрисовываются и выкладываются в свободный доступ.

Order Icons for Windows 8 for Free

Поделиться:

Без лица

Сервис-дизайн, Инновации и идеи

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

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

Именно этому и посвящен документальный фильм Design the New Business, созданный по инициативе Zilver Innovation шестью студентами университета TU Delft (Голландия).

Design the New Business – English subtitles from dthenewb on Vimeo.

Поделиться:

Учимся проектировать интерфейс, а заодно влюбляем в себя клиентов

События

3 апреля UIDesign Group в лице технического директора Алексея Копылова и школа интернет-маркетинга «Нетология» проводят совместный семинар по грамотному и эффективному проектированию интерфейсов.

Любому разработчику безусловно надо знать и уметь делать это! Зачем? Хороший пользовательский интерфейс сделает ваш веб-сайт уникальным: он привлечёт новых посетителей и надолго привяжет их к себе.

После семинара вы увидите свой сайт в новом свете и обнаружите новые возможности для его развития и увеличения прибыльности.

В программе семинара предусмотрено совместное проектирование интерфейса: участники будут разбиваться на команды по 4–5 человек и решать поставленные преподавателем задачи. Помимо этого, вы сможете «проверить на прочность» уже существующие сервисы: юзабилити-тестирование других проектов поможет вам перенять лучшее от них, а также избежать как очевидных, так и малозаметных ошибок.

Подробности и регистрация на семинар на сайте «Нетологии».

Поделиться:

Какие предметы изучают американские юзабилисты?

Остальное

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

Перечень курсов довольно обширный, и включает в себя такие дисциплины как «Введение в строительные технологии» (Introduction to Building Technology), «Создание среды для пожилых людей» (Environments for Elders: Housing and Design for an Aging Population), «Анатомия и психология» (Anatomy and Physiology), «Критическое мышление» (Critical Thinking).

Полный обзор вы можете прочитать по ссылке ниже.

Обучение специалистов по юзабилити

Поделиться:

Приглашаем на весенний D-Camp!

События

D-Camp — это однодневная теоретическая конференция, которая посвящена вопросам мудрого дизайна интерфейсов для любых сайтов, устройств, платформ и операционных систем.

Весенний Ди-Кэмп будет проходить 28 апреля на Украине, в городе Запорожье.

Площадку для проведения конференции любезно предоставил отель «Театральный», самый современный отель города. Вокруг — центр города, внутри — очень приятная и комфортная обстановка для восприятия новых знаний. Уверены, вам понравится!

Подробности — на сайте мероприятия http://dcamp.com.ua/.

Поделиться:

Одна голова — хорошо, две — лучше, а больше не надо

Остальное, Процессы и методики

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

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

• в группах трудно мыслить критически — критика часто приводит к образованию внутри группы «политических фракций», вследствие чего политические соображения затмевают главное;
• некоторые люди ненавидят публичные выступления, некоторые — обожают; в итоге доминировать будут идеи тех, кто любит и умеет говорить, независимо от качества самих идей;
• у фракций появляются лидеры, чьи личные интересы становятся важнее качества идей.

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

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

The eye of the brainstorm

Поделиться:

Симулятор ограничений по зрению

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

Как известно всем занимающимся юзабилити, даже здоровый человек не всегда в состоянии справиться с некоторыми интерфейсами. Что же говорить о тех, у кого ослаблены какие-либо способности? С целью проверки веб-интерфейсов на пригодность для людей с различными недостатками зрения был создан он-лайн симулятор, позволяющий взглянуть на ваш продукт глазами такого человека - http://simulator.pushev.ru/

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

Онлайн-симулятор для тестирования интерфейсов веб-сайтов для людей с ограничениями по зрению

Поделиться:

Расширенная реальность во имя безопасности в обычной реальности

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

Дополненная реальность в виде наложенных на реальную картинку абстрактных данных используется уже достаточно давно. Технически сегодня нет большой проблемы в том, чтобы отображать скорость и другие параметры движения автомобиля не на стрелочном индикаторе и даже не на экране электронного навигатора, а непосредственно на ветровом стекле автомобиля, в поля зрения человека, смотрящего на дорогу. Основной решаемая здесь задача — снизить нагрузку на водителя, которому в традиционных изделиях автопрома приходится переводить взгляд и переключать внимание с дороги на приборную доску. Проецирование абстрактных данных в полной мере решает лишь часть этой задачи — минимизирует движение глаз.

Компания BMW в настоящее время активно работает над воплощением нового поколения дисплеев расширенной реальности, позволяющих снизить ментальную нагрузку на сидящего за рулем. Такие дисплеи будут создавать на стекле автомобиля изображение, как бы спроецированное на объекты реального мира. Например, в качестве предупреждения о повороте водитель увидит не условную стрелку в области уведомлений — сама дорога будет для него подсвечена и снабжена дополнительной разметкой. Иначе говоря, водителю не придется сопоставлять абстрактные данные и окружающую реальность.

подробнее

Поделиться: