UI lab

Наткнулся я недавно на забавное объявление о работе, требовался веб разработчик, для реализаци интерфейса. Что сподвигло меня написать очередную статью, после долгого молчания.  Описание звучало так:

“Мы разрабатываем большой интересный проект для seo’шников, рекламных агентств и конечных клиентов. Сейчас у нас есть хорошая бизнес-модель, команда .NET разработчиков, 70% основного функционала, работающая бета-версия и живые пользователи с фидбеком. А ещё есть море работы и достаточно конкретные планы по фичам.
Веб-интерфейс оказался технологически гораздо сложнее, чем мы можем реализовать своими силами. Поэтому мы ищем в команду человека, способного взять эту задачу на себя.”

“Задача и вообще сфера ответственности такая: делать так, чтобы макеты интерфейса оживали в браузерах пользователей + писать себе серверную часть, которая в основном будет просто выдавать данные из базы.”

Звучит впечатляюще. Серверную часть все же пишут не фронт-енд разработчики. Дальше больше…

(more…)

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

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

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

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

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

(more…)

Краткое резюме исследования, проведенного на сайте 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 и онлайн форму для связи.

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

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

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

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

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

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

(more…)

Нашел интересную статью на Smashing magazine. Дальше будут выдержки из статьи, основные положения и определения.

Итак горизонтальное меню. Присутствует де факто почти на всех сайтах. Скорее это элемент дизайна, нежели функциональности.

Pic 1. Горизонтальное меню.

Преимущества:
- Удобство, с точки зрения просмотра сайта, находится как правило после шапки и органически вписывается в дизайн сайта.
- Служит неким разделителем между “шапкой” и главным блоком. Разделитель как логический, так и визуальный.

Недостатки:
- Если в меню много пунктов они элементарно не поместятся в меню. Если только не пытаться впихнуть эти пункты в меню, уменьшив, скажем, размер шрифта и отступы между пунктами, что неизбежно приведет к снижению читаемости.
- Если в пункте меню, например Каталог, много пунктов. Тогда меню выпадает и закрывает часть страницы, чем оно больше, тем большую площадь страницы оно закрывает.

(more…)

Из 10 представленных сайтов принципы хорошего юзабилити применяются всего на 1 !!!.  Остальные видимо знают хорошо теорию, но на практике юзабилити мало применяют. 10-ка  Yandex.ru

1. Wikipedia, тут все понятно, просто информационная статья, без претензий.
2. Сайт компании Usabilitylab. Не впечатлил вообще !

3. Коллективный блог о юзабилити gui.ru. Хорошо оформлен и самый достойный кандидат из 10.

4. Юзабилити в России. Весьма удручающий вид, с юзабилити в России видимо так же …

(more…)