http://romver.ru/usability/ Юзабилити анализ сайтов ru Fri, 01 Apr 2011 01:02:03 +0400 http://romver.ru/iimages/image.jpg http://romver.ru/usability/ 96 96 http://romver.ru/usability/105.html http://romver.ru/usability/105.html Fri, 01 Apr 2011 01:02:03 +0400 <p>Перерыв в размере года и затем выход 1 статьи по <a href="http://romver.ru/addtext/10/uzability_analiz.html">юзабилити</a> показал, что народ как хотел понимать, так и не остыл к этой проблеме. Очень долго скитаясь по просторам сети, я терпел рассматривая сайты тех кто получает денежные массы и ничего не делает ни для поддержания имиджа, ни для уважения своих клиентов. Сегодня прогуливаясь по сайтам банков, я не смог пройти мимо данного сайта ecobank.ru и решил немного написать о нем свое мнение. У нас сеть свободная пока еще ни как в Китае, там нельзя никуда ходить и ничего писать. В России пока мы можем перемещаться по интернет пространству высказывая свое мнение на те или иные web проекты которые мы наблюдаем.<br><br>Весь данный сайт говорит о том, что в компании реально нет того человека который смотрел бы в данном банке за имиджем и переживал сильно за то, что видят пользователи сети. Не понимаю что там делает служба поддержки, у них даже есть свой отдельный телефонный номерВот скриншот страницы, как мы можем видеть на ней размещено самое главное, что происходит в данном Банке, курс валют ЦБ РФ и обмен валют. Расположение блока Связь с Банком находится справа. <br><br><img alt="юзабилит сайта, анализ банка" src="bank/home_page1.jpg" height="869" width="1044"><br><br>Но стоит вам начать кликать по разделам, тут же этот блок переместится по какой то причине влево и начнет скакать в верх и вниз, непонятно только по какой такой причине.<br><br><img alt="юзабилити анализ сайта банка" src="bank/home_page.jpg" height="869" width="1044"><br><br>Я не стал долго думать, просто в течении 30 минут нарисовал вариант решения страницы, на которой более менее понятно что и как и куда звонить.<br>Вот тот список юзабилити и не только ошибок которые видны не вооруженным глазом.<br><br><img alt="Вариант юзабилити хорошей страницы" src="bank/contact_invest_ecobank.jpg" height="869" width="1044"></p> <ol start="1" type="1"><li>Хаотическое перемещение блоков</li><li>Не соизмеримый размер навигации по отношению к контенту</li><li>Цветовое решение меню навигации конфликтует с контентом забирая все внимание посетителя сайта.</li><li>Цветовое решение заголовком конфликтует как с меню навигации так и друг с другом</li><li>Банк по статусу не может иметь много номеров, для этого есть многоканальная телефония</li><li>Для получения подробной информации о местонахождении офиса посетитель не должен переходить на сторонний ресурс. (Автономность ресурса)</li><li>Нет необходимости указывать 3 раза на странице, о том что посетитель в разделе «Контактная информация»</li><li>Обязательно необходима форма обратной связи</li><li>Если написана фраза «Режим работы» необходимо указать временной интервал</li><li>Кнопка поиска по сайту и фраза «Искать» не должны вместе употребляться</li><li>Карта сайта не относится к разделу Поиска, в связи с этим должна быть отделена</li><li>Иконка сайта не должна быть в виде изображения логотипа компании разработчика системы управления сайтом.</li></ol><br><br> http://romver.ru/usability/104.html http://romver.ru/usability/104.html Mon, 11 Jan 2010 01:01:51 +0300 Вот начался 2010 год и я решил, что надо хоть иногда писать <a href="http://romver.ru/usability/">бесплатные юзабилити анализы</a>. Очередь на платные <a href="http://romver.ru/addtext/10/uzability_analiz.html">юзабилити анализы</a> никак не меньше бесплатных, и нужно хоть иногда делать перерыв в зарабатывании денег. Рассмотрим сегодня сайт «Корпоративный университет ЭКСWord eksword.ru» на котором, мы обратим внимание на систему навигации. <br><p><img alt="юзабилити анализ" src="usability_real_univer/uzability-analiz-sayta.jpg" width="450" height="244"></p><p>Что интересного можно увидеть на этом сайте. Множество раз я писал уже на тему «резиновости» сайтов, и как ни странно это ни к чему не привело. Может лет через 20 все поймут, что пользователь сам может выбрать ширину окна в браузере для просмотра контента и не надо ему навязывать то как видит это разработчик или владелец проекта.</p><p>Существует ошибочное мнение, что если на сайте будет несколько ссылок то пользователь сможет быстрее найти необходимый ему контент. Смею заверить вас дорогой читатель, это не так., пользователь должен сразу понять структуру сайта и только тогда он будет быстрее в ней ориентироваться. Если же посетитель сайта видит одновременно 2-е ссылки на одной странице, имеющие разное стилевое решение но ведущие в одно и тоже место, то он наоборот начинает думать, и это самое плохое последствие которое возможно было создать для посетителя сайта. Не заставляйте пользователя думать, дайте ему возможность найти то ради чего он пришел, свободно перемещаясь по вашему проекту. Ведь на сайт пользователь приходит не для того чтобы думать о чем то, с чем он сталкивается впервые, а чтобы получить продукт – ваш контент. Для посетителя ваш проект не должен превратиться в кроссворд.</p><p><img alt="юзабилити анализ обучение" src="usability_real_univer/uzability_obuch.jpg" width="450" height="244"></p><p>Как мы видим в верхнем меню навигации, которое по всей видимости должно быть основным, находится ссылка на раздел «Корпоративное обучение» и в левом меню навигации находится ссылка на этот же раздел «Корпоративное обучение». В данной ситуации необходимо убрать лишние ссылки которые действительно мешают пользователю понять каким образом можно перейти в раздел «Корпоративное обучение» и чем отличаются эти ссылки.</p><p><img alt="ошибки в области юзабилити" src="usability_real_univer/uzability_error.jpg" width="450" height="244"></p><p>Чтобы пользователь не потерялся разработчики решили несколько раз указать посетителю его местоположение. Давайте рассмотрим немаловажный момент, кто посещает подобные сайты, а конкретно именно сайт «Корпоративный университет ЭКСWord». Сильно сомневаюсь в мнение о посетителях данного проекта 35-50 лет, думаю возрастная вилка это 20-25 лет. Если это действительно так, то мы имеем дело с подготовленной аудиторией, которой нет необходимости 1000000 раз указывать о том, где пользователь находится.</p><p>Более юзабильный вариант решения данной страницы</p><p><img alt="вариант решения юзабильного сайта" src="usability_real_univer/uzability_version.jpg" width="450" height="244"></p><p>или другой вариант</p><p><img alt="юзабилити дизайн сайта" src="usability_real_univer/uzability_version_yes.jpg" width="450" height="244"></p><p>Если прикладывать усилия, всегда можно найти то, или иное решение для удобства пользователя, но никто не хочет на это тратить ни время ни деньги, вот и получаются у нас полу уродливые проекты. </p><p>Возьмем еще один «чудный» в области юзабилити раздел «Полезное для бизнеса», и посмотрим на месторасположение меню навигации, в которой по моему вообще можно потеряться.</p><p><img alt="юзабилити навигация" src="usability_real_univer/main_analiz_design.jpg" width="450" height="244"></p><p>1 Выбран раздел в верхнем меню навигации<br>2 Выбран раздел в левом меню навигации<br>3 Подменю разделов<br>Как должен пользователь догадываться о том, что 3 – это подменю и относится оно именно к разделу «Полезное для бизнеса», просто загадка века.</p><p>Варианов как минимум 2, но я покажу только один.</p><p><img alt="юзабилити дизайн" src="usability_real_univer/design_usability.jpg" width="450" height="244"></p><p>Подменю интуитивно должно восприниматься пользователем, как принадлежащее к какому либо меню, находясь непосредственно рядом с ним, а не в отдолении.</p> http://romver.ru/usability/103.html http://romver.ru/usability/103.html Fri, 25 Sep 2009 02:55:09 +0400 <a href="http://romver.ru/addtext/10/uzability_analiz.html">Юзабилити</a> чудеса на сайтах можно было бы видеть, если кто либо этим юзабилити занимался бы. Вот так вот приходится формулировать фразы, и для поисковика, и для пользователя, тяжело однако всем угодить одновременно. Анализ сайта evroelement-spb.ru на юзабилити, ну совсем делать не хотелось, думаю найду на нем интересные для обсуждения моменты.<br><p>Главную страницу, мы трогать не станем, а перейдем сразу в «Каталог». </p><p><img src="ok24m/uzability-evro.jpg" alt="юзабилити анализ" height="288" width="450"></p><p>Что интересного мы можем увидеть на данной странице? Надеюсь ни для кого не является секретом, тот факт, что поэтапное перемещение в глубь каталога подразумевает увеличение объема выводимой информации о том продукте, или объекте который пользователь рассматривает. В данном случае на сайте мы видим совершенно не юзабильное решение. При клике подробнее пользователю выводится идентичная информация.</p><p><img src="ok24m/catalog.jpg" alt="юзабилити ошибки" height="288" width="450"></p><p><img src="ok24m/all_uzability.jpg" alt="полность информация о юзабилити фильтра" height="288" width="450"></p><p> Есть и другие юзабилити ошибки, не всегда заметные с первого взгляда. По какой причине при клике на «Каталог» пользователь попадает в «Каталог продукции» очень тяжело понять.</p><p>Не стану много описывать, а просто предложу пример решения.</p><p><img src="ok24m/all_usability.jpg" alt="юзабилити анализ сайта" height="243" width="450"></p><p>По какой причине необходимо пользователю указывать многократно его местоположение, если есть возможность создания в меню основной навигации интуитивно понятного элемента.</p><p><img src="ok24m/catalog_filtr.jpg" alt="Вариант не юзабильного решения" height="243" width="450"></p><p>Вариант решения более юзабильный</p><p><img src="ok24m/catalog_error.jpg" alt="юзабилити вариант сайт" height="243" width="450"></p><p>Еще с правой частью сайта надо немного подумать, а то как то тяжело воспринимается фильтрация продукции, по их пренадлежности.</p><p>&nbsp;</p><p>&nbsp;</p><p><br></p> http://romver.ru/usability/102.html http://romver.ru/usability/102.html Fri, 18 Sep 2009 01:02:30 +0400 <a href="http://romver.ru/addtext/10/uzability_analiz.html">Юзабилити</a> – искусство, которому учатся не только пользователи, но и создатели интернет проектов. У нас сегодня на экране юзабилити анализ проекта biz-sites.ru.<br><p>Давайте подумаем о том уровне развития пользователей который сейчас у нас существует в стране. Если вы давно уже являетесь пользователем компьютера и всемирной паутины, то вы сразу поймете суть проблемы. Обычно у рядового пользователя сети интернет возникают огромное количество непреодолимых вопросов которые он никак не может разрешить. И вы как уже продвинутый пользователь можете на работе или дома слышать нелепые на ваш взгляд вопросы от интернет «чайников». Но как ни странно этих интернет «чайников», большее количество чем тех, кто на эти нелепые вопросы может ответить. <br>Создавая сайты, и поместив в него информацию, мы стараемся дать доступ к этой информации большему количеству пользователей. Чем удобнее представлена та или иная информация на интернет проекте – тем больше пользователей будет использовать данную информацию (контент). </p><p>Мы рассмотрим грубейшие ошибки в области юзабилити и поразмыслим над тем, как можно было бы их исправить.<br>Главная страница сайта содержит действительно очень много <a href="romver.ru/addtext/10/uzability_analiz.html">юзабилити ошибок</a>, и я не зря говорил об уровне образования пользователей сети интернет. Пользователь как маленькое дитя, пытается кликнуть на тот объект который ему всех больше интересен.</p><p><img src="mail_ru/web_site.jpg" alt="web site? анализ юзабилити" height="229" width="450"></p><p>Кто попадает на такой проект с целью заказать сайт, однозначно захочет кликнуть на ярлычок с ценой, или качеством или… Ах какое же разочарование, что оказывается не кликабельным данное изображение. Я не говорю о том, что надо все на сайте делать кликабельным. Но если вы создаете сайт, замечу, не интернет магазин, и на этом проекте пользователя первым делом волнует цена, так сделайте ее кликабельной везде.</p><p><img src="mail_ru/uzability_error.jpg" alt="юзабилити ошибка" height="206" width="450"></p><p>Как мы видим, есть список и в конце решение, но вот только проблема в том, что пользователь не понимает, или не видит в надписи «Решение есть» ссылку. Мозг не посылает импульс и рука не кликает по этой надписи. Эта надпись воспринимается не как позыв к действию, а как часть, или элемент дизайна. </p><p><img src="mail_ru/reshenie.jpg" alt="решение" height="206" width="450"></p><p>Помогите пользователю нажать на клавишу, создайте для него все, что ему необходимо для этого</p><p>Сколько раз я уже писал об необходимости разграничения информации на сайте. Нельзя перегружать пространство сайта лишними ссылками, дополнительными меню навигации, повторением основного меню навигации, и так далее и тому подобное. </p><p><img src="mail_ru/sozdanie_sita.jpg" alt="юзабилити анализ сайта" height="306" width="450"></p><p>Сейчас опять тоже самое. На главной странице у нас в меню основной навигации раздел «Тарифы» и в левой контентной части тоже присутствует раздел «Тарифы», в топку такое решение, не юзабильно это однозначно.</p><p><img src="mail_ru/tarif_uzability.jpg" alt="юзабилити тариф" height="406" width="350"></p><p>Но вот это самое страшное, что может увидеть пользователь на сайте. В левой части в разделе «Тарифы», он видит краткую информацию про «Легкий», а в правой части он видит тоже самое но в более расширенном варианте.</p><p>Далее смотрим на варианты дизайнерской мысли.</p><p><img src="mail_ru/zakaz_uzability.jpg" alt="заказ юзабилити анализ" height="349" width="450"></p><p>Я не знаю о чем думал дизайнер, когда рисовал данную кнопку, но стрелка вниз уже лет 10 всем известна как раскрывающийся список, и когда пользователь на нее нажимает, то либо ждет раскрывающегося списка, а попадает в форму с множеством вопросов. Думаю вряд ли кто то захочет заполнять все это. Перерисовывать вариант решения я не стану, но напишу о необходимости 2 кнопок первая заказ, вторая просмотреть примеры сайтов. Как реализовать вариант решения с переходом на примеры сайтов, я описывать не буду, долго это очень, и денег стоит на самом деле. Одним словом, переделать тут многое надо, чтоб поюзабильнее стало. </p><p>А да и некоторые тексты подчеркнуты, а ссылками не являются, тоже не юзабильно.</p><p>&nbsp;</p><p>&nbsp;</p> http://romver.ru/usability/101.html http://romver.ru/usability/101.html Fri, 11 Sep 2009 00:23:09 +0400 <a href="http://romver.ru/addtext/10/uzability_analiz.html">Юзабилити</a> иногда присутствует на сайте, таких сайтов мало, но мне действительно очень радует, что они присутствуют в сети. Когда я встречаю проекты подобные pgraph.ru, то сердце кровью обливается, не зря я работаю в области юзабилити и трачу свое время на <a href="http://romver.ru/addtext/10/uzability_analiz.html" title="бесплатные юзабилити анализы.">бесплатные юзабилити анализы.</a><br>Проект заслуживает реальной похвалы, и такие сайты разбирать по «винтику» мне доставляет истинное удовольствие. Как обычно в нем достаточно огромное количество юзабилити ошибок и мы их будем далее разбирать.<br><p><img src="cnews/uzability.jpg" alt="юзабилити анализ" height="298" width="450"></p><p>На первый взгляд придраться не к чему, особенно когда сама система навигации только на первый взгляд юзабильна.</p><p>Давайте рассмотрим: Выбираем «Изготовление печатей и штампов &gt; Печати»</p><p><img src="cnews/print.jpg" alt="Юзибилити сайта печатей" height="298" width="450"></p><p>А теперь еще раз вернувшись на главную пойдем по пути <br>«Изготовление печатей и штампов &gt; Гербовые печати»</p><p><img src="cnews/print_orther.jpg" alt="анализ сайта" height="298" width="450"></p><p>Думаю разницу в методе реализации можно увидеть сразу. Для тех кто не понял в чем «фишка», могу пояснить. Если на сайте присутствует раздел и на первом этапе он реализован как единый блок, в нашем случае «Изготовление печатей и штампов», то все последующие страницу этого блока визуально должны быть реализованы в одной и той же концепции. Мы можем увидеть, что на разбираемом проекте используется 2 типа вывода информации о предоставляемом товаре.</p><p>По какой причине я именно через главную страницу возвращался, а не выбрал в меню навигации справа? Потому как на данном проекте пользователя заставляют постоянно возвращаться к главной странице. Если с главной странице у нас есть возможность перехода в «Каталог продукции для штемпелеизготовителей» то находясь в разделе «Изготовление печатей и штампов», вы никак не можете попасть в раздел «Каталог продукции для штемпелеизготовителей», что вызывает гигантское неудобство.</p><p>И тут мы находим в разделе «Пластмассовая ручная оснастка». Третий вариант реализации вывода информации по умолчанию.</p><p><img src="cnews/not_uzability.jpg" alt="uzability error" height="298" width="450"></p><p>Когда прекратится у нас обучение пользователей в процессе их поиска того или иного сервиса или товара, остается только гадать. Такое ощущение, что постоянно на пользователях ставят эксперименты вводя все новые и новые «ответвления» в системе навигации, в данном проекте (вывода информации).</p><p>Ладно не буду утомлять читателя рассылки и расскажу еще о навигации используемой в правой части данного проекта.<br>Как выглядит текущий вариант решения</p><p><img src="cnews/main1.jpg" alt="меню навигации" height="208" width="304"></p><p>Если пользователь находится в данном разделе сайта и выбирает в меню навигации другой раздел, он может видеть следующее</p><p><img src="cnews/main2.jpg" alt="not uzability" height="208" width="304"></p><p>Если вы вносим изменения в меню навигации позволяя ассоциировать контентную часть и выделение того раздела в меню навигации в котором он находится, оставив таким же стилевым решением выбор другого раздела. </p><p><img src="cnews/usability_main.jpg" alt="юзабилити меню" height="208" width="304"></p><p>На данном проекте я нашел 23 грубейшие ошибки в области юзабилити, и все равно, рад что такие сайты есть. Давайте делать <a href="http://romver.ru/addtext/10/uzability_analiz.html" title="юзабильные сайты">юзабильные сайты</a></p><p>&nbsp;</p> http://romver.ru/usability/100.html http://romver.ru/usability/100.html Fri, 04 Sep 2009 03:55:49 +0400 <a href="http://romver.ru/addtext/10/uzability_analiz.html">Юзабилити</a> может и нужно кому либо, но только не тем, кто делает подобные flandrin.ru сайты. Видимо по этой причине владельцы проекта flandrin.ru решили почитать мнение сторонних специалистов на продукт созданный теми кому были выплачены денежные средства.<br>Первая страница меня никак не вдохновила, на описание юзабилити косяков проекта, уж слишком они там все однообразные, и я решил сразу перейти в «МАГАЗИН ЭЛ.КНИГ»<p>&nbsp;</p><p>Тут есть о чем потолковать и «почесать язык» об «острые углы» проекта. Если говорить откровенно, то понять что и где и почему на этом сайте, было весьма тяжело, если не сказать еще хуже. </p><p><img alt="юзабилити анализ" src="usability-hh/uzability_drama.jpg" width="900" height="589"></p><p>Надо кардинально все переделать. По какой причине все эти изменения необходимо вносить? Начнем разбор каждого из присутствующих объектов.</p><p>Я не знаю кто будет на этот проект заходить, но писать на нем фразу</p><p><img alt="site" src="usability-hh/site.jpg" width="487" height="34"></p><p>абсолютно бессмысленно. Ну если так хочется указать того кому посвящен сайт, то это можно сделать другим способом. Возьмите в качестве элемента книгу и напишите что либо в таком духе</p><p><img alt="сайт драматурга Фёдора Ландрина " src="usability-hh/fedir.jpg" width="173" height="217"><img alt=" Сайт драматурга Фёдора Ландрина " src="usability-hh/fedir1.jpg" width="173" height="217"></p><p>Было бы желание мыслить более юзабильно, а сами мысли прейдут. Вот только если нет желание делать удобные проекты, то и получаются шедевры подобные рассматриваемому. </p><p>Что это за доска почета.</p><p><img alt="Доска почета сайта" src="usability-hh/doska.jpg" width="541" height="135"></p><p>Можно было бы вместо этих картинок поместить голых женщин, эффект был бы намного сильнее, в отличии от того что отражено в данном блоке. Функциональной нагрузки данный блок не несет, и поэтому необходимости в его присутствии совершенно нет. </p><p><img alt="меню навигации" src="usability-hh/main_navigation.jpg" width="450" height="295"></p><p>Наверное разработчики думали о фундаментальной идеи всего что есть в мире существует в двух видах, точнее в двух экземплярах. Например «каждой твари по паре», или 2 руки и 2 ноги у человека, самое важное наличие двух глаз. Таким образом возможно создать стерео эффект. И в мире появилось новое понятие которое было создано разработчиками данного проекта, звучит это как «стерео меню». Каким образом оно реализуется думаю не сложно понять. Одно меню основной навигации на странице располагается горизонтально, а другое меню основной навигации располагается вертикально. Самое важное во всем этом, полное идентичность двух меню. </p><p>Вот и посмеялись, ладно как не смейся, над этим, а наличие 2 идентичных меню основной навигации, имеющих разное расположение на одной страницу в пределах видимости пользователя, не юзабильно однозначно. </p><p><img alt="link" src="usability-hh/link.jpg" width="37" height="37">А вот такие вот элементы, меня обычно вводят просто в шок. Особенно когда это ссылка на главную страницу проекта.</p><p>Можно еще много писать о том как реализован данный магазин электронных книг, но на это действительно нужно гигантское количество времени.</p><p><img alt="юзабилити анализ" src="usability-hh/uzability_book.jpg" width="900" height="367"></p><p>На примере произведения «Анютины глазки» можно увидеть просто юзабилити хаус. На примере произведения «Анютины глазки» можно увидеть просто юзабилити хаус. Методы с помощью которых данное произведение предлагается пользователю для ознакомления ужасающие. И о них надо писать отдельно. </p> http://romver.ru/usability/99.html http://romver.ru/usability/99.html Fri, 28 Aug 2009 03:31:23 +0400 <p><a href="http://romver.ru/addtext/10/uzability_analiz.html">Юзабилити</a> – то к чему стремятся, но не могут понять как же его достичь. Работая в компании Арт Директором и выясняя то каким образом реагирует население на ту или иную рекламу, я понимаю желание потребителя видеть именно знакомое ему и уже проверенное. Принцип юзабилити о котором я все время пишу – это предоставление возможности пользователю перемещаться по сайту уже известными ему способами. И эти способы перемещения внутри локального продукта, в нашем случаи сайта ligavetra.ru должны быть идентичны. </p><p>Желание разработчиков «городить лес» уже стало мозолить глаза, и <a href="http://romver.ru/addtext/10/uzability_analiz.html">анализируемый на юзабилити</a> сайт тому великолепный пример. А как получаются подобные продукты я расскажу ниже.</p><p><img alt="юзабилити анализ" src="usability-dek/uzabiliyi_liga.jpg" width="450" height="293"></p><p>Внешне обычный сайт ничего привлекательного и ничего отталкивающего не порождает. В том то весь парадокс, что именно ничего он не порождает, и желание им пользоваться тоже к сожалению.</p><p>В чем же скрывается причина отсутствия данного желания, все тот же «лес», который разработчики «нагородили» внутри проекта. </p><p>Любая осмысленная структура имеет какую либо иерархию, и именно иерархия позволяет пользователю перемещаться по ней на подсознательном уровне не вдаваясь в подробности того как это происходит. Если же пользователь начинает думать куда ему дальше идти и где находится «та злополучная ссылка» по которой надо кликнуть, то это точно все не юзабильно. </p><p>На главной странице пользователь может увидеть два меню навигации, какое из них является основным меню навигации а какое дополнительным достаточно тяжело понять. Если они оба имеют статус основного меню навигации, то по какой причине их визуальная реализация на столько сильно разнится.</p><p>Вариант одного меню</p><p><img alt="меню навигации" src="usability-dek/main_navigation.jpg" width="450" height="301"></p><p>Вариант второго меню</p><p><img alt="Анализ сайта меню навигации" src="usability-dek/uzabiliyi_main.jpg" width="441" height="320"></p><p>У меня могут быть только догадки относительно того как был реализован данный проект. В самом начале видимо был создан продукт (сайт) без верхнего меню навигации, но владелец проекта решил, что необходимо на главной странице вывести все. В результате такого решения появилась верхняя меню навигации которая и вносит огромную смуту в данном проекта.</p><p>В каждом подменю верхнего меню есть раздел «Каталог» который выводит на одну и туже страницу, с какого бы вы раздела не зашли «Кондиционеры» или «Осушители». Зачем это было сделано, совершенно не понятно, в левой части так же есть раздел «Каталог и цены» он ведет на ту же страницу, но имя этого раздела другое, вот что в корне не правильно.</p><p>Хорошо я описал ошибку, главное подробно, думаю получилось понятно. Хоть и гигантское количество ошибок и описываю я только их часть, но пройти не написав не могу.</p><p><img alt="навигация" src="usability-dek/navigation.jpg" width="441" height="320"></p><p>Как можно в подменю предоставлять пользователю одновременно два вида сортировки продукции, просто погружает меня в шок. Тут юзабилити не жило уже давно и это очень печально :-( </p><p>&nbsp;</p> http://romver.ru/usability/98.html http://romver.ru/usability/98.html Fri, 21 Aug 2009 20:47:11 +0400 <p><a href="http://romver.ru/addtext/10/uzability_analiz.html">Юзабилити</a> достаточно широкая тема и я ее все же рассматриваю однобоко. В этом могу признаться своим читателям и не буду это скрывать. В виду того, что все анализы которые вы как читатели просматриваете на моем сайте и в рассылке посвящены в основном навигации. В данном анализе я так же не буду уходить от этой темы и расскажу о ней, взяв для примера сайт tatedinros.ru</p><p><img alt="юзабилити анализ" src="usability-web-extremeworld/uzability_rossiya.jpg" height="361" width="450"></p><p>Итак, какие есть недостатки меню основной навигации, с выпадающим списком, о которых я уже писал множество раз. Если вы решили сделать выпадающий список , то не юзабильно заставлять пользователя долго думать и ждать того, что в разделах не содержащих выпадающий список, что либо произойдет при наведении на них курсора мыши. Пользователь при наведении курсора мыши, ждет реакции меню основной навигации. Когда пользователь видит, что не все меню основной навигации содержат выпадающий список, это вводит пользователя в замешательство. Он может подумать о не работающей 100% навигационном меню, может подумать о том, что его браузер некорректно работает с данным сайтом, и еще множество мыслей могут посетить обычного пользователя. Не заставляйте его думать, позвольте ему беспрепятственно ( не задумываясь о пути) достигнуть конечной точки и воспользоваться контентом.</p><p>Миллионный раз говорил и не перестану одну и туже фразу о смысловой нагрузки самих ссылок. Каждый раз приходится в качестве примера рассматривать притчу, или другими словами пример из жизни, видимо другого метода объяснения нет. Давайте рассмотрим такой вариант из нашей повседневной жизни, думаю у многих есть дома окна, и многие понимают схему того как они работают, схема проста до идиотизма. Вы беретесь за ручку, поворачиваете и окно открывается, довольно просто, да? </p><p><img alt="юзабилити окно" src="usability-web-extremeworld/uzability_okno.jpg" height="298" width="429"></p><p>Но вдруг вы приходите на работу и видите вот такое вот окно на котором находятся ручки разного цвета и размера, и какую бы вы не повернули они все выполняют одну и туже функцию, но чтобы это понять вам придется воспользоваться каждой из них в отдельности, или может вместе. Главное вам как человеку необходимо время для понимания того, по какой причине все эти 4 ручки установлены на окно, если предназначены они для выполнения одной и той же функции. А именно просто открыть окно и больше ничего. Думаю если оставить 1 ручку будет все проще и тем кто изготавливает и тем кто пользуется.</p><p><img alt="навигация юзабилити" src="usability-web-extremeworld/navigatsiya-uzability.jpg" height="298" width="429"></p><p>Зачем на странице сайта размещать ссылки ведущие в одно и тоже место. Иногда их количество достаточно велико, я припоминаю когда на одной странице было 7 ссылок ведущих в один и тот же раздел сайта ни именовавшихся совершенно разными именами.<br>В данном сайте мы видим на странице 4 ссылки ведущие в одно и тоже место, а именно раздел "Новости". Будьте проще в интерфейсах и люди к вам потянутся на сайт. На нем будет приятно и удобно и все это юзабилити.</p><p>Побежали дальше по грубейшим нарушениям в области <a href="http://romver.ru/addtext/10/uzability_analiz.html">юзабилити</a>. Тему эту я не останавливаю, а просто продолжаю с другой стороны.</p><p><img alt="новости юзабилити анализ" src="usability-web-extremeworld/news_uzability.jpg" height="298" width="429"></p><p>Как можно было допустить на одной странице вывод абсолютно идентичной информации в виде анонсов, понять тяжело. Неужели так трудно забить переменную в программинге, позволяющую не выводить информацию содержащую один и тот же контент. Мы видим в левой части блок «Прямая речь» и в правой части «Прямая речь». </p><p><img alt="контент" src="usability-web-extremeworld/content.jpg" height="298" width="429"></p><p>Но все же не хочу оставить без внимания очень важный, и очень положительный момент реализованный в меню основной навигации. Выделение того раздела в котором пользователь в данный момент находится, это сильный прогресс для сайтов создаваемых в последнее время. Хотя внутри самого раздела есть недостатки и они ощутимы, но создание возможности пользователю интуитивно понимать его позиционирование на сайте, достойно одобрения.</p><p>&nbsp;</p> http://romver.ru/usability/97.html http://romver.ru/usability/97.html Fri, 14 Aug 2009 20:14:50 +0400 <a href="http://romver.ru/addtext/10/uzability_analiz.html">Юзабилити анализы</a> которые я пишу, имеют более 400 подписчиков, но такое ощущение, что их никто не читает. Каждый раз я пишу об одном и том же, и каждый раз мне присылают сайты на которых все те же самые ошибки.<p>&nbsp;</p><p><img alt="анализ сайта" src="uzability-analiz/uzability_nedvijim.jpg" width="450" height="286"></p><p>Попробую более подробно описать те ошибки которые были допущены, может действительно многие не понимают. Вот проект bn-m.ru<br></p><p>Если вы решили реализовать какой либо проект и вам необходимо дать пользователю максимальное количество информации на странице, то вы как владелец проекта должны понимать следующее. Те страницы на которых выдается достаточно много информации, необходимо реализовать максимально функциональными. Страницы на которых содержится списки или таблицы, необходимо разбивать на блоки, так же строки в таблице необходимо как либо сильнее визуально разделять для удобства прочтения. Содержание таблиц необходимо реализовать таким образом, чтобы у пользователя была возможность максимально удобно этой информацией пользоваться. Юзабильность предоставляемого контента, заключается не только в его внешнем отображение внутри блока, и на сайте, но и в том, каким образом сам контент позиционируется относительно схемы навигации. Именно схема навигации позволяет довести до конечной страницы пользователя.</p><p>Рассмотрим текущий пример.</p><p><img alt="юзабилити сайта" src="uzability-analiz/uzability_nedvijim-site.jpg" width="450" height="286"></p><p>Как мы можем видеть, на данный момент в текущем сайте реализован принцип локального указания пользователю, его местонахождения. Но основная задача показать глобальное позиционирование. Чем они отличаются? – визуальной часть связей, между контентом и системой навигации.</p><p><img alt="меню юзабилити" src="uzability-analiz/main_uzability.jpg" width="450" height="286"></p><p>Мы от локального решения переходим к глобальному, блок с контентом не нуждается в описании и объяснении пользователю к какому разделу он принадлежит. Визуально мы показываем это и интуитивно все становится ясно.</p><p><img alt="юзабилити меню" src="uzability-analiz/uzability_main.jpg" width="450" height="286"></p><p>Следующим шагом, мы уменьшаем акцент поставленный разработчиками на визуализацию разделов, и тем самым увеличиваем внимание на то где пользователь находится в данный момент. Добавляем через строчное выделение внутри таблицы, для увеличения простоты восприятия информации.</p><p>Меню «основной навигации» я не разбирал, и затрагивать его не буду, скажу только об еще одной глобальной проблеме присутствующей на данном проекте. Если бы разработчики задумались о юзабилити, то сразу бы поняли – пользователю не доставляет особого удовольствия крутить каждый раз колесо мышки просматривая «красивую» верхнюю картинку, именуемую «шапка сайта». И решением бы было уменьшение ее в размерах хотя бы на 40-60 % от ее нынешнего объема.</p><p>Таблица вывода и решения позволяющее более четко воспринимать наличие или отсутствие параметра.</p><p><img alt="not uzability" src="uzability-analiz/not_uzability.jpg" width="450" height="244"></p><p>Достаточно легко можно исправить ошибку, не позволяющей более четко и быстро мозгу воспринимать параметры в данной таблице. Для чего ставить значок «+» или «-» когда можно убрать «-» и поставить «+» но реализовать это в более наглядной форме.</p><p><img alt="юзабилити анализ фото" src="uzability-analiz/uzability_foto.jpg" width="450" height="244"></p><p>Если разработчику лень, или заказчик не предусмотрел в бюджете заплатить за генератор маленьких изображений из загружаемых на сайт, есть более просто и юзабильное решение, чем то которое в данный момент присутствует.</p><p>Более юзабильное решение, это когда значок «+» является ссылкой, тогда столбец уже будет называться не «Фото», а «Здание» и при клике мы сможем увидеть само здание. При клике на значок «+» в столбце «Парковка» или «Охрана» - фото парковки и схему охраны, или скажем фото того как охрана производится. Вот наверное и все, что я хотел бы сегодня поведать, в данном <a href="http://romver.ru/addtext/10/uzability_analiz.html">бесплатном юзабилити анализе</a>. Как обычно это только малая часть всех ошибок разбираемого мной проекта.</p> http://romver.ru/usability/96.html http://romver.ru/usability/96.html Fri, 31 Jul 2009 19:04:23 +0400 <a href="http://romver.ru/addtext/10/uzability_analiz.html">Юзабилити</a> всегда волнует только тех, кто переживает за свой проект и хочет достигнуть предоставления качественного сервиса пользователям в сети интернет. <br>Почему мне хочется постоянно написать о том, как надо делать интерфейсы более удобными, и притом бесплатно – не знаю. В данном <a href="http://romver.ru/addtext/10/uzability_analiz.html"><span style="font-weight: bold;">бесплатном юзабилити анализе</span></a> хочу распутать клубок который очень сильно намотали разработчики во время создания проекта ligasluha.ru. Напоминаю для вновь прибывших из 424 подписчиков: разбор сайта осуществляется мною исходя из моего желания и затрагивает только то, что мне и читателям будет интересно и может составлять очень малую часть всех ошибок в области юзабилити на разбираемом проекте. Платные анализы проводимые мною, с описанием 90% ошибок проекта, я не публикую в сети интернет, их прочитать могут только владельцы сайта и разработчики. <span style="font-weight: bold;"><a href="http://romver.ru/addtext/10/uzability_analiz.html">Бесплатные юзабилити анализы</a></span> являются примерами того, как происходит разбор элементов с точки зрения удобства. Большинство ошибок я оставляю без описания.<p> Возвращаясь к сайту разбираемому мною на предмет <a href="http://romver.ru/addtext/10/uzability_analiz.html">юзабильности</a>, перейдем сразу в раздел «Слуховые аппараты &gt; Типы слуховых аппаратов». Пользователь видит вариант решения меню основной навигации.</p><p>В FireFox 3 вообще ничего не понять</p><p><img src="usability-amf/uzability_main.gif" alt="юзабилити анализ" width="344" height="237"></p><p>Как пользователь должен понять где он находится тяжело, поэтому приходится городить «лес» из "хлебных крошек", "названий разделов" и так далее. А можно проще реализовать, указав где именно пользователь находится в данный момент, и проблема с навигацией и позиционированием пользователя будет решена.</p><p><img src="usability-amf/uzability_variant.gif" alt="Юзабилити тестирование" width="344" height="237"></p><p>В I Explorer 8 по другому</p><p><img src="usability-amf/uzability_print3.jpg" alt="юзабилити меню" width="348" height="257"></p><p>Но это тоже неправильный вариант реализации, не юзабильно, потому как выделение текущей позиции (выбранного раздела) должно совпадать с фоном того контента который пользователь воспринимает. Либо визуально можно отделить это тенью, показав что контент находится в <a href="http://romver.ru/my/260.html">мультислойности</a> на более близком уровне к пользователю чем весь остальной сайт.</p><p><img src="usability-amf/uzability_analiz.jpg" alt="юзабилити мультислойность" width="348" height="257"></p><p>Переходим к другой не маловажной проблеме – верстка. Так по какой причине я обеими руками за «резиновые» сайты? Самая главная причина – это юзабильность. Не вы говорите пользователю какого размера по ширине должен быть читаемый им текст, а он сам может выбрать его. </p><p>На данном сайте у нас имеется 3 колонки и каждая из них "зашита" в определенный разработчиком размер. Пользователю не позволяется увеличить размер выводимого контента при мониторах больше чем 1024. Пусть у пользователя выводится длинная вертикальная «простыня» и он скролит до смерти весь контент, но «резиновый» сайт делать, ни в коем случае не будем. Когда закончатся «прибитые» в размер сайты я не знаю, но однозначно при таком подходе юзабильность таких проектов неустанно движется к нулю. </p><p>&nbsp;</p><p><img src="usability-amf/uzability_sluh.jpg" alt="юзабилити сайта" width="344" height="237"></p><p>Парадоксально даже такое </p><p><img src="usability-amf/uzability_print.jpg" alt="юзабилити ошибки" width="159" height="141"></p><p>Мы видим, что текст не умещается, при пустом пространстве с правой и левой стороны. Либо необходимо реализовать в виде изображения, или просто нужен «резиновый» вариант верстки.</p><p>Лучше вместо этого </p><p>Главная &gt; Слуховые аппараты &gt; Производители слуховых аппаратов &gt; Widex </p><p>реализовать ЧПУ нормально, а не так: /ligasluha.ru/index.php?option=com_content&amp;task=view&amp;id=125&amp;Itemid=73</p><p>Не будем скрупулезно разбирать дальше не юзабильное меню навигации, там ошибок еще много, более 20. А вот зачем заставлять пользователя каждый раз думать предлагая ему новый вариант (схему) реализации вывода – не могу понять.</p><p>Как мы видим из предыдущего раздела, структура реализована в виде дерева, по какой причине в разделе "Каталог аппаратов" было задумано воплотить мысль вывода по другому не могу понять.</p><p><img src="usability-amf/catalog.jpg" alt="Это как у нас в военное и послевоенное время, чтобы запутать своих и врагов тоже." width="348" height="257"></p><p>Это как у нас в военное и послевоенное время, чтобы запутать своих и врагов тоже. Хороших вам сайтов в жизни.</p>