Как вы пользуетесь поиском ?

October 9th, 2009

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

2009-10-09_1606

Следует сразу сказать о том, что сообщество хабра это на 90% люди из IT и большая часть пользуется интернетом и компьютером профессионально. Поэтому результаты вполне предсказуемые, хотя даже для этой аудитории цифра в 40% достаточно высокая. Основное неудобство для пользователя очевидно следующее. Адресная строка используется для адреса в большинстве случаев и чтобы сделать поисковый запрос, нужно удалить адрес и написать запрос. В случае Firefox есть дополнительное окно, в котором сразу можно ввести запрос и выбрать дополнительно поисковик, к которому мы хотим обратиться. Есть одно исключение – это Google Chrome, в котором есть только 1 окно и для адреса и для поиска. Видимо пользователи этого броузера будут постепенно привыкать все же пользоваться адресной строкой для ввода поискового запроса. Тем более что сделан он достаточно удобно. Можно назначить для каждого поисковика букву и делать запрос таким образом

ya машины

что автоматически перекинет вас на результаты поиска в yandex.ru по слову машины.

Удобный перевод на yandex

October 9th, 2009

Недавно приятно удивила фича на yandex.ru, а именно перевод слова тут же под строкой поиска. Раньше процесс был такой. В поиск вбивал слово, например ample, нажимал поиск, далее открывал вкладку Словари, далее смотрел на блок перевода справа, кликал на перевод, смотрел перевод. Свидетельства процесса в картинках ниже :)

2009-10-09_1539

2009-10-09_1540

Read the rest of this entry »

Поиск или сайт, url vs search

October 4th, 2009

Все же как может одна книга изменить взгляд на вещи. Книга, которую я имею ввиду, – “Психбольница в руках пациентов”, автор Алан Купер. За пространными речами автора (манера у него такая излагать свои мысли, хотя и эксперт по юзабилити) можно увидеть несколько действительно здравых идей. Идея номер один – большинство приложений сделано программистами, программисты не являются хорошими дизайнерами и уж тем более специалистами по проектированию взаимодействия человек-компьютер. Очень много примеров, рассуждений подтверждает эту мысль. И действительно, несмотря на то что некоторые компании имеют целые подразделения по юзабилити тестированию все равно продукт получается слишком сложным и запутанным. Однако все написанное лишь вступление – продолжение следует, как обычно несколько примеров из практики.

Браузер – основная программа для использования интернет. Пользователи программы броузер – каждый кто использует интернет, число пользователей интернет по последним данным уже перевалило за миллиард. Самый популярный броузер Firefox, хотя в целом IE7+IE6 еще немного обходят его, но уже очень скоро ситуация изменится. Сколько людей пользуется поиском ? – хоть раз каждый пользователь интернет пользовался поиском. Как воспользоваться поиском ? Варианты:

1. Зайти на сайт- google.com,  сайт yahoo.com, bing.com

2. Воспользоваться поиском из броузера. Вот это окошко – броузер Firefox 3.5

2009-10-04_1619

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

2009-10-04_1621

Read the rest of this entry »

Что такое мышь ?

October 3rd, 2009

Что же такое мышь ?  Интересно посмотреть определения от  Google и Yandex.

Итак определение от  Google

2009-10-03_1400

Хоть и не на первом месте, но ответ все же есть. Все остальные 9 результатов показали, что мышь это все же устройство.

Read the rest of this entry »

Протестировать юзабилити сайта без сложных приборов, оказывается можно…

September 30th, 2009

Можно с помощью сервиса Clixpy. Все что нужно сделать это вставить в текст страницы небольшой кусочек js кода. Каждый заход на страницу записывается в clixpy. Записывается информация, когда был заход, страна, система, количество страниц, которые посетил юзер, а так же можно увидеть какие именно страницы были открыты. Все действия пользователя можно увидеть просмотрев видео-сессию. В ней будет показана траектория движения мышки, клики, что почти эквивалентно движению глаз посетителя. При регистрации вам предложат 10 сессий записать бесплатно, за остальные нужно заплатить небольшую денежку. 600 сессий -20$, а 1000 – 30$. Сайт при замерах не тормозит, поэтому можете пользоваться смело. Вообще интересно, получается,  используя всего лишь яваскрипт и технологию клиент-сервер, можно постоянно мониторить поведение посетителей для своего сайта. Для крупных сайтов стоило бы присмотреться к этой технологии поближе.

2009-09-30_2241

Read the rest of this entry »

Фиксированные блоки на сайте, тенденции

September 28th, 2009

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

Pic 1. Фиксированный блок вверху страницы.

2009-09-28_1451

Pic 2. В выдвинутом состоянии

2009-09-28_1450

А вот и подтверждение того, что такой бар удобен для пользователя.

- Webmasters have reported a 100% improvement in traffic when their links are shared with the ow.ly social bar.
Увеличение трафика на 100%
- 95% of users love the ow.ly bar’s utility. 95% нравится тулбар.

На вашем сайте можно заблудится как в трех соснах ? Протестируйте его на удобство навигации

September 25th, 2009

Итак попробуйте выбрать любую страницу на вашем сайте. Лучше копнуть поглубже.  На странице отвечаем на следующие вопросы:
1. Что это за сайт- четко ли видно название, лого
2. На какой странице я нахожусь – название, описание
3. В каком разделе или подразделе я нахожусь
4. Локальная навигация- что бы удобно было перейти на другие страницы раздела, сразу.
5. Вы находитесь здесь – обычно меню типа “хлебные крошки”.
6. Поиск. Где я могу воспользоваться поиском на сайте – тут хорошо подойдет фиксированный блок для поиска на сайте. О его реализации я писал в предыдущих статьях.
Как обычно приведем пример.

2009-09-25_1908_001

2009-09-25_1912

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

По мотивам книги Стива Круга, ” Веб-дизайн”.

Алан Купер об интерфейсе – 688 страниц о создании интерфейса

September 25th, 2009

2009-09-25_1442

Маст хэв для разработчика интерфейсов, таково мнение большинства ui специалистов. The Essentials of Interaction Design – то есть “Основы разработки интерфейса”. Мне кажется автор тут явно лукавит, как можно уместить “Основы” в 688 страниц ? Мое мнение – 688 страниц это слишком много. Дело даже не в количестве страниц, а в способности объять не объятное. Я вообще скептически отношусь к книжках объемом свыше 300 страниц, что уж говорить о таких трудах. За что мне нравится Купер ( Не заставляйте меня думать), за то что я прочитал книгу и я запомнил 70% материала и смогу пересказать вкратце ее содержание. Можно то же сказать о Aboutface  (английское название книги) – нет. Даже прочитав ее 3 раза я сомневаюсь, что прочитавший сможет вкратце выразить все мысли идеи, что есть в книге.  Нарушен один из принципов написания хорошей и доступной книги – принцип меньше да лучше. Возможно у Купера очень много идей, а возможно, что вариации одной и той же идеи и то и другое плохо. Книгу читал выборочно и вряд ли когда то прочитаю полностью по вышеизложенным причинам.

3 эссе – фиксированные блоки, оригинальный дизайн блога, новое лицо у подвала сайта

September 23rd, 2009

Эссе 1.

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

2009-09-23_1927

2009-09-23_1932

2009-09-23_1935

Read the rest of this entry »

Анализ 50+ сайтов студий-дизайна и портфолио фрилансеров – паттерны и лучшая практика

September 22nd, 2009

Краткое резюме исследования, проведенного на сайте Smashingmagazine. Поясню, речь идет о сайтах дизайн студий и сайтов фрилансеров-дизайнеров.  Редакция Smashingmagazine проанализировала больше 50 сайтов дизайн студий и портфолио фрилансеров и представила следующие данные

smash

  • 82% вебсайтов используют легкий, простой дизайн с нейтральными и мягкими цветами.
  • 79% имеют блочную структуру в 2-3 колонки, которые четко разделены
  • у 79% есть блок с вводной информацией вверху страницы
  • 89% центрирурют контент
  • 80% имеют большое горизонтальное меню навигации
  • у 51% горизонтальное меню сдвинуто вправо
  • 89% не имеют поиска на странице
  • Контакты расположены в верхнем правом углу у 71% сайтов, у 45% – внизу ( footer)
  • 89% имеют линк на “О нас” в навигации
  • Только 47.2% имеют страницу клиента ( client page)
  • 67.2% имеют отдельную страницу Сервис, Услуги
  • 63.6% имеют детальную информацию о каждом проекте, включая благодарности, слайдшоу, драфты и скетчи
  • Страница Контакты должна содержать информацию о том, как проехать, телефон, email, почтовый адресс, vCard и онлайн форму для связи.