Fresh: новости мира юзабилитиНедавно открылась новая библиотека паттернов графических интерфейсов. Кроме многообразия самих паттернов заслуживает также внимание и интерфейс самой библиотеки.
Библиотека сделана с использование технологии Silverlight от Microsoft, поэтому для эффективной работы с сайтом будет предложено установить плагин.
Quince: A User Interface Patterns Explorer
Поделиться:
Многие из нас во время беседы любят делать различные зарисовки на салфетках, в блокноте или на больших листах бумаги. Это хорошо помогает сосредоточиться на обсуждаемой проблеме и позднее быстро восстановить все в памяти.
На конференции MX’09, которую организовала компания Adaptive Path, на каждый доклад был назначен дизайнер, который должен был по ходу презентации сделать конспект в виде красочного плаката. Например, вот так Тереза Бразен отразила доклад Скотта Беркуна «Why designers fail & what to do about it».
Картинка кликабельна
How to visually capture a talk or presentation
Поделиться:
Натан Барри опубликовал обширную подборку из множества способов сделать контент сайта более читаемым при помощи иконок. Это подробное руководство содержит около полусотни примеров. Натан рассказывает, как использовать иконки, где их размещать и даёт советы по выбору стиля.
How To Use Icons To Support Content In Web Design
Поделиться:
В дополнение к ролику, который мы недавно уже публиковали, исследователи из Microsoft Office Labs создали еще целый ряд коротких фильмов, в которых они демонстрируют свое представление о технологиях в 2019 году.
Рабочие приложения
Behind vision 2019: interview with Ian Sands, Microsoft Office Labs Director of Envisioning (интервью с руководителем команды, занимавшейся созданием роликов)
Поделиться:
Очередная серия скриншотов из операционных систем разных годов интересна достаточно большим разнообразием этих самых систем.
Operating System Interface Design Between 1981-2009
Поделиться:
Специалисты из ассоциации AIGA в сотрудничестве с компанией Cheskin сделали брошюру [PDF, 4,14 Mb], пропагандирующую использование так называемых этнографических исследований для проектирования продуктов.
В отлично проиллюстрированной брошюре перечислены положительные стороны этнографических исследований, указаны основные этапы такого исследования и роль проектировщика и аналитика на каждом из этих этапов.
| Когда речь идет о классном дизайне, мы не можем не говорить о людях. Проектировщики вдохновляют, стимулируют и развлекают людей, придумывают полезную функциональность для людей и тестируют ее вместе с ними. Чтобы эта связь стала еще крепче, разработчики должны испытывать эмпатию к пользователям. Они должны понимать, какие смыслы они создают для покупателей своего продукта. Они должны наблюдать тех, для кого они творят, в естественной для этих людей обстановке. |
Стоит сказать о том, что, хотя термин «Этнографические исследования» весьма популярен на Западе, мы рекомендуем использовать его с осторожностью. В психологических и социальных науках вполне устоялся термин «полевые исследования». Тот же Якоб Нильсен, по нашему мнению, вполне справедливо утверждает, что «можно проводить полевые исследования с погружением в контекст использования, не называя их модным словом ["этнография"]».
Поделиться:
В статье Карэн Вонг речь идет о том, какие нюансы принимались во внимание при разработке загрузочной анимации Windows 7. Эта статья несколько перекликается по своей тематике с недавно анонсированной книгой Стивена Сеова, в которой речь идет о том, как заставить время течь быстрее, по крайней мере, по ощущениям пользователя.
| По мере нашего диалога с пользователями стала понятна заинтересованность пользователей в совершенно разных областях разработки Windows 7. Мы осведомлены о разговорах вокруг процедуры загрузки и, в частности, о том, насколько важна ее скорость. Мы также понимаем, насколько утомительно наблюдать за мерцающими огоньками индикатора активности диска при пробуждении компьютера из режима сна или гибернации. Чтобы улучшить первые впечатления от работы с ОС, мы решили переработать загрузочную последовательность. Звучит довольно просто, хотя, на самом деле, разработке новой последовательности загрузки сопутствует масса инженерных проблем. И нашей задачей было создание визуально привлекательного экрана загрузки без влияния на скорость загрузки системы. Объяснить, с какими проблемами мы столкнулись при разработке, взялась Карэн Вон (Karen Wong), программный менеджер команды Core User Experience. |
Разрабатывая анимацию загрузки Windows 7
Поделиться:
Исследователь Массачусетсского технологического института Pattie Maes и ее студент Pranav Mistry представляют на конференции TED новое устройство Sixth Sense (Шестое чувство). Небольшой гаджет со встроенным проектором позволяет использовать возможности информационных технологий при взаимодействии с повседневными предметами. Теперь, когда вы хотите выбрать самую экологичную туалетную бумагу в магазине, вам не придется искать эту информацию в интернете при помощи коммуникатора. Вы увидите интересные для вас характеристики товаров спроецированными прямо на них.
Pattie Maes & Pranav Mistry: Unveiling the «Sixth Sense,» game-changing wearable tech
Поделиться:
Юрий Ветров, проведя обширный анализ множества примеров инфографики, написал обзорную статью в трех частях. Первая часть посвящена классификации способов визуализации информации, вторая описывает процесс создания инфографики, а в третьей части дается анализ того, как все это используется в реальных системах.
| Тема визуализации информации и инфографики регулярно всплывает при работе, да и в целом интересна как практика проектирования и дизайна. Хотя мы в компании работаем над веб-системами, где большинство задач решается стандартными средствами конструирования вроде форм или информационных блоков, иногда требуется емко и компактно подать большое количество информации. Часто это достаточно специфичные задачи, на продумывание интерфейса которых уходит немало времени. Правда, и задачи это одни из самых интересных. |
Визуализация данных. Наглядный и компактный способ отображения информации:
часть 1. Классификация
часть 2. Процесс
часть 3. Примеры из практики
Поделиться:
Еще одна фотография, показывающая то, как пользователи сами исправляют неудачные интерфейсы.
Поделиться:
UXmatters делится с нами результатами наблюдений за страницами поисковой выдачи различных сайтов. В основном акцент делается на компоновке этих страниц. Что выбрать: «резиновую» верстку или верстку с фиксированной шириной? Хотя некоторым выбор может показаться очевидным, у обоих вариантов есть свои плюсы и минусы. Прочитав статью, можно сделать для себя выводы о том, какой вариант выбрать для своего сайта.
Choosing the Right Search Results Page Layout: Make the Most of Your Width
Поделиться:
Каждый год участники конференции Mobile User Experience формируют манифест, в котором описывают важнейшие тенденции года в данной области.
Недавно был опубликован манифест 2009 года, который включает следующие пункты:
Поделиться:
Издательство «Символ-Плюс» порадовало переводом книги «Designing and Engineering Time: The Psychology of Time Perception in Software», в которой речь идет о том, как спроектировать систему, при работе с которой ожидание реакции машины не покажется пользователю мучительно долгим.
При проектировании системы мы не так часто задумываемся о структуре рабочего времени: эта книга поможет спроектировать систему, создающую ощущение комфортной работы и включающую состояние потока.
Автор ссылается на большое количество современных психологических публикаций. В оригинале книга вышла в мае 2008 года.
| Вряд ли найдется человек, которому не было бы знакомо состояние мучительного ожидания при работе на компьютере. Долгие процессы установки программ, загрузки обновлений, антивирусного сканирования… Все понимают, что сократить это время технически невозможно, но есть другие способы изменения ситуации. О них и рассказывается в этой книге. Автор подробно рассматривает особенности восприятия времени человеком и предлагает методы и приемы, способствующие повышению пользовательской толерантности и удовлетворенности. Предлагаемые методики позволяют не только вызвать у пользователя ощущение ускорения длительных операций, но и заставить его наслаждаться временем, потраченным на ожидание их выполнения.
«Сеов написал замечательную книгу о понимании восприятия времени в практической деятельности пользователя и управлении им. Она понятная, занимательная и многогранная. Ее следует прочитать проектировщикам, разработчикам, а также всем тем, кто участвует в подготовке решений в области взаимодействия человека с компьютером». |
Книга на books.ru (на сайте доступно 16 страниц из книги)
Оригинал на Amazon.com (доступны первые страницы вступления)
Поделиться:
Чешский дизайнер Петр Станичек разработал один из наиболее интересных сервисов для подбора цветовых сочетаний. Помимо стандартной функциональности (различных алгоритмов подбора, отображения числовых кодов для каждого цвета) здесь есть такие интересные функции, как возможность просмотра специальной демостраницы в данной цветовой схеме, а также возможность симулирования различных нарушений цветового зрения.
Поделиться:
Недавно на сайте конференции TED опубликовали довольно старое, но любопытное видео с Дональдом Норманом. Запись была сделана перед выходом его книги «Emotional Design: Why we love (or hate) everyday things» и описывает основные ее идеи. В частности, Дон рассказывает о трех уровнях дизайна: интуитивном, поведенческом и рефлексивном.
Talks Don Norman: The three ways that good design makes you happy
Поделиться:
Сегодня опубликованы все материалы первой конференции по юзабилити, которая прошла 28 февраля в столице Беларуси.
| 28 февраля прошла первая в Беларуси конференция по Usability и дизайну интерфейсов. Судя по большому количеству регистраций которые мы приняли за первые два дня после объявления мероприятия, интерес к теме огромен. |
Материалы первой конференции Usability и дизайн интерфейсов. Видео, фото, тезисы и презентации
Поделиться:
Якоб Нильсен в очередной статье из Alterbox препарировал пользовательский интерфейс новой версии устройства для чтения электронных книг Amazon Kindle.
| Новая версия устройства для чтения от Amazon имеет отличный экран прямо как у печатных изданий, однако проектирование взаимодействия, так же как и поддержка нелинейного контента оставляют желать лучшего. |
Поделиться:
Интересная концепция спидометра с цифрами, меняющими цвет и размер в зависимости от скорости. Было бы прекрасно, если бы спидометр при этом еще ориентировался на ограничение скорости и погодные условия.
Поделиться:
|
Корпорация Microsoft представила приложение Social Desktop, предназначенное для упрощения размещения в Сети документов.Для того чтобы выложить документ в общий доступ при помощи Social Desktop, достаточно указать программе нужный файл, после чего он появится в Интернете в виде отдельной веб-страницы, обладающей социальными элементами, к примеру, возможностью комментирования. Кроме того, приложение способно присваивать сетевым документам теги для облегчения последующего поиска. Просмотреть документ, опубликованный в Сети посредством MS Social Desktop, сможет любой пользователь, установивший плагин Microsoft Silverlight. Сервис Social Desktop, разработанный специалистами подразделения Microsoft Research, построен на базе платформы Windows Azure и в настоящий момент существует лишь в виде прототипа, который планируется представить на выставке TechFest 2009 (Примечание редакции: на самом деле выставка уже прошла в январе этого года). Корпорация пока не намерена выпускать коммерческую версию приложения, однако не исключено, что функции Social Desktop появятся в операционной системе Windows 7, релиз которой должен состояться в конце текущего — начале следующего года. |
Microsoft Social Desktop: приложение для публикации документов в Сети (статья о системе на Компьюленте)
Social Desktop (cтраница проекта на сайте Microsoft Research)
Поделиться:
Дэн Браун (Dan Brown) описывает особенности применения концептуальных моделей. Он предлагает использовать для описания системы ментальные схемы (mind maps). По мнению Дэна, такие схемы помогают описать структуру ресурса, зафиксировать задачи проектирования и ввести разработчиков в курс дела.
In Which a Concept Model Makes Me Giddy
Поделиться:
Есть интересная ссылка? Пришли ее нам!