Блог Ярослава Витязева

Персональный комментируемый блог

Архив для рубрики ‘Интерфейс пользователя

Новый дизайн Делового сайта

Запущена новая версия дизайна Делового сайта.

Покрасивее. Старались.
Хотите верьте, хотите нет - дизайн рисовал сам А. Лебедев!
Редизайн занял две недели, включая все этапы.

Что было изменено и зачем - на отдельной странице в портфолио.

Одному мне кажется, что визитка в меню лишняя?
Буду рад выслушать любую критику.

Суть проблемы

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

Зачастую пользователю необходимо распечатать просматриваемую страницу. Например, я часто так делаю при посещении каталогов товаров и интернет-магазинов. Это удобно. Однако, я не всегда уверен, что будет распечатано именно то, что мне нужно. На некоторых сайтах при нажатии кнопки "Печать" на бумаге оказывается шапка сайта, навигационное меню, реклама и прочее. В результате вместо одной страницы я в лучшем случае получаю две, изобилующие информационным шумом.

(more...)

Главная страница (САЛ!?)

new.bwc.ru

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

Буду удивлен, если это не так, Главная страница.

Утилита для быстрого построения прогнозов

Вспоминая PHP...

Познакомился некоторое время назад с Google Charts API и решил, а почему бы и не «прикрутить» этот интерфейс к разработанному ранее приложению для построения прогнозов (doc, 62 kb).

Получилась мини-утилита для быстрого построения количественных прогнозов с возможностью визуализации: FastCast.

При помощи этой утилиты можно, например:

  • быстро оценить тенденции какого-нибудь экономического показателя;
  • получить предварительное обоснование рациональности использования определенного метода, оценив динамику изменения определенного количественного критерия;
  • ввести температуру воздуха за последние 5 дней и узнать какой, вероятно, она будет завтра :)

Областей применения у этой интернет-утилиты множество, было бы желание. ;-)
fastcast

В этой утилите используются две модели прогнозирования:

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

Эти методы не панацея — применять их нужно с умом. Эта утилита пригодится, если нужно уж очень бегло построить прогноз.

Интернет-система, на основе которой разработана данная утилита успешно попала во II тур всероссийского конкурса-смотра работ «Эврика-2006».

Желающим плюсануть на Хабре: http://habrahabr.ru/blog/startup/33021.html.

Креативы заказчиков

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

Вот пример концепции проекта: :)
customer-task

Рекламные материалы в каталоге

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

Интеллектуальная модерация в каталоге

Теперь пользователям интеллектуального каталога доступна возможность отправки сайта на модерацию:

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

После чего процесс переходит под управление подсистемы искусственного интеллекта:

  • модуль пробегает по всей базе правил-критериев, определяющих спам,
  • в случае попадания хотя бы под одно условие, модуль (в зависимости от типа нарушения):
    • делает предупреждение автору сайта,
    • [и/или] корректирует или удаляет описание,
    • [и/или] блокирует или удаляет ресурс,
    • [и/или] удаляет учетную запись пользователя.
  • в том случае, если подсистема искусственного интеллекта не может идентифицировать спам - заявка отправляется администратору каталога (который, в свою очередь, может пополнить базу правил).

Разумеется все изменения фиксируются в документах, связанных с интернет-ресурсом (доступ к документам можно получить, дописав "docs/" к концу URL описания ресурса), пример:

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

interface element set

И, какой-то он, все-таки, ущербный, этот интерфейс. Итак, по мелочам:

Навигация по разделам: необходимо переделывать 100%. То, что сэкономили с использованием AJAX -- то и откликнулось в юзабилити -- стало затруднительно использовать наиболее частоупотребимые элементы навигации. Каждый раз для посещения дочернего раздела приходится кликать по меню "Разделы" и ждать пока отобразится вот такая вот портянка:

click on the menu

Все-таки часть этой портянки (блок "Структура текущего раздела") придется вернуть на страницу, без этого совершенно неудобно. Затем, хлебные крошки тоже нужно убрать из этой портянки, т.к. они и так уже есть на странице, здесь их дублировать не за чем.

Далее. Сукафлаг: британский или американский? Вы тоже не знаете? Текстом пишете?

Еще бесит: расстояние от левого края до ссылки в меню "Разделы" и то же расстояние до навигационного элемента "Раздел: Компьютеры / Интернет" (см. первый рисунок). Нужно выровнять.

Какая-то херь с margin'ами у поля контента. Тоже необходимо выровнять (думаю слева сделать больший отступ).

Далее. Сниппеты. Нужны ли они? Если да, то в каком виде? Из доступных материалов есть: Заголовок, полное описание ресурса, ключевые слова (они же теги), раздел, даты регистрации, публикации, последнего изменения, да все что угодно, вопрос в том: нужно ли это? В любом случае политика каталога в плане поиска интересующего ресурса: "пользователь сначала попадает на страницу с описанием самого ресурса, а затем уже, если ресурс его заинтересовал, то и на сам ресурс", важна обратная связь от пользователей и терять ее нельзя.

Заголовок каталога. То, что на сером фоне вверху. Я убежден, что в шапке сайта не должно быть написано, что мол так и так, каталог такой-то, а вот и логотип наш, красивый, не так ли? Подход ущербный. Нужно максимум информации о ресурсе, и, самая важная информация такого рода - это заголовок самого ресурса. Он должен быть больше на порядок самого текста описания и выделяться среди остального контента. Вот заголовок, как я считаю, здесь хорошо получился. Оспорьте, пожалуйста.

Навигационное меню. Должно быть сукапростым. Еще проще. Думаю пункт "Настройки" - в топку. Нужно перенести этот пункт в "Личный кабинет".

Хлебные крошки (обведено фиолетовым на первом рисунке). Думаю будет удобно ими пользоваться. Но, привлекают слишком много внимания.

Еще: индикатор "степени важности" ресурса - так называемый "взвешенный рейтинг" - показатель, по которому ресурсы ранжируются в каталоге. Его нужно как-то отображать: или графически или числом. Числом хуже воспринимается. Графически: не совсем понятно как это сделать (в DMOZ'е он отображается зеленой полоской - смотрится это рвотно, воспринимается... да непонятно как воспринимается, не помню чтобы я эти полоски когда-либо воспринимал как полезную информацию).

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

Это todo-список к интерфейсу в режиме обзора раздела. Про режим просмотра описания ресурса я пока вообще молчу. Там тихий ужас. Адская избыточность информации на "квадратный пиксель" :) вашего монитора.

Иногда на крупных проектах встречаются сообщения подобные этому:

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

(more...)