Archive for September, 2009

« Older Entries

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

Wednesday, September 30th, 2009

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

2009-09-30_2241

(more…)

Posted in Разное | No Comments »

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

Monday, 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% нравится тулбар.

Posted in UI практика | No Comments »

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

Friday, September 25th, 2009

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

2009-09-25_1908_001

2009-09-25_1912

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

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

Posted in UI практика | No Comments »

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

Friday, September 25th, 2009

2009-09-25_1442

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

Posted in Книги | No Comments »

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

Wednesday, September 23rd, 2009

Эссе 1.

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

2009-09-23_1927

2009-09-23_1932

2009-09-23_1935

(more…)

Posted in UI практика | No Comments »

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

Tuesday, 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 и онлайн форму для связи.

Posted in Аналитика | 2 Comments »

Удобный поиск – всегда рядом

Monday, September 21st, 2009

Идея для поиска, которым было бы всегда удобно пользоваться. Удобно для юзера и полезно для владельца сайта, поскольку результаты поиска контролируются. На сколько бы это увеличило кол-во поисковых запросов можно догадываться, но думаю в 2-3 раза точно.

Вариант 1.
Pic 1. Выдвижной блок

search3

(more…)

Posted in UI практика | No Comments »

А может ли форум быть таким ?

Monday, September 21st, 2009

Как Deforum …

Pic 1. Главная страница.

deforum


Отмечу сразу плюсы.
+ Крупные заголовки у разделов
+ Интересный дизайн, цвета
+ Блочная структура, разделение разделов визуально по блокам, с разными цветами и размерами.

(more…)

Posted in Обзоры | No Comments »

Знакомства в сети, новые идеи от imhonet.ru

Saturday, September 19th, 2009

Какие варианты познакомиться предлагают нам современные социальные сети.
- Традиционные для одиноких, mamba.ru, dating.ru, loveplanet.ru
Поиск по возрасту, городу, цель знакомства, увлечения:музыка, спорт, типаж, вредные привычки, материальное положение, сексуальные предпочтения.

- Традиционные другие :) – odnoklassniki.ru, vkontakte.ru, mirtesen.ru, мой мир на mail.ru
В основном это знакомства по интересам, можно вступить в какую-нибудь группу,  вы коллеги по работе( бывшие), одноклассники, учились в одном институте, ходили в кружок хорового пения в городе N в 1998 году.

- Новый и достаточно оригинальный способ от imhonet.ru. Поиск по ИНТЕРЕСАМ  и ПО ВКУСАМ, называется – Умные знакомства.

2009-09-19_1656

Пробуйте, возможно это то, что вы искали !

Posted in Разное | No Comments »

UI в twitter

Saturday, September 19th, 2009

Буквально пришлось изучать логику сайта и до сих пор нет четкого понимания как это все работает. Что удалось выяснить.

Главная страница twitter.com отображает твиты, всех за кем ты следуешь, то есть всех following ( при условии, если ты авторизовано иначе просто поиск по твитам).

Pic 1. Главная страница

2009-09-18_2342

Личная страница, twitter.com/uilabru в данном случае, отражает сообщения автора, то есть мои, и мои сообщения участникам twitter.com в формате @user message. Причем если я следую за кем то ( following fellor например), а fellor не следует за мной, то он не видит сообщения, который я пишу в формате @fellor hello.

Pic 2. Односторнний фоловинг

twitter2

Pic 3. Двусторонний фоловинг

twitter1

(more…)

Posted in Аналитика | 1 Comment »

« Older Entries