![[info]](http://l-stat.livejournal.com/img/userinfo.gif?v=92.1){kind=small}
Мы решили, что вообще-то книжку можно и подарить кому-нибудь из наших читателей, поэтому намерены объявить конкурс — «Юзабельный вебпроект».
Мы будем оценивать юзабилити молодых сайтов, стартапов и интернет-магазинов, а победитель получит практическое руководство по продвижению своего проекта (см. картинку).
Условие для участия всего одно: сайту не должно быть больше года. Заявки принимаются в комментариях к этой записи, а также по почте: smm@webprojects.ru. Срок окончания приема заявок — 12 июля.
Все участники конкурса получат комментарии по юзабилити их сайтов,
- первая пятерка сайтов получит книгу «Поисковая оптимизация»,
- первая тройка получит бесплатные аудиты юзабилити с конкретными рекомендациями,
- и, наконец, владелец наиболее удобного и дружелюбного пользователю сайта выиграет seo-аудит от нашей компании.
2010-05-27 03:23 pm (UTC)
ух ты, из Беларусии сайт!
(Anonymous)
2010-05-27 04:35 pm (UTC)
Мы внимательно следим за развитием событий у Вас.
Re: ух ты, из Беларусии сайт!
2010-05-27 05:57 pm (UTC)
Контроль сокро только начнется, вот тогда будет веселуха. Ждем, надеемся, неустанно молимся.
2010-05-28 04:01 pm (UTC)
— На странице регистрации отпугивают выделения текста цветом и размером.
— Классная идея с банком голосов. Но сам пункт меню «Озвучка» непонятен, хоть он и выделен среди остальных, интуитивно относишь его к пунктам ниже (актеры и т.д.). Непонятно, что это, услуга студии, предложение для заказчиков, предложение для исполнителей.
— В каталоге исполнителей лишний клик для выбора Мужчины/Женщины. А если мне нужны и те, и те?
— В каталоге хочется иметь возможность фильтровать исполнителей по возрасту, по городу.
— Вот я нашел нужного исполнителя. Что делать дальше? Нет никакой кнопки типа «Заказать актера» (которая могла бы вести на страницу контактов или страницу регистрации).
— Открывающиеся окошки с участниками — не самая лучшая идея, на мой взгляд. Их в закладки не занести. Так что лучше отдельную страницу.
— Непонятно, почему видео-работы вынесены на отдельную страницу, и их нет на странице исполнителей. Под роликом указаны ID и имя, но нет ссылки. Видео идут подряд, без какой-либо сортировки.
— Не догадался, что за названием «Партнеры» скрываются фотографы и т.п. Кажется, что это должны быть спонсоры и информационные партнеры проекта. Для фотографов и стилистов лучше выделить пункты меню по аналогии с актерами. Если мне нужен актер, мне, скорее всего, нужен и фотограф.
— Зачем отдельный раздел «Галерея»? Все это есть в каталоге участников.
— Самое главное: вам нужен дизайн. Мне тоже нравятся готические шрифты, но здесь они неуместны. Цветовое решение, бэкграунд, дама с лицом на затылке — все это отпугивает. Вот юзерпик у вас стильный. Сайту пошло что-нибудь в том же духе.
2010-05-28 08:07 pm (UTC)
Кое что из вопросов объяснимо, над кое-чем и правда стоит подумать.
Спасибо!
2010-05-27 04:29 pm (UTC)
Юзабилити - наше все! :) Интересно услышать ваше профессиональное мнение и критику
2010-05-28 08:18 pm (UTC)
2010-07-29 01:26 pm (UTC)
См. http://blog.webprojects.ru/2010/07/29/s
2010-08-03 10:40 am (UTC)
2010-05-27 04:40 pm (UTC)
2010-05-28 08:46 pm (UTC)
В текстах рекомендую использовать заголовки, ключевые слова жирным лучше не выделять (тут SEO приносится в жертву юзабилити), сами тексты надо сокращать втрое, иначе они трудны для восприятия.
В разделе услуги мне как простому пользователю непонятно, чем miniDV отличается от DVcam. Лучше писать исходя из результата, а не средств.
Услуги - то, что заказываю, не соответсвуют тому, за что плачу (в разделе Цены).
На главной хотелось бы видеть в первую очередь красивую фотографию молодоженов, а не нарисованную женщину с камерой.
Еще есть момент, что из-за выравнивания страницы по левому краю, на широкоформатном мониторе полэкрана пустотые. Может добавить меню с услугами слева?
2010-05-28 08:52 pm (UTC)
это по вашему коментарии по юзабилити ?? это коментарии по оформлению сайта , юзабилити это другое
2010-05-28 09:24 pm (UTC)
Ссылки при поверхностном осмотре, вроде, все ведут куда надо, активные/неактивные вкладки отображаются верно. Если бы заметил, что что-то работает не так, как должно, об этом написал бы тоже:)
Кстати еще заметил, что страница мигает, когда нажимаешь на стрелочку влево/вправо при просмотре фотографий.
Я написал о моментах, которые снижают удобство пользования сайтом.
Например, длинный текст оборачивается долгим скроллингом.
К счастью, вы вольны делать все, что сами посчитаете нужным:)
2010-05-27 04:55 pm (UTC)
Вот мой сайт http://www.permtourism.ru
2010-05-28 09:08 pm (UTC)
Какова цель сайта? Привести посетителя в турфирмы? Или в Пермь вообще? Или чисто справочная информация?
«Справочная информация» лучше заменить на «Статьи для туристов» или «Советы для туристов».
В разделе новости я делаю лишний клик, выбирая категорию. Лучше выводить новости лентой, а категории реализовать в виде тегов (или пометок в заголовке).
«Каналы новостей» — непонятно. Предлагаю объединить раздел с новостями. Категории опять же реализовать в виде тегов, плюс можно добавить тег «ЖЖ». И надо дать понять ЖЖ-пользователям, что в разделе Блогосфера - импорт из ЖЖ, чтобы они сразу же добавили журналы в друзья. Например, разместить жж-шного человечка и имя ЖЖ-юзера со ссылкой на журнал. Или просто давать ссылку на оригинал вида ***.livejournal.com/***.html
Новости туризма, Новости культуры, Спорт - содержательные заголовки (лучше - Туризм в Перми, Культура Перми, Спорт в Перми); Новости, Блогосфера - нет.
То, что все записи называются статьями - сбивает с толку. Помимо заголовков в разделах лучше выводить также небольшой кусок текста, например, первый абзац записи, или ограниченное число символов.
Непонятно, чем отличается Туристическая инфраструктура от Туристических ресурсов. Лучше объединить, и сделать более понятную иерархию (основанную на целях туриста): где остановиться, где отдохнуть, где заняться спортом, что посмотреть (взять из каталога статей) и т.д.
Меню лучше поместить слева, на привычное для пользователя место, то, где оно сейчас - мертвая зона.
Непонятно, чем отличается Справочная информация от Каталога статей. Лучше объединить и сделать понятную иерархию.
Меню справа и меню сверху в чем-то друг друга дублируют, в чем-то нет, это сбивает с толку. Лучше оставить только одно.
Общая рекомендация: руководствоваться целями туриста, для простоты можно составить список вопросов, которые задает себе человек, который планирует поехать в Пермь, и группировать эти вопросы по категориям.
2010-05-27 05:25 pm (UTC)
2010-05-28 09:14 pm (UTC)
2010-06-11 03:55 pm (UTC)
2010-06-13 07:35 pm (UTC)
2010-06-22 06:03 am (UTC)
2010-06-22 01:38 pm (UTC)
— Цветы на фоне затрудняют чтение.
— Текст в шапке нечитаем (шрифт с курсивом, искаженный (плоский) текст). Кроме того, телефоны должны быть в виде текста, а не графики.
— «Главная страница магазина» — лишняя.
— «Способ доставки товара зависит от способа оплаты». Можно долго медитировать на эту фразу и этот раздел в целом. Клиент сначала выбирает способ доставки, а потом способ оплаты, а не наоборот, так что зависимость противоположная. Способы доставки и способы оплаты должны быть перечислены отдельно друг от друга, с заголовками.
— «Время работы» — лишний раздел. Эту информацию лучше перенести в «Контакты».
— Меню «Информация» имеет смысл перенести наверх, сделав горизонтальным.
— Слишком много подразделов. Может, шелк вынести в отдельный раздел? Или все объединить в один раздел «Материалы для валяния».
— Стоимость сливается с заголовком. Имеет смысл расположить информацию компактнее (привести картинки к стандартному размеру, и сделать текст справа от картинки).
2010-05-27 06:10 pm (UTC)
Сайт http://1024x600.ru - с обоями для нетбуков
2010-05-28 09:41 pm (UTC)
Очень некомпактно идут картинки со ссылками на разделы. Вариант - размещать по три в строке.
Надписи под картинкой.
— «Содержит: 6 элементов (всего 56 элементов)» — непонятно, сколько в итоге обоев в разделе, 6 или 56. Это число в идеале сделать графическим элементом поверх самой картинки. Либо просто одно число без текста, рядом с картинкой.
— Дату лучше убрать.
— Количество просмотров ненужное, есть же раздел «Самые популярные».
Карта сайта внизу - лишняя, лучше сделать меню слева. Галерея случайных фоток выглядит как реклама, лучше сделать горизонтальную ленту, вверху, еще лучше - если бы она сама прокручивалась.
Вариант: разделы недавнее, популярное сделать в виде трех горизонтальных лент или столбцов, а разделы реализовать только в виде меню слева.
Раздел случайные в этом случае можно вообще убрать.
2010-05-28 02:01 am (UTC)
буду рад комментариям от профессионалов:
www.rotor-it.ru
2010-05-29 08:18 am (UTC)
— Шапка присутствует только на главной.
— Блоки никак друг от друга визуально не отделяются.
— К чему относится «Далее...» и ссылка «Отзыв от Ротор Хаус» под блоком новостей?
— На всех страницах кроме главной справа есть блок (также визуально неотделимый от всего остального) с какой-то лентой записей. Что это за записи, из какого они раздела, как называется этот блок — неизвестно. Если перейти по ссылкам, можно, например, попасть на отзывы клиентов (хлебные крошки указывают, что мы находимся в Блоге, но если зайти в Блог, там такой записи нет). При этом в блоге есть отдельные записи для каждого отзыва, дублирующие запись со всеми отзывами вместе.
— На главной есть блок Аналатика. Если перейти по ссылке из этого блока, мы оказываемся неизвестно в каком разделе. При этом эту же статью можно найти в Материалах → Публикациях. (Хотя хлебные крошки говорят, что раздел называется «Доступ к знаниям»).
— Карта на главной нечитаема.
— Большая часть страниц в разделе Услуги пуста.
— Не указана стоимость услуг.
— Страницу Ресурсы лучше переименовать в Ссылки, так понятнее.
— В разделе Компания слишком много страниц, глаза разбегаются. Либо сделайте названия страниц в этом разделе более читаемыми, сократив их до одного слова. Либо сократите число страниц (например, видение будущего — лишняя страница, цели и задачи можно объединить со страницей Компания и Командой победителей.
— Услуги не классифицированы. Нужно привести их к общему стандарту (варианты: для кого (для аудиторов), суть услуги (Ай-ти консалтинг, электронный документооборот), средства решения проблем (Поставка 1С-систем)). Заказная разработка — слишком общее название, неясна суть. Распределенные филиалы — подтип другой услуги?
— Захожу в раздел Лучшие клиенты, не вижу ссылок на отзывы.
Общая рекомендация:
— для каждого раздела должно быть только одно название,
— на каждой странице пользователь должен знать, где он находится,
— ключевые элементы, заданные на главной должны сохраняться и на остальных страницах.
2010-05-31 04:46 am (UTC)
Будем править по списку.
2010-05-31 08:13 am (UTC)
Только учтите, эти комментарии не являются полноценным аудитом. Например, не было проверки в разных браузерах. Только первичный осмотр.
2010-05-31 09:29 am (UTC)
все равно, очень полезно! Спасибо.
2010-05-31 10:01 am (UTC)
2010-05-28 06:40 am (UTC)
2010-05-29 10:59 am (UTC)
Замечания:
— Не хватает иконки сайта.
— Страница «О студии» обрезана, в ней нет подвала, как на других страницах. Возникает ощущение, что на странице произошла ошибка.
— Страница Медиа пустует. Если там просто еще ничего нет, хорошо, если будет надпись о том, что там появится («Здесь мы будем выкладывать видео- и аудио-записи, сделанные в нашей студии»).
— По ссылке «Схема проезда» не хватает самой схемы проезда в графическом варианте. (Можно взять код с тех же Яндекс.карт.)
— Раздел «Сообщение» лучше назвать также как на главной.
— В раздел фото можно попасть только с главной.
— На главной заголовки новостей налезают на дату (Firefox 3.6.3), непонятно, к какой новости относится какая дата и какие комменты.
— На главной ссылку «Читать о студии дальше» лучше поместить ближе к тексту описания, саму ссылку можно сократить до «Подробнее» или «Дальше».
— Ссылку на ВКонтакте также уместно добавить в раздел Контактов.
— Ссылку на ВКонтакте на главной можно сделать более заметной и выделить отдельном блоком.
2010-07-29 01:27 pm (UTC)
См. http://blog.webprojects.ru/2010/07/29/s
2010-08-03 10:40 am (UTC)
2010-05-28 08:17 am (UTC)
наверное сразу книгу, чего уж мелочиться. на данный момент у меня нет своего сайта, потому как начал осваивать данную область совершенно недавно, чтобы быть точным около 2-ух месяцев.
Работаю в начинающей дизайн-компании копирайтером-обучающийся дизайнер. времени, конечно же, не хватает. Но, всегда хотел тяготел к творческой работе, и черт с ними, этими красными глазами))
перечитал, такое ощущение как-будто выпрашиваю эту книгу. Да, таки да, я ее выпрашиваю. Потому как информации, на первый взгляда, в сети достаточно много и на любой вкус, но как обычно в ведре лапшы только одна пельмешка.
Купить? Купить проще всего, а вот получить книгу с , к примеру, авторафом автора очень хотелось бы))
2010-05-29 11:12 am (UTC)
2010-05-29 03:40 pm (UTC)
ну все, теперь собственно я хочу эту книгу еще больше))
2010-05-30 05:13 pm (UTC)
Если вашим френдам это может быть интересно, вы размещаете в своем блоге анонс конкурса. Ваши френды отмечаются у вас в комментах, и у нас. Если кто-то из тех, кого вы привели, входит в первую пятерку, то вы тоже получаете книгу. Идет?:)
2010-05-31 08:55 am (UTC)
Снимайте каску, я хочу видеть этот моск)))
Кстати, если вам не сложно дайте ваши комменты на:
http://sclass.odessa.ua/
Излишнем будет говорить, что мы еще работаем над ним, вы сами все увидите, когда пройдете, если пройдете конечно по ссылке))
2010-05-31 10:00 am (UTC)
И как-то что ли с места в карьер копипаст не хорошо:) В кавычки что ли поставьте цитату, или небольшое вступление напишите.
2010-05-31 10:50 am (UTC)
2010-05-31 11:16 am (UTC)
2010-05-31 11:43 am (UTC)
буду надеяться, что кто-нибудь из моих умников и умниц откликнется)
2010-05-31 12:28 pm (UTC)
Идея с авто-скроллингом прикольная, но по факту превращается в кошмар: ссылку на раздел не поставить + вид скроллящегося экрана может отпугнуть, даже если скроллишь не сам.
— Не работает ссылка «подробнее» под новостью, она ведет на http://sclass.odessa.ua/news/ где ничего нет.
— Вместо контактов какая-то картинка. Не понял, как связаться со студией.
— Услуги. Такой большой текст (например, эпос про Веб-дизайн) никто не будет читать. Даже того текста, который на главной в разделе Услуги — слишком много. При том, что нет самого главного — цен.
— Портфолио. Картинки без ссылок. На странице каждого проекта - одно предложение, и опять же никаких ссылок на сами сайты. Нужны скриншоты, ссылки, список проделанных работ. тайтл?
— Блог без блога. Комменты запрещены, на главной блог выводится в неудобоваримом виде, ссылки «подробнее» ведут не на страницы записей, а на страницу блога. Текст в блоге нечитаемый из-за отсутствия разбиения на абзацы, заголовков, ката.
2010-05-28 09:15 am (UTC)
Интересно мнение :)
2010-05-29 11:45 am (UTC)
Замечания:
— Мало информации о продукте. Страна и фирма-производитель, состав? Фото и описание в одну строчку вызывает недоверие.
— Вот здесь неактивная ссылка «Посмотреть карту проезда».
— Сортировка товаров по рейтингу не работает, потому что нет оцененных товаров. Значит, надо оценить какое-то количество.
— При первой покупке нужно вводить имя-фамилию два раза. Лучше сделать единую форму с галочкой «создать постоянный аккаунт».
— В кофейной посуде френч-пресс идет под названием «чайник».
— Банки для чая и кофе почему-то только в чайных принадлежностях, но не в кофейных. Я бы их объединил с подарочной упаковкой в разделе «Для хранения чая и кофе».
— Чайники стоит объединить в один раздел с подразделами (стеклянные, чугунные и т.д.).
— Ссылка «Клуб ШантиЧай» не работает.
— В контактах не хватает карты.
— Информация об акциях запрятана в малопосещаемый, как правило, раздел «О компании».
— В разделе «Оплата и доставка» нет собственно пункта «Оплата» с указанием, какие виды оплаты принимаются. Только наличные?
— В 2 из трех новостей нет ссылок на новые поступления.
— «Кое-что о чае» можно было бы сделать пунктом верхнего меню, слева внизу его не найти.
— Блог дублирует Новости. Надо выбрать что-то одно.
— Верхнее меню лучше сделать одной строчкой, так оно выглядит как мешанина.
2010-05-28 12:19 pm (UTC)
книга заинтересовала:))
2010-05-29 11:59 am (UTC)
URL раздела http://positiveland.ru/about/ не соответствует его названию — «thx». Само название непонятное для рядового пользователя. В самом разделе непонятно кого за что благодарят. Сайдбар на этой странице криво отображается (белый текст по светлому фону).
Непонятен заголовок в сайдбаре — «Наши гости». Логичнее — «Наша кнопка». В идеале, если бы код сам по себе выделялся при клике на него.
Можно ли подписаться на блог по RSS, по email? Может, в ЖЖ или твиттере? Ссылка на RSS незаметная и для незнающих английский непонятная (т.к. их две). Для такого типа сайтов возможность подписаться на обновления через что угодно - самое главное.
2010-05-30 01:50 pm (UTC)
2010-05-30 05:33 pm (UTC)