Бизнес / Порка web-k.ru или несколько мыслей на тему дизайна
Warning: in_array() [function.in-array]: Wrong datatype for second argument in /var/www/dekus/data/www/dekusworld.ru/wp-content/plugins/jetpack/modules/sharedaddy/sharing-service.php on line 425
Warning: in_array() [function.in-array]: Wrong datatype for second argument in /var/www/dekus/data/www/dekusworld.ru/wp-content/plugins/jetpack/modules/sharedaddy/sharing-service.php on line 427
Вчерашняя история с разбором полетов о том, как делать сайты, сегодня получила довольно интересное развитие. По просьбе владелицы ресурса я сейчас немного займусь критиканством и попутно поясню на что именно я обращаю внимание при оценке веб проекта. Поехали.
Любой веб проект состоит из двух равновеликих составляющих — внешнего вида и удобства использования. Как я уже писал вчера внешний вид проекта в 90% случаев вторичен. (в частности вчера в ридере видел грандиозную фразу: «На блоги с красивым дизайном больше подписываются»). Так вот фраза хуйня. Информационное наполнение рулит.
Каждая деталь сайта должна быть не просто красивым изображением, но функциональным наделенным смыслом элементом.
Давайте перейдем собственно на web-k. Исходим из того, что это сайт дизайнера частника, работающего с узкой аудиторией владельцев питомников для животных и продающего им сайты.
Сходу упираемся в картинку с текстом «Дизайн для вашего сайта Виртуальный танец» и глазом в центре экрана. Первая мысль: Саурон среди нас — ВК рулит. При ближайшем рассмотрении выясняем что картинка сверху обрезана по непонятным причинам, буквы видны хуево, если смотреть на экран больше минуты глаза начинают уставать от красного. Хули дальше делать нииипанятна.
Как человек опытный я предполагаю что попал на экран входа. К сожалению экран входа тупая и бессмысленная штука для любых сайтов кроме онлайн книг, где он выступает в роли обложки. Ни одна из известных мне топ студий на сегодняшний день экраны входа не использует. (при чем уже лет 5-8) Т.к. даже при идеальном графическом исполнении такое решение ценно первые три входа на сайт, потом начинает заебывать и требовать дополнительный клик. Как потенциальный заказчик я получил шанс уйти с сайта так и не увидев сути предложения.
Переходим на сам сайт. Тут же натыкаемся на мой любимый эффект когда «Виртуальный танец» плавно превращается в «WEB DANCE». Я начинаю предполагать, что на следующей странице я эту же надпись увижу на китайском.
Начинаем читать. Первая фраза: «Немного о себе». Это безусловно самая ценная информация в моей жизни. Мне искренне интересно как рано вы начали пить водку, когда в первый раз поцеловались, есть ли у вас дети и ВО. Еще раз возвращаемся к мысли о том, что задача сайта продать услуги дизайнера. Наверное на первой странице более уместно было разместить портфолио и примеры работ.
Идем сверху вниз по графической части.Белый квадрат под надписью: «Мир вашего сайта» наводит на мысль что иначе текста видно небыло, а в целом нахуй не нужен. Указанная фраза сама по себе тоже нахуй не нужна, но ... Шапка анимированная и ее переливание очень мешает читать текст.
В левом меню нет отступов между листиками маркерами и текстом. С отступами в тексте вообще беда, потому что при красном фоне красный текст читается просто ужасно. Очень сильно устают глаза.
В левом сайдбаре отступы к листьям пробиты, но списки с круглыми маркерами отцентрированы. Либо убрать нахуй маркеры, либо выровнять по левому краю. Часы это очень нужный элемент дизайна. Он позволяет мне оценить сколько времени я потратил впустую.
Внизу страницы боковые блоки не дотягивают до конца скругленного контура.
Фигурные шрифты в меню практически не читаемы и с жуткой пикселизацией (для устранения данного эффекта на границе букв или любых других элементов делаются градиентные переходы)
Переходим на страницу новости. Сходу упираемся в
1. Отсутствие новостей как таковых.
2. Разные отступы слева и справа, при этом выглядит не как дизайн, а тупо криво.
3. На моем мониторе фраза «А также произошло» имеет перенос строки между А и также. (лечится использованием спец. символа & nbsp).
4. С выравниванием вообще полный пиздец. Часть текста по центру, часть левее, часть правее, часть хуй знает как... В общем бардак.
Дальше переходим в раздел визитки (иду выборочно все смотреть нет времени).
Сходу справа в основном блоке вижу красную квадратную хуйню.
Последняя визитка изготовление сайтов вызывает вопросы:
1. Нахуй там кошка в углу?
2. Карина, у Вас нет телефона?
3. Виртуальный танец опять стал писаться на русском и по прежнему не понятно что это такое.
Перехожу в пункт друзья.
Ссылки уехали далеко в право и вышли из области видимости.
Я думаю пока хватит.
Теперь что касается текстов. Текст в вебе подчиняется несколько другим принципам чем на бумажных носителях. Большинство людей скользя по сети просматривают сайты наискось. Поэтому так важно выделять и подчеркивать важный мысли. Оптимальной структурой лично я до сих пор считаю выделение мысли в начале абзаца.
Нужен сайт для питомника? Вы попали по адресу, у нас большой опыт создания подобных сайтов. Лучшей характеристикой нашей работы станут (ссылка) отзывы наших клиентов (ссылка)
Недорогие сайты являются идеальным решением для людей начинающих свой путь в интернете. Несмотря на невысокую стоимость наши сайты обладают прекрасным внешним видом и большим наборов модулей на все случаи жизни.
Надежность наших сайтов гарантируется блочной структурой, которая уже используется на целом ряде наших работ.
Я думаю так будет понятно.
Пока вроде все. Все желающие принять участие в обсуждении стройными рядами приглашаются в комментарии.
Рекламный блок
Купил ipad? Пойди и скачай игры. Игры ipad в рунете для тебя. Они ждут тебя пачками и штабелями.
Следующее сообщение: Странные вопросы-2
Метки: веб дизайн, юзабилити
Knockoutjs - Основные понятия
6th Август 2009 at 16:45
Денис спасибо. Сегодня приступлю к исправлениям потихоньку. Далее будем разносить результат)
8th Август 2009 at 14:19
Честно говоря, для такого убожества (и в плане дизайна и во всем остальном) мне бы даже жалко стало тратить время на написание статьи. Лет, эдак, 10 назад, такой сайт еще может быть и поконал бы... А сейчас дизайн можно назвать разве что «бабушкиным» )). Все пестренькое такое ))
Кстати, узнаю этот сайт. Раньше я уже видел его в профиле одного из фрилансеров с weblancer.net. Видимо, Карина это и была. Что ж, удачи вам, Карина, в редизайне и реконструкции... И, если можете, то переделайте все полностью, пожалуйста...
8th Август 2009 at 15:34
Перспективный блогер, если не пороть, так и останется. На счет конца прошлого века согласен, но вдруг человек станет на стезю исправления и у Карины все получится ))
8th Август 2009 at 18:39
Перспективный блоггер — Нет, меня никогда на фрилансе не было. Я этим еще и год не занимаюсь. Что касается пестроты, то у питомников своя специфика, у кого что больше мигает и сверкает и шевелится и т.д., тем круче, поэтому моя пестрота и привлекает владельцев питомников. Вам никогда не приходило в голову что своими фразами вы можете обидеть человека или навсегда отбить у него охоту к тому чем он увлечен? Действительно, если не пороть, то все так и останется, но пороть — это давать дельные советы (как Денис) и помогать исправлять ошибки, а не поливать помоями.
Сейчас катастрофически нет времени, на днях начну править технические моменты. Денис, где можно почитать литературу о строении сайта компании? Что надо выделить, на что обратить внимание и т.д. В общем вся техника. У меня сейчас сайт главная страница которого какая то бессмысленная. И тупая картинка слева. Хотелось бы узнать технику построения страниц.
9th Август 2009 at 20:10
«Нужен сайт для питомника? Вы попали по адресу, у нас большой опыт создания подобных сайтов. Лучшей характеристикой нашей работы станут (ссылка) отзывы наших клиентов (ссылка)»
От такога слоганга мне захотелась заказать сайт питомника, хоть я и не владелец питомника.
А вобще я давно хотел высказать такую мысль, тока не знал где. Вот воспользуюсь случаем.
Когда я еще не разу не был в интернете, а только слышал о нем.
Я предпологал что интернет, это такое же виртуальное пространство, как виндовс, там все просто и понятно. Там есть папки которые можно открывать.
А страницы сайтов, выглядят наподобии меню в компьютерных играх, или интерфейса в программах.
Но когда я в первый раз увидел страницу в интернете. Помоему это
был рамблер. Я просто офигел, я не понимал куда я попал. Какойто бесмысленный колаж, картинок и кусочков текста. Я даже строку поиска находил с трудом. А ушь вход для почты искал по пол часа.
Вобщем я сделал вывод что интернет это хаос. Он пока что находится в стадии разработки.
Каждый сайт это ребус, над которым надо ломать голову. Нет интуитивного понимания что где находится.
хотя сейчас стали появлятся сайты
похожие на нормальное рабочие пространство.
Вот к примеру два сайта новостей.
(сделан для человека)
(сделан для инопланетянина)
9th Август 2009 at 21:29
Карина, про литературу и что можно сделать с тем сайтом расскажу завтра.
Дима, полностью согласен. Сайт должен быть сделан не «как положено», а как мне было бы логичнее его видеть...
9th Август 2009 at 21:42
Карина, извините за резкость моих высказываний, я вас обидеть не хотел и искренне хочу, чтобы у вас получилось переделать свой сайт на лад, который и моему глазу будет приятен. Желаю вам удачи.
Дима, за второй сайт спасибо — проржался до нехочу...
Такого еще никогда не видел. 
11th Август 2009 at 0:49
В общем начала править. АТАС!
Страницу входа убрала, визитку тоже , Рожу в категории портфолио, которую Денис Вы назвали красным квадратом удалила. Маркеры и отступы поправила. Но это все полбеды.
Чтобы текст не плавал, а шел по ширине страницы, надо ставить justify, но тогда появляются широченные пробелы между «А» и «ТАКЖЕ». Убираешь justify убираются огромные пробелы, но текст начинает жить своей жизнью.
Убрала анимацию. Переписала текст главной страницы (украла его у Вас Денис, уж очень понравился) Надеюсь Вы не в обиде? Хотела «наши» исправить на «мои», чтобы люди не думали что на компанию нарвались, но как то резало.
А когда дошла до друзей. поняла , что дружбу надо прекращать)))) Я уже пыталась подвинуть заголовки влево, но тогда летит гостевая и вообще... Кривой шаблон или руки растут ...В общем пришла к выводу, что просто надо сделать новый шаблон с нуля. А если новый шаблон, так может и дизайн переделать? Больше дать акцент на сайт для питомника? Что то типа этого баннера ?
Перспективный блоггер, прощаю. Просто когда люди обзываются неконкретизированно, мне начинает казаться, что они никогда ни с чего не начинали, и никогда ни чему не учились. У них все сразу выходило гениально. Ну да ладно. Если Вы хотите порадовать свой глаз, то дайте мне наводку для дизайна моего сайта. Только тут надо учитывать, что у питомников своя специфика, и надо что то такое, чтобы заводчиков цепляло. Вот такое что то
И еще, Перспективный блоггер, Вы можете мне как новичку, объяснить разницу между сайтом для человека и сайтом для инопланетянина? Во втором сайте напихано много?
11th Август 2009 at 8:31
Так. Уже лучше.
Карина, justify текст требует аккуратной проработки самого текста, в частности правильной расстановки хотя бы .
С куев Портфолио-Сайтов написано с большой буквы? Тенденция писать оба или более слова с большой буквы пришла к нам из английского языка. У них там есть норма которая позволяет это делать. Для русского это как правило, не применяется.
Далее в портфолио я вижу странные тонкие белые линии. Причем часть из них вылазит из основного блока и залазит в менюшки.
Раздел друзья я бы вообще убил нафик ибо выглядит это плохо, да и смысла особого не имеет.
Так а движок у вас что джумла? Скажем это не лучший выбор. Верстать под джумлу очень тяжело.
Друзья изначально сверстаны неверно. Вам нужно и пункты и текст ввести в одну ячейку таблицы в виде другой таблицы. Или грубо говоря выглядит это так
Ну и наконец я бы еще раз внимательно проверил сайт на предмет английских выражений. Вы же работаете на русский рынок, тогда с чего бы вдруг мне понимать суть слова Client, если есть замечательные русские Клиент, Заказчик, Баблонос...
Продолжаем разговор...
16th Август 2009 at 1:10
Главную страничку поправила. Все ссылки слова сделала с маленьких букв. А также поправила языковой файл портфолио.
Друзей выкинуть не могу, так как обмениваюсь с ними ссылками. Надо желать новый шаблон. Про параметр justify читала много. С ним говорят надо осторожно обзходиться.
Да Денис, я пока на джумле. Еще ничего другого изучать не начала. Слышала что и система кривая, и сама частенько нарываюсь на кривизну тех или иных расширений. И потом. мне хотелось бы какую ту систему изучить, на которой шаблоны можно разнообразные делать. А не только лево право верх футер. Пыталась на ките селать шаблон из этого
не хватило знаний пока.Все расползлось. Информации море. Учебников нахапала тоже. Денис, а Вы какую бы мне смс посоветовали для изучения в будущем?
17th Август 2009 at 8:16
вордпресс — лучше движка пока не видел, для портальных систем ДЛЕ, еще неплохо друпал, в частных случаях самопис.
30th Август 2009 at 0:28
Денис, вордпресс ведь только для блогов? Или я ошибаюсь? Просто я хочу выбрать одну систему и посвящать ей время, а не тыркаться по всем возможным. Я была на сайте фрилансеров и смотрела их работы. обалдеть. Я не думаю что они такие красоты изготавливают на джумле.
Сейчас Евгений Попов выпустил курс по вордпрессу, Смольянинов предлагает научить на какой то CMS PHP-Fusion, в общем есть из чего выбирать в плане обучения, но не знаешь на чем лучше остановится. Надоели эти квадратно шапочные. Посоветуйте пожалуйста все таки на чем остановится. Можно ли вордпрессе сверстать такое ?
30th Август 2009 at 8:17
Карина, при нормальном знании движка на ВП верстается все. Лучше конечно использовать для портальных систем ДЛЕ или Друпал, а ВП под все остальное.
31st Август 2009 at 19:09
Почувствовала себя убийцей времени)
Спасибо. Будем изучать ВП