UI lab

Виртуальных но это не меняет суть дела. Корзина фиксирована, все товары видны, добавление просто перетаскиванием, что еще нужно ? удобно, красиво, практично.

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

В чем плюсы, нет перезагрузки страницы. Если контента немного это всегда правильное решение – избавить пользователя от необходимости подгружать страницы. Данного эффекта однако можно было бы добиться и просто используя javascript ( показывая блоки контента в том же месте), в чем преимущество данного метода, прокрутка до нужного пункта меню, не очень понятно – но красиво !

Сайты, использующие скроллинг – Crashandlovely, Voodoventures.

Кажется проще уже ничего нельзя придумать. Нужно обязательно взять на вооружение Хотя можно было бы немного изменить форму, чтобы смотрелась более традиционной. Убрать список выбора, сделать ссылку “регистрация”, при нажатии на ссылку показывалось бы окно Choose password -Signup.

JQuery код и php код для этого примера можно посмотреть тут.

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

Напрашивается вариант регистрации в несколько этапов или с возможностью выбора опций без скроллинга страницы. Однако нет, самый просто способ – это набить побольше опций выбора и в конце влепить формочку для собственно регистрации. Причем с ходу так ведь и не поймешь, что это все – регистрация !

Дальше еще один “ляп”…

(more…)

В личный кабинет, на свою страницу в каком либо сервисе. Поддерживаются Google и Firefox на данный момент. Перетаскивание файлов в броузер.

Ребята из Seopult пишут, что за 10 минут любой пользователь сможет запустить у них проект. Ребята вы серьезно так думаете ? Я просто саму инструкцию, которая состоит из 5 шагов и 3519 слов буду читать минут 10.

И еще одна картинка…

(more…)

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

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

ya машины

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

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

(more…)

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

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

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

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

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