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

Конец трансляции

2008-05-30T22:28:20Z

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

Кнопки социальных закладок и сервисов

2008-05-30T11:03:59Z

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

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

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

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

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

«Быстрые комментарии» как на FriendFeed, примеры?

2008-05-18T10:24:31Z

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

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

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

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

Единицы измерения и единицы смысла

2008-05-08T00:08:00Z

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

Журналисты меряют время в долях часов. Например, телефон работает в режиме MP3-плеера 8.3 часов. 8.3 — сколько это? Какие могут быть десятичные доли часа, если час состоит из минут?

Время работы телефона в режиме ожидания — 280 часов. Сколько это вообще? Зачем мне эта цифра, о чем она мне говорит? Почему нельзя написать 2-3 дня, ведь никому абсолютно не нужны результаты лабораторных изменений с точностью до часа. Мне интересно сколько дней этот телефон проживет при средней нагрузке.

Разрешение экрана 160×128. Сколько это вообще? Вроде это меньше, чем 1024×768. Да наверняка меньше. О, я помню у меня давным-давно был ноутбук с CGA-экраном 320×200. Нет, опять не то.

Скорость передачи данных 300 Кб/с. Кб/с. Почему не КМ/Ч? Что означает Кб — Кбайт, Кбит? Что, жалко потратить лишние 2-3 символа?

Так, телефон стоит около 210 евро или 370-400 долларов. Гм. Я уже года два как перестал понимать цены в долларах. И евро я каждый день не пользуюсь. Полтора года назад мы купили телефон за 3500 рублей. А, недавно я продал смартфон за 4700 рублей. Сколько это в долларах? Зачем мне это знать?

Журналист пишет статью для нормальных человеческих людей, почему он при этом думает жопой?

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

Семинар по проектированию интерфейсов в Digital Zone

2008-04-16T17:44:24Z

Рассказал о проектировании пользовательских интерфейсов в 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

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

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

Плагин FireShot — скриншоты, бизнес-линчи и т.д.

2008-03-26T10:49:14Z

Наткнулся на плагин для Firefox, называется FireShot. addons.mozilla.org/en-US/firefox/addon/5648

Делает скриншоты, включает в себя инструменты для редактирования, комментирования и загрузки на сервер.

Написано что бета-версия. Я к сожалению не попробовал сам — в Mac OS X не работает (и как они так умудрились сделать).
* * *
Кстати, я понял, почему ru_ucdesign забит исключительно вакансиями и анонсами семинаров. Мой пост про FireShot urbansheep удалил, потому что, видите ли, FireShot упоминался месяцем раньше, в комментариях. Это очень напоминает историю с СУПом и отменой базовых аккаунтов. Обе истории о том, что в одних людях нет уважения к тому, что делают другие люди.

Заодно удалили пост igrok2 о визуальном поисковике searchme.com. Между прочим, интересный пост.

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

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

2008-03-21T02:13:54Z

О заголовках постов elfovnet

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

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

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

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

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

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

elfimov_on_ui @ 2008-03-16T07:05:00

2008-03-16T04:07:26Z

Влияние цвета на отдачу с рекламы @Электронная коммерция, habr

Как и предыдущие ссылки, эта имеет ценность в том, что основана на реальном опыте, а не измышлениях или чтении Якоба Нильсена, Артемия Лебедева, и т.д.

elfimov_on_ui @ 2008-03-16T06:11:00

2008-03-16T03:12:29Z

8) По возможности, текст для сайта должен исключать личные обращения к клиенту. Это не любят. Текст не должен мотивировать клиента низкой ценой. Описывайте достоинства товара.
Пример: Т.е. не "уважаемые господа, предлагаем вам дешево приобрести", а "оригинальные композиции, редкие сорта роз будут радовать и доставлять удовольствие". Это очень интересный момент, основанный на 3 недельном тестировании магазина в двух режимах: с текстом-обращением и нейтральным. Нейтральный текст принес на 25% больше прибыли.
Организация продвижения товара @Электронная коммерция, habr

Личное наблюдение: слишком быстрая реакция на заказ пугает клиента. К примеру, из 30 звонков, произведенных мной в течение 10 минут после оформления заказа клиентом, лишь 10 полностью (т.е. без удаления нескольких позиций или полного отказа) подтвердили заказ. Оптимальное время для связи с клиентом — 15-30 минут. (25 человек полностью подтверждали). Но, чтобы избежать шаманства, отмечу: это моя практика, почему это так, я могу только предполагать.
Продвижение товаров интернет-магазина @Электронная коммерция, habr

Процесс проектирования в Apple

2008-03-14T22:49:45Z

