Интерфейсы *

Вот уже два года дизайнеры интерфейсов из компании TouchGraph продолжают совершенствовать свой уникальный Java-браузер, который умеет визуализировать в виде графов связи между веб-сайтами и любыми другими объектами (например, его можно использовать для визуализации связей между юзерами в социальных сетях типа «Хабра»). Этот браузер значительно усовершенствован с того времени, как мы впервые о нём рассказывали год назад.

Программа представляет собой Java-апплет (не распознаёт кириллические кодировки) с множеством дополнительных настроек. Отдельные апплеты загружаются для обработки результатов Google и для обработки результатов Amazon. В первом случае демонстрируются сайты и связи между ними на основании информации Google о «похожих сайтах» (команда [related:]).

Статья о патенте Apple, который явно предназначен для нового iPod'а: Apple's new iPod patent reinvents touch controls.



Если кратко, то экран занимает все переднюю сторону плеера (как в iPhone), при этом сенсор находится с задней стороны плеера. То есть палец пользователя не закрывает графический интерфейс (понятно, что на экране должен присутствовать некий курсор). Вот такая очень интересная идея.

В течение последних трех недель мне пришлось 4-5 раз отвечать на один и тот же вопрос:

Стоит ли создавать внутри компании собственный отдел, который будет заниматься вопросами юзабилити, и если да – то как это сделать?

Задавали мне этот вопрос и друзья-коллеги, и клиенты, и подозреваю, будут задавать и в дальнейшем. То, что «юзабилити» — вроде как даже иногда полезно, понимают многие, и теперь перед ними встает вопрос, как организовать процесс наиболее эффективно и с наименьшими затратами… полный текст статьи

Статья о том, каким образом проектируется пользовательский интерфейс корпоративных продуктов внутри Microsoft на примере проекта MS Dynamics:
Проектирование от Microsoft. Современное состояние дел.

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

ХАБРАлюди давайте объединим усилия в данном направлении и поделимся скопленными ссылками, своими наработками по наболевшим темам а именно

• Меню, CSS anr\or Js
• Фрмы
• Тени
• Построничный вывод
• ССЫЛКИ по вышесказанному

многое можно найти на только что найденном сайтике

Сегодня, дорогие друзья, мне бы хотелось поговорить об насущной проблеме всеобщего одваноливания (прим. автора: веб 2.0) — проблеме хороших графических интерфейсов на веб-сайтах.
Многие дизайнеры совершают некоторые довольно типичные ошибки при проектировании пользовательских интерфейсов, и это приводит к различным неудобствам при их использовании конечными пользователями.

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

Подробности.

Мастер-класс по созданию элегантных интерфейсов. Автор — Владислав Головач.
Скачать (формат — PDF, размер — 6.5 Мб)

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

Вот например некоторые из его постулатов:
— отказ от GUI в пользу усовершенствованной командной строки;
— отказ от разбиения задач по приложениям (пользователь должен работать в едином интерфейсе);
— отказ от использования мыши;

Допустима ли на сайте потенциальная неточность?

Поясняю. Допустим есть у пользователя на сайте есть некий флаг с двумя значениями («1/0») и он отображается на всех страницах. Пользователь кликнув на него может поменять его на противоположный. Реализовано это через одну функцию которая просто меняет значение не противоположное. Вот тут и возникает «потенциальная неточность» — допустим пользователь открывает две странички сайта и на одной нажимает на флаг (то есть меняет его на противоположный), но на второй странице флаг остался первоначальным, но при клике на него он смениться из текущего (то есть кликая на флаг во втором окне мы его как бы визуально не сменим).

Конечно любая неточность на сайте это плохо. Но… Как вы думаете?

MousePaint — первая программа, использовавшая мышь для рисования изображений:

 

Конференция веб-разработчиков РИТ-2007 рада анонсировать еще один уникальный в своем роде практический семинар для специалистов — «Как провести юзабилити-тестирование?».

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

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

Мастер-класс ведет Дмитрий Сатин, инженерный психолог, руководитель UsabilityLab. Дата проведения — 12 апреля, с утра до вечера. Подробности на сайте РИТ-2007.

Обнаружил в Сети презентацию, наглядно демонстрирующую основные принципы создания веб-форм, дружественных пользователю. Автор — небезызвестный Люк Вроблевски (Luke Wroblewski).

Спешите видеть:

«BEST PRACTICES FOR FORM DESIGN», PDF, 3 мегабайта, 112 слайдов.

Презентация отлично дополняет предыдущую запись в блоге.

Текст для веб-страницы: в каком формате самый читабельный? Учёные-психологи из техасского университета имени Стефана Остина провели исследование, согласно результатам которого, лучше всего воспринимается зелёный наклонный текст, на жёлтом фоне, шрифтом Times New Roman:



Источник: Metalink blog

По-моему, в сегодняшнем Вебе просто необходимо ввести стандарт на курсор, говорящий о совершении действия с перезагрузкой страницы или без.

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

Частично спасает строка состояния в браузере, но это неудобно и не всегда помогает. Надо что-то делать…

P.S. может подчеркивать пунктиром ссылки без перезагрузки страницы?

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

Интересная статья о том, как автоматизировать работу по созданию карты сайта. Рассматриваются связки 1. Excel and Visio 2000 or Visio 2003 (Windows only) и 2. Word and Inspiration (Mac OS and Windows).
С нетерпением жду ваших комментариев.

После разработки проекта в разделе «Портфолио» своего сайта создается описание проекта. Далее на разработанном ресурсе заказчика ставится Copyright создателя, т.е. иконка студии.

Как вы считаете, стоит ли вести пользователя, нажавшего на иконку студии, на первую страницу компании или же на страницу с описанием проекта?

Что больше всего интересно пользователю при переходе по ссылке: описание проекта или просмотр всех работ, которые созданы студией?