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

Следует сразу сказать о том, что сообщество хабра это на 90% люди из IT и большая часть пользуется интернетом и компьютером профессионально. Поэтому результаты вполне предсказуемые, хотя даже для этой аудитории цифра в 40% достаточно высокая. Основное неудобство для пользователя очевидно следующее. Адресная строка используется для адреса в большинстве случаев и чтобы сделать поисковый запрос, нужно удалить адрес и написать запрос. В случае Firefox есть дополнительное окно, в котором сразу можно ввести запрос и выбрать дополнительно поисковик, к которому мы хотим обратиться. Есть одно исключение – это Google Chrome, в котором есть только 1 окно и для адреса и для поиска. Видимо пользователи этого броузера будут постепенно привыкать все же пользоваться адресной строкой для ввода поискового запроса. Тем более что сделан он достаточно удобно. Можно назначить для каждого поисковика букву и делать запрос таким образом
ya машины
что автоматически перекинет вас на результаты поиска в yandex.ru по слову машины.
Posted in UI практика | 2 Comments »
October 9th, 2009
Недавно приятно удивила фича на yandex.ru, а именно перевод слова тут же под строкой поиска. Раньше процесс был такой. В поиск вбивал слово, например ample, нажимал поиск, далее открывал вкладку Словари, далее смотрел на блок перевода справа, кликал на перевод, смотрел перевод. Свидетельства процесса в картинках ниже


Read the rest of this entry »
Posted in UI практика | 2 Comments »
October 4th, 2009
Все же как может одна книга изменить взгляд на вещи. Книга, которую я имею ввиду, – “Психбольница в руках пациентов”, автор Алан Купер. За пространными речами автора (манера у него такая излагать свои мысли, хотя и эксперт по юзабилити) можно увидеть несколько действительно здравых идей. Идея номер один – большинство приложений сделано программистами, программисты не являются хорошими дизайнерами и уж тем более специалистами по проектированию взаимодействия человек-компьютер. Очень много примеров, рассуждений подтверждает эту мысль. И действительно, несмотря на то что некоторые компании имеют целые подразделения по юзабилити тестированию все равно продукт получается слишком сложным и запутанным. Однако все написанное лишь вступление – продолжение следует, как обычно несколько примеров из практики.
Браузер – основная программа для использования интернет. Пользователи программы броузер – каждый кто использует интернет, число пользователей интернет по последним данным уже перевалило за миллиард. Самый популярный броузер Firefox, хотя в целом IE7+IE6 еще немного обходят его, но уже очень скоро ситуация изменится. Сколько людей пользуется поиском ? – хоть раз каждый пользователь интернет пользовался поиском. Как воспользоваться поиском ? Варианты:
1. Зайти на сайт- google.com, сайт yahoo.com, bing.com
2. Воспользоваться поиском из броузера. Вот это окошко – броузер Firefox 3.5

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

Read the rest of this entry »
Posted in Аналитика | No Comments »
October 3rd, 2009
Что же такое мышь ? Интересно посмотреть определения от Google и Yandex.
Итак определение от Google

Хоть и не на первом месте, но ответ все же есть. Все остальные 9 результатов показали, что мышь это все же устройство.
Read the rest of this entry »
Posted in Разное | 2 Comments »
September 30th, 2009
Можно с помощью сервиса Clixpy. Все что нужно сделать это вставить в текст страницы небольшой кусочек js кода. Каждый заход на страницу записывается в clixpy. Записывается информация, когда был заход, страна, система, количество страниц, которые посетил юзер, а так же можно увидеть какие именно страницы были открыты. Все действия пользователя можно увидеть просмотрев видео-сессию. В ней будет показана траектория движения мышки, клики, что почти эквивалентно движению глаз посетителя. При регистрации вам предложат 10 сессий записать бесплатно, за остальные нужно заплатить небольшую денежку. 600 сессий -20$, а 1000 – 30$. Сайт при замерах не тормозит, поэтому можете пользоваться смело. Вообще интересно, получается, используя всего лишь яваскрипт и технологию клиент-сервер, можно постоянно мониторить поведение посетителей для своего сайта. Для крупных сайтов стоило бы присмотреться к этой технологии поближе.

Read the rest of this entry »
Posted in Разное | No Comments »
September 28th, 2009
Все больше убеждаюсь в мысли, что фиксированные блоки это удобно. А значит применять их будут все чаще и чаще. Планирую спроектировать блог или сайт с применением статических выдвижных блоков, думаю получиться очень интересно. Сегодня нашел вот такой пример использования статического блока.
Pic 1. Фиксированный блок вверху страницы.

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

А вот и подтверждение того, что такой бар удобен для пользователя.
- 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% нравится тулбар.
Posted in UI практика | No Comments »
September 25th, 2009
Итак попробуйте выбрать любую страницу на вашем сайте. Лучше копнуть поглубже. На странице отвечаем на следующие вопросы:
1. Что это за сайт- четко ли видно название, лого
2. На какой странице я нахожусь – название, описание
3. В каком разделе или подразделе я нахожусь
4. Локальная навигация- что бы удобно было перейти на другие страницы раздела, сразу.
5. Вы находитесь здесь – обычно меню типа “хлебные крошки”.
6. Поиск. Где я могу воспользоваться поиском на сайте – тут хорошо подойдет фиксированный блок для поиска на сайте. О его реализации я писал в предыдущих статьях.
Как обычно приведем пример.


Все достаточно удобно, только вот Локальная навигация расположена слишком низко. Для просмотра других статей пользователь видимо перейдет в основной раздел и сделает это не один раз.
По мотивам книги Стива Круга, ” Веб-дизайн”.
Posted in UI практика | No Comments »
September 25th, 2009

Маст хэв для разработчика интерфейсов, таково мнение большинства ui специалистов. The Essentials of Interaction Design – то есть “Основы разработки интерфейса”. Мне кажется автор тут явно лукавит, как можно уместить “Основы” в 688 страниц ? Мое мнение – 688 страниц это слишком много. Дело даже не в количестве страниц, а в способности объять не объятное. Я вообще скептически отношусь к книжках объемом свыше 300 страниц, что уж говорить о таких трудах. За что мне нравится Купер ( Не заставляйте меня думать), за то что я прочитал книгу и я запомнил 70% материала и смогу пересказать вкратце ее содержание. Можно то же сказать о Aboutface (английское название книги) – нет. Даже прочитав ее 3 раза я сомневаюсь, что прочитавший сможет вкратце выразить все мысли идеи, что есть в книге. Нарушен один из принципов написания хорошей и доступной книги – принцип меньше да лучше. Возможно у Купера очень много идей, а возможно, что вариации одной и той же идеи и то и другое плохо. Книгу читал выборочно и вряд ли когда то прочитаю полностью по вышеизложенным причинам.
Posted in Книги | No Comments »
September 23rd, 2009
Эссе 1.
Использование статичных блоков на странице. Почему то используются не часто и далеко не везде, однако обладают весьма замечательными свойствами. А именно всегда быть на виду или под рукой. Недавно я уже предлагал и обсуждал вариант поиска, который всегда под рукой. Сегодня покажу, как еще можно использовать статические блоки на странице.



Read the rest of this entry »
Posted in UI практика | No Comments »
September 22nd, 2009
Краткое резюме исследования, проведенного на сайте Smashingmagazine. Поясню, речь идет о сайтах дизайн студий и сайтов фрилансеров-дизайнеров. Редакция Smashingmagazine проанализировала больше 50 сайтов дизайн студий и портфолио фрилансеров и представила следующие данные

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