Реклама

Настроить

Михаил Елфимов об интерфейсах

Май. 30, 2008

02:03 pm - Кнопки социальных закладок и сервисов

Вот такие вещи меня просто пугают:

Это с сайта mobile-review.com. По маленькой кнопке «Bookmark» (да, сайт на русском, кнопка на английском) возникает огромное новое окно (про них еще Купер в About Face писал), в котором перечислено 36 (тридцать шесть) сервисов. Это окно предоставлено сайтом AddThis.com.

Я вот чего не понимаю. Ведь этими кнопками никто не пользуется. Те, кто используют какой-либо закладочный сервис, типа del.icio.us или Google Bookmarks — они вешают себе на панель браузера специальный скрипт.

Справедливости ради надо сказать, что внизу окна есть чекбокс — AddThis.com запоминает каким сервисом из перечисленных вы воспользовались, и при следующем нажатии на кнопку «Bookmark» открывает сразу, например, добавление ссылки на Google Bookmarks. Выглядит это вот так:

Опубликовано в блоге Михаил Елфимов об интерфейсах.

Tags: ,
(Оставить комментарий)

Май. 18, 2008

01:24 pm - «Быстрые комментарии» как на FriendFeed, примеры?

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

Быстрые комментарии на friendfeed

Подскажите, на каких еще сайтах такое используется? Какие есть варианты визуального представления?
На самом деле, больше интересны примеры как нарисовать «дайджест» комментариев — 5-10 цитат из комментариев, кликнув на которые можно перейти на страницу с полным представлением.

Напрягите мозг :-) Вспомните, пожалуйста, где такое вообще используется?

Опубликовано в блоге Михаил Елфимов об интерфейсах.

Tags: ,
(3 комментария | Оставить комментарий)

Апр. 16, 2008

08:44 pm - Семинар по проектированию интерфейсов в Digital Zone

Рассказал о проектировании пользовательских интерфейсов в Digital Zone. На пару часов. Вроде неполохо получилось. Учитывая, конечно, тот момент что научить проектировать интерфейсы на семинаре невозможно. Как и нельзя научиться проектировать интерфейсы, читая книги.

Краткое содержание

Зачем в команде проектировщик интерфейсов. Плюсы, минусы.

Этапы процесса проектирования. Сбор данных. Концептуальное проектирование. Прототипирование. Тестирование прототипов. Внедрение.

Сбор данных. Понять процесс, выяснить кто пользователь, установить контекст. Для чего нужны, и для чего не нужны исследования. Персоны. Сценарии.

Концептуальное проектирование. Диаграммы задач, workflow. Карта сайта. Информационная архитектура.

Прототипирование. Выбор детализации прототипа, среды, инструмента.

Детальное прототипирование. Тафти: data-inc ratio, соотношение полезных и вредных пикселей. Честность данных. Инфографика. Обоснование каждого интерфейсного решения. «Почему так». Единообразие решений, влияние контекста. Явная взаимосвязь между действием и ответной реакцией интерфейса. Использование стандартных элементов интерфейса. Паттерны проектирования. Обучение на примерах: Amazon, Google; критический подход к использованию чужих решений.

Внедрение. Спецификация интерфейса. Проверка реализации на соответствие прототипу.

Книги

Effective Prototyping for Software Makers, Jonathan Arnowitz
Information Dashboard Design: The Effective Visual Communication of Data, Stephen Few
Designing Interfaces: Patterns for Effective Interaction Design, Jenifer Tidwell

Что-то, конечно, мог не успеть или забыть. Участники, напишите, пожалуйста, как оно вам.

Опубликовано в блоге Михаил Елфимов об интерфейсах.

Tags: , ,
(20 комментариев | Оставить комментарий)

Мар. 22, 2008

03:06 am - Два подхода к заголовкам постов: Livejournal и RSS

О заголовках постов @elfimov.com/everything

Судя по всему, существует два подхода к заголовкам записей в блоге: подход Livejournal и подход RSS.

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

Фактически, заголовки постов используются только в архиве записей за определенный месяц и в некоторых темах оформления выводится summary постов на странице. Даже сервис blogs.yandex.ru спроектирован так, чтобы избегать заголовков — в топ записей выводятся цитаты из текста, а не заголовки.

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

RSS-сервисы, вроде Яндекс.Ленты или Google Reader, спроектированы думающими людьми. Поэтому посты отображаются так, как это принято в популярных блогохостингах — заголовок, потом полностью раскрытый текст (если он отдается RSS-источником). Тут заголовки — приятное дополнение.

Таким образом, писать или не писать заголовки — исключительно вопрос выбора аудитории. Если ваш блог находится в Livejournal или копируется туда автоматически — заголовки необязательны. Если у вас отдельностоящий блог, и аудитория пользуется традиционными RSS-читалками — заголовкам надо уделять серьезное внимание.

Опубликовано в блоге Михаил Елфимов об интерфейсах.

Tags: , ,
(Оставить комментарий)

Реклама

Настроить