Так делать НЕЛЬЗЯ!
Авторский софт SMM
http://www.megaobzor.com/soft.html
Автор: Nikitar
http://rusforumz.com/
В этой рубрике мы будем описывать различные сайты на просторах РуНета, которые имеют в дизайне ряд ошибок, какие именно я здесь их и буду перечислять. То есть мы разберём их дизайн по полочкам, заглянем в код и дополним всё это дело привлекательными (или не очень) скринами.
Сегодня я рассмотрю не целый сайт, а лишь один его раздел. Просто сайт очень большой, а нам заказали (как-то угрожающе звучит) только один раздел. Это раздел большого портала МегаОбзор.ком. Ну не буду ему здесь рекламу устраивать, хотя и так получится :)
Сайт называется, то есть раздел называется "Авторский софт SMM". Что такое SMM, я так и не понял, может инициалы чьи-то? Или фирма так называется какая-нибудь. Что выпускает этот авторский софт? В принципе, ответ немного ясен из вопроса: скорее всего софт. Я проверил - точно софт. Софт мелкий, не очень серьёзный, но всё-таки полезный немного. Софта немного, прямо скажем мало, но он авторский, поэтому всё в порядке, это не софт-портал.
Теперь давайте перейдём собственно к самому сайту. Итак мы на главной странице этого раздела. На скриншоте вы можете видеть её, красным помечены ошибки и недочёты. Пожалуй, как всегда, начнём с самого верха, то есть с адресной строки. Адрес у РАЗДЕЛА самый простой - "soft.html". Советую сделать поддомен, чтобы было soft.megaobzor.com. Так солиднее, что ли, будет. А то просто страница и не скажешь, что это раздел "Авторский софт".
Теперь о меню сверху. Да, я забыл сказать, что на всём сайте совершенно другой дизайн. А у этого раздела свой, оригинальный, дизайн. Зачем это делалось - не знаю. Верхнее меню сделано в виде закладок. Выглядит ничего, только вот зачем оно нужно? Лучше сделать там меню разделов программ или что-то в этом роде, можно названия программ написать, раз их не так много. А эти закладочки ведут на совсем другие страницы, которые к софту отношения не имеют, и самое главное, пройдя один раз по такой закладке, не вернёшься сразу назал (предположим, кнопку Назад отменили :)), потому что дизайн другой на портале и нужно заново разбираться, что, где и зачем.
Лого справа - хм..обычно слева лого. И опять эта аббревиатура, непонятная. Общее впечатление такое от текста, что отступов не существует. ИЛи автор просто забыл про них. Нет отступа стандартного браузерного, и других тоже. Текст слева начинается прямо из границы моего браузера. От этого надо уходить. Отступы должны быть, в книге они есть, в газетах и журналах есть, а здесь нет. Непорядок. Тоже самое можно сказать про отступ между текстом и правым вертикальным меню. Отступа просто нету. Очень неаккуратно из-за этого выглядит.
Ссылка "Узнать подробнее". ссылка хорошая, только почему-то при наведении на неё появляется линия, которая подчёркивает слово, и дальше тянется на 4-5 сантиметра. В принципе, понятно как она появилась. Наверняка, между самой фразой и закрывающим тегом </a> есть лишние пробелы, которые необходимо удалить.
Что неправильно на этой странице:
1. Название страницы. Если вы решили сделать на сайте раздел, то сделайте его грамотно, особенно если это портал. Лучше всего сделать поддомен с таким же названием, вместо обычной страницы. Когда оправдана страница? Когда весь софт, предположим, собран на одной странице и ведёт прямо на скачивание, если же есть дополнительное меню, то чтобы не запутаться лучше как-то оградить это. Либо поместить все страницы в папочку с названием раздела. Но ещё раз повторю, что оптимальный вариант - поддомен, тогда и пользователю будет понятно, где он находится и как попасть на основной портал
2. Пункты меню. Не делайте пунктами меню то, что не относится к контенту раздела, в данном случае к софту. Вот если бы там были такие пункты меню, как: скрины, новости (софта), форум только по софту, то тогда можно было. А те пункты, что сейчас должны быть просто ссылками где-нибудь внизу.
3. Отступы от краёв. Нельзя забывать про отступы. Они должны быть у всего: у текста, у картинок, у меню. Можно их делать разными способами. В таблицах с помощью параметров cellpadding или вложенной таблицы, если это абзац, то можно задать через CSS параметр text-indent, если картинка, то vspace и hspace, если другая ячейка то cellspacing, Много разных способов.
Теперь хотелось бы уделить особое внимание подвалу страницы. Там тоже есть что пообсуждать. Во-первых, я же попытался побродить вообще по сайту, пардон, по разделу, чтобы понять какие программы там есть, что они представляют из себя, даже скачал парочку. Но вот в чём загвоздка: по-видимому, программы, которые представлены в меню ещё не созданы, вернее некоторые созданы, а некоторые только планируются, потому что только первые четыре пункта меню ведут на программы, остальные на новости сайта. То есть как бы намёк - смотрите в новостях, когда они выйдут. Надеюсь, что просто ссылки битые, которые надо исправить, потому что если действительно всё так, как я расписал, то это никуда не годится. Но переносит на главную страницу почему-то.
Смотрю ниже - новости. Но обычно новости даются с ссылкой на то, что появилось новое. Например, "Добавлен новый скин" - эта надпись должна вести на скины программы, чтобы все могли сразу убедится, что вот, действительно, добавлен, не обманули. А так просто текст - прочитать и забыть. Интернет тем отличается от газет и телевидения, что есть интерактив, так не отбирайте его у пользователей.
Внизу страницы баннеры программ. Тех трёх программ, которые открываются. По-хорошему, их место на верху страницы, а не внизу, чтобы все видели что есть в этом разделе хорошего. А баннер-ссылку на полезный форум можно и убрать. Между подробнее и баннерами на программы слишком маленький отступ (смотрите скриншот). И ещё. Маленький недочёт. Люди ни за что не найдут Simple Mail, если пройдут по ссылке, которая рядом с баннером, потому что она ведёт не на страницу программы, а на главную страницу сайта. Всё дело в том, что ошибочно прописан адрес, добавлены кавычки (случайно) в конце адреса, их надо убрать и всё будет нормально. Ладно, уж, тогда ещё один маленький недочёт. Нам удалось наконец-то добраться до Simple Mail'а. Но версия почему-то в рекламе намного ниже, чем на странице, надо бы исправить.
Ошибки на странице:
1. Проверка на битость Обязательно проверяйте ссылки на битость. Лучше вручную побродить по своему сайту, переходя туда-сюда по ссылкам, потому что битые ссылки - это то, что очень сильно раздражает посетителей. Они надеятся увидеть какую-то информацию, которую вы расписали и разрекламировали, а ничего не получают, и вы ничего не получаете, то есть вред для обеих сторон.
2. Ссылки в новостях. Ссылки в новостях необходимо делать, так как новости на что-то указывают, и желательно провести посетителя к новинке ссылкой.
Ну и в самом конце я решил ещё сходить на какую-нибудь страницу и зашёл на страницу скинов к программам. Скины очень красивые, правда. Но вот опять юзабилити, маленькие недочёты. Ладно-ладно, про отступы уже говорить не буду, всем понятно. Но вот таблица: слева превьюшка скина - справа описание его. всё хорошо, кроме одного: структуры таблицы. На самом верху, где должны быть названия столбцов, ничего нету. Ну что же, не беда и так разберёмся. Но пародоксально. Дальше появляются названия столбцов. Сначала один раз, потом ещё и ещё, далее после каждого скина написано слева - Скин, справа - Информация. А потом то есть, то нет этой надписи. Нужно уже определиться. И мой совет - вообще убрать эти надписи из таблицы. И так понятно что где. Далее, по самой таблице. Цвет границы лучше изменить и убрать объёмность.
Общее впечатление от сайта: много мелких недочётов, на которые обычно никто не обращает внимание, зато если обратят - то держитесь крепче, мало не покажется. Я сначала тоже думал, что всё гладко, но оказалось не совсем, дизайн менять не надо, но над юзабилити поработать надо.
Закончен ещё один обзор, ждём новых сайтов для оценки
Вы тоже можете написать мне какой сайт вы бы хотели чтобы я оценил и написал такой подробный обзор. Это может быть ваш сайт или сайт кого-нибудь другого. Убогий и нет. страшный и приличный, ужасный и симпатичный, все они будут жестоко раскритикованы. Не боитесь жёсткой критики? Тогда пишите название сайта на странице обратной связи и не забудьте указать в теме: «Сайт на заценку» или что-то в этом роде.
Ждём-с. Ну, а сейчас прощаюсь и удаляюсь. Nikitar.
Уважаемые авторы – создатели сайтов, которые я подвергнул критике. Ничего в этом нет плохого, так как ссылка на ваш сайт стоит, и многие захотят его посетить. Если вы всё же думаете, что данный обзор ущемляет ваши права, то не думайте об этом, так как он никак и ничем, а также никогда не нарушит ваши права, так как это здоровая и объективная критика.
PS. Если вы обнаружили в моих текстах ошибки - не расстраивайтесь, бывает. Просто мысленно наорите на меня и прочтите мне мораль про нормы правописания, а затем с чистой совестью продолжайте читать :) А если по правде, то пишу я очень быстро, поэтому на запятые времени нету, а все грамматические ошибки не более, чем опечатки, точнее очепятки, то есть пяткиоч, блин, запутали, короче, всё... Пока!