Apple's design process @businessweek.com

— Pixel Perfect Mockups
— 10 to 3 to 1
— Paired Design Meetings
— Pony Meeting

Последний пункт особенно хорош, ниже перевод.
Это возвращает нас к истории, рассказанной ранее (Michael) Lopp, в которой он рассказывал как главные менеджеры описывают что они хотят от каждого приложения: «Я хочу WYSIWYG ... Я хочу чтобы оно поддерживало осноные браузеры... Я хочу чтобы оно отражало дух нашей компании». Или, как переводит Lopp, «Я хочу пони!». Он добавляет «А кто не хочет? Пони — это прекрасно». Проблема, по его словам, заключается в том, что эти люди описывают то что они думаю что хотят. И даже если это чушь, их мнение нельзя игнорировать — они платят деньги!

elfimov_on_ui @ 2008-03-10T12:38:00

2008-03-10T09:40:18Z

Мои взгляды на интерфейсы (типа 50 тезисов) behrk

Я пока не понял полезно это или нет, но ссылочку для себя положу.

Бумажное прототипирование в Google (Видео)

2008-03-08T08:52:27Z

:-)

elfimov_on_ui @ 2008-03-06T12:30:00

2008-03-06T09:31:52Z

Вскоре после окончания Второй мировой войны Раймонд Лоуи с коллегами спроектировал небольшой домашний вентилятор; им удалось сделать так, чтобы он работал совершенно бесшумно. К их величайшей досаде, из‑за реакции потребителей они вынуждены были дополнить вентилятор новой деталью, издающей тихий звук: средний американец ассоциировал шум с охлаждающим эффектом и считал, что полностью бесшумный вентилятор не даёт достаточной прохлады.
http://chebykin.livejournal.com/7196.html, цитата из книги «Дизайн для реального мира» (Виктор Папанек).

elfimov_on_ui @ 2008-03-06T12:12:00

2008-03-06T09:14:32Z

О форме регистрации, логине, пароле и каптче@Артем Горбунов

elfimov_on_ui @ 2008-03-03T16:18:00

2008-03-03T13:19:45Z

А есть у кого-то статистика или ссылки на исследования по возрасту пользователей интернета? Меня в частности интересуют люди старшего возраста. В России или только по Москве.

P.S. Ага, кое-что есть: Опросы "Интернет в России / Россия в Интернете". Выпуск 20. Лето 2007@Фонд «Общественное мнение»

elfimov_on_ui @ 2008-03-01T02:55:00

2008-02-29T23:57:40Z

Мне кажется, или фраза «положить в корзину» в интернет-магазинах смотрится как-то странно на фоне корзины в windows?

События Рунета 2008

2008-02-29T18:51:28Z

Google-календарь событий Рунета на 2008, yagr

Предложения работы

2008-02-26T22:24:10Z

Я бы хотел извиниться перед теми, кто время от времени предлагает мне работу. Я вынужден отказываться, хотя проекты предлагают очень интересные.
Особенно это болезненно, поскольку предлагают поработать над теми самыми сайтами и программами, которыми я сам иногда пользуюсь. Такая работа польстила бы самолюбию, принесла бы денег, но, к сожалению, невозможна.
В силу причин психологического характера я больше не могу работать на заказчика (очень задолбало). И вроде как нащупал интересное мне направление работы, уже на самого себя. Это прекрасно.
Но над чужими проектами, к сожалению, я больше работать не буду.

Конференция «Интернет-сообщества 2008»

2008-02-21T12:51:58Z

Сижу на конференции «Интернет-сообщества 2008», послушал секцию «Научно-практические аспекты интернет-сообществ» (см. программу). Большего разброда между участниками сложно себе представить. Тут был адекватный доклад о терминах и топологии социальных сетей (Ярослав Грешилов), собственно совсем не доклад чувака с научной степенью, самореклама стартапа WEBID, доклад с точки зрения телевидения. Т.е. реально сидишь, смотришь на тему и список участников секции (а их идет три параллельно, и хочется потратить время с пользой!), и выбираешь секцию по принципу русской рулетки. Хоть бы темы и тезисы докладов положили и краткую информацию об авторах, как-то полегче было бы.
Т.е. на первой секции адекватный доклад по теме был только один, во второй секции я послушал первые три доклада и решил что лучше кофе попью. На третьей секции пойду чисто на известные имена — иначе вообще невозможно.

P.S. Я тут вспомнил, что конференция в общем-то бесплатная. Ну, тогда вполне себе конференция — информационный повод создан. Учитывая что это вообще первая конференция по интернет-сообществам, то можно считать что дело сдвинулось с мертвой точки.
Третья секция была поинтереснее, я пошел слушать Носика, Гоблина Гагу и кого-то еще, кого там не было. Носика, впрочем, тоже не было. Ничего нового я не узнал, но было довольно живое обсуждение.

elfimov_on_ui @ 2008-02-20T15:42:00

2008-02-20T12:44:44Z

Визуальный дизайн: индивидуальность содержания и представления worldwebstudio

Люк Роблевски (Luke Wroblewski) автор книги «Разглядывая сайт: Визуальный подход к веб-юзабилити» (Site-Seeing: A Visual Approach to Web Usability), которая посвящена тому, как с помощью визуального дизайна повысить пригодность сайта к использованию. Люк ведёт блог Functioning Form о различных сторонах дизайна.

Джош Потер из User Interface Engineering беседует с Люком на тему роли дизайна. По ссылке — первая часть беседы.

Ну и сам блог worldwebstudio рекомендую.

О книге «Effective Prototyping for Software Makers», J. Arnowitz, M. Arent, N. Berger

2008-01-20T13:55:16Z

Книга «Effective Prototyping for Software Makers» настолько хороша, что стоило бы порекомендовать её раньше. Это настоящая библия проектирования интерфейсов, постановки процессов, методов, инструментов. Она предназначена как для проектировщиков интерфейсов, так и для менеджеров проектов. С другой стороны, прочитать её полностью довольно сложно. В книге очень дотошно расписываются многие вещи, которые можно посчитать очевидными. Я не нашел в себе сил прочесть её полностью, поэтому пишу о ней только сейчас.

Книга очень основательна (около 600 страниц). В ней подробно рассматривается процесс проектирования в целом, какие шаги предшествуют прототипированию и какие данные нужны на входе, что получается в результате прототипирования и как полученное использовать в дальнейшем процесс разработки. Рассказывается как выбрать наиболее подходящие для конкретного проекта методы прототипирования. Подробно рассматриваются такие методы, как card sorting, wireframe, storyboard, paper prototype, blank model, video prototype, coded prototype.

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

В каждой главе делаются специальные вставки для менеджеров проектов, а в конце главы рассматривается пример из жизни гипотетической компании.

Примерно половина книги посвящена подробному рассмотрению каждого из методов прототипирования, а также несколько есть глав о конкретных инструментах прототипирования — Microsoft Word, PowerPoint, Excel, Visio и Adobe Acrobat.

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

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

Книгу «Effective Prototyping for Software Makers» ( Jonathan Arnowitz, Michael Arent, Nevin Berger) можно купить на Амазоне или взять почитать у меня.

elfimov_on_ui @ 2008-01-16T11:39:00

2008-01-16T09:13:51Z

Появился перевод статьи Дона Нормана «Почему неправильно заниматься исследованием пользователей в начале проекта» @maxkir.com
Спасибо Саше Максимовой за перевод!

Еще раз об удачном моменте для регистрации

2008-01-11T20:52:30Z

ЗАКРЫТЬ НЕЛЬЗЯ ПОКАЗЫВАТЬ… или Два типа вовлечения пользователей в социальные сети @Максим Спиридонов (создатель продюсерского центра «Ройбер»)

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

Рассмотрим ситуацию, когда (и если) мы допустили пользователя к базе данных до регистрации. Пользователь “ходит” по анкетам уже зарегистрированных посетителей, использует поиск или каталог и нередко обнаруживает, что никого интересного (конкретных одноклассников, сослуживцев или даже - школы, института) для него на сайте нет. Надо ли говорить, что после этого он уходит? Скорее всего, навсегда.

А если до регистрации пользователь не может провести поиск и выяснить, есть ли в базе интересные для него люди? Он вынужден регистрироваться. И пусть он регистрируется в надежде найти Ваню Иванова из своего класса, а находит после регистрации Петю Петрова или Федю Федорова или вообще никого не находит… это не важно. Счетчик зарегистрированных щелкнул, и база данных проекта увеличилась на еще одного пользователя, который своей анкетой внес вклад в наполнение сайта тематическим контентом.

При этом своим появлением в базе данных пользователь увеличил вероятность приятных находок для того же Вани Иванова и других одноклассников, коллег, которые (при идеальном сценарии) будут регистрироваться позже.

elfimov_on_ui @ 2008-01-10T05:30:00

2008-01-10T02:32:10Z

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

Самые трудные уроки для стартапов, Пол Грэм @perevedem.ru

elfimov_on_ui @ 2008-01-07T23:18:00

2008-01-07T20:26:39Z

Why doing user observations first is wrong @Don Norman