Почему Ваш бизнес-сайт не работает?

Добрый день, уважаемый читатель!

Сегодня Вашему вниманию будет представлен краткий разбор ещё одного сайта.

Но сперва – небольшая просьба, которая может удивить Вас.

Как Вы знаете, сейчас подходит к концу «Фестиваль золотых рассылок». И я хочу попросить Вас проголосовать за другую рассылку. Речь идёт о рассылке «Секреты бизнеса. Предприниматели рассказывают...», которую выпускает Людмила Лунькова. Почему Вам стоит проголосовать за эту рассылку? Дело в том, что Людмила обещает в случае своей победы на фестивале (а эта победа вполне вероятна) сделать всем, кто за неё голосовал, уникальный подарок - аудиозапись лекции Артемия Лебедева на встрече Московского Клуба Предпринимателей.

• Для тех, кто не знает, чем знаменит Лебедев, хочу напомнить, что это самый известный веб-дизайнер России, а также успешный предприниматель, продающий своим клиентам проекты ценой в десятки и сотни тысяч долларов.

Однако поскольку голосовать за рассылку могут только её подписчики, это объявление относится лишь к тем, кто уже подписан на «Секреты бизнеса. Предприниматели рассказывают...» и у него сохранились последние выпуски. Пожалуйста, найдите в своём почтовом ящике выпуски за 15-е и за 21-е января, и поставьте за каждый из них 5 баллов - всё это займёт меньше минуты.

Внимание! Большие деньги!

Заканчивается набор в закрытую группу для консультирования по взрывному росту прибыли. Все подробности здесь. Если Вы - владелец или руководитель бизнеса, и хотите поднять прибыль своей фирмы на 100-150% в течение нескольких ближайших месяцев, Вам сюда. Несколько мест пока ещё осталось.

Ну а теперь перейдём к разбору сайта. Как и в прошлый раз, сегодня я предоставлю слово Евгению Аренгаузу, специалисту по дизайну, сайтостроению и пользовательским интерфейсам.

Евгений Аренгауз - краткий разбор сайта

Здравствуйте, меня зовут Евгений Аренгауз. Алекс Левитас попросил меня рассмотреть несколько коммерческих сайтов – насколько они на деле выполняют свои задачи – и сегодня я разберу один из них. Рассматривать я буду содержание, удобство для пользователя, оформление и техническое качество. Поскольку работу эту я делаю сейчас pro bono («на благо общества»), то вместо подробного анализа я буду выбирать отдельные, самые интересные или частые ошибки, чтобы интересно было не только хозяину сайта.

• А вольные впечатления и прыжки мысли буду оставлять в сносках, чтоб картину дополняли, а не портили.

Итак, у нас на экране...

Сайт компании «МЕРПАСА»

Блеск модных штучек слепит многих. Вот, например, телеведущий Д. решил поменять квалификацию и открыть интернет-портал. Теперь он всем рассказывает, что открыл портал для самых умных людей и зовёт всех только туда, потому что кто не там, тот дурак.

К сожалению, насколько умные люди ходят на портал к Д., я не знаю. Потому что мне он не показывается: у меня нет Flash 9. А весь портал сделан исключительно на этой штучке, и стандартного текстового варианта у него просто нет. Д. и его продюсер объясняют, что за Flash – будущее, и точка. Будьте добры построиться.

А когда люди с техническими знаниями стали спрашивать у них, как быть с тем, что Flash не только не везде есть (и портал не виден, скажем, с мобильного телефона), но и при таком его применении, как у них, он вызывает проблемы с закладками, ссылками, индексацией Google и так далее – Д. заявил, что он с такими неумными людьми общаться не желает.

• Не верите? Я сам протокол того чат-интервью читал!

Компания «МЕРПАСА» – не телеведущие, но модные побрякушки тоже любят. По виду их головной страницы (середина снимка вырезана, для краткости) можно было бы заподозрить, что они имеют отношение к мультяшкам:

Дело в том, что два медведя из трёх резво движутся. Медведь с букетом и плакатом «Специальное предложение» (какое – не указано) бежит, игриво виляя задом. Медведь с беличьими лапками обнимает коробочки, которые ему подвозит конвейер с вертящимися колёсиками. Прижмёт коробочку к пузу, задними лапками посучит, передними погладит, поёрзает, а тут ему и следующая едет. Осчастливленные коробочки уезжают от медведя уже с бантиками (хотя на завязывание оных телодвижения мишки похожи мало). А вокруг ползают синие полоски и слова «современные», «упаковочные» и «технологии», а на фоне взлетают эмблемы сыра, колбасы, винограда и коктейля «мартини». Притом это шоу не вписывается в поля, образуя некрасивые ступеньки.

Вся эта скверно анимированная красота занимает добрых пол-экрана. Зачем она там? Ведь компания занимается упаковкой, и вряд ли они нарочно имели в виду такой несерьёзный образ, какой показывает их страница.

Беда №1: техноложество

Скорее всего, компании просто всучили это чудо под видом «Flash-технологии». Дескать, за Flash – будущее, без Flash – стыдно на люди выйти, менеджер непременно требовал Flash, или, скажем, дизайнерская студия обещает сайт на Flash – вот вам Flash, нужен он вам или нет. А что ни содержание, ни форма не совпадают с образом и специальностью компании, это уже второй вопрос.

• Драку с погромом заказывали? Нет? Всё равно: уже уплочено!

Возможно, что я не прав и что виноват, скажем, арт-директор, всучивший эти мультяшки менеджеру под видом «брендинга». Но я бы поставил именно на злостное увлечение модными технологиями в ущерб делу.

Почему? Потому, что кроме Flash, на сайте вовсю используется Javascript, причём именно там, где не надо – исключительно для красоты или вообще неясно зачем. Если у вас его нет (имели несчастье зайти с мобильника) или он отключён, компания «МЕРПАСА» вас накажет. Вы не сможете пользоваться поиском. А все окошки выпадающего меню (применённого опять не к месту) при выключенном Javascript вываливаются кучей, закрывая друг друга и текст, вот так:

Тушите свет. Заодно и медведь у конвейера исчез. Увлечение технологией ради технологии подвело компанию.

Беда эта на редкость распространённая. Использовать технологию там, где она не нужна, мешает, или даже вредит, охотников уйма. Зачем? Потому, что это круто! Или потому, что бестолковый либо равнодушный исполнитель лепит одно и то же везде, не заботясь подобрать более правильный инструмент. Или потому, что заказчик слыхал, что есть такая крутая фишка, и хочет её так сильно, что проще ему дать, чем отговаривать.

Совет №1

Дорогая компания, уберите, пожалуйста, анимации. Вам кто-то всучил очень плохой продукт, простите за резкость. И сделано топорно, и содержанию сайта совсем не соответствует. Такое «лицо компании» может только вызвать сомнения в вашей серьёзности, и вы растеряете покупателей. Вы всё же торговая фирма, а не парк развлечений.

• И я ведь писал уже не раз про вред от флеш-анимации, да как видно, не в коня корм – Александр Левитас

А если вам хочется картинок, замените их на фотографии или достойные скромные иллюстрации, хотя бы. Художников со вкусом на свете немало.

Уберите и выпадающее меню. Большая часть ссылок в нём всё равно повторяет каталог. Пусть «закладки» с надписями «каталог», «сервис-центр» и т.п. ведут в каталог и сервис-центр, а не вываливают массу слепого мелкого текста.

И, конечно, замените Javascript на кнопке поиска на простую ссылку. Потому что делать что-то не простым (и, главное, стандартным) способом, а сложным и ненадёжным – в итоге обходится дорого. Потерей посетителей, не разобравшихся в «крутом» интерфейсе и ушедших в другое место. Потерей рейтинга в поисковиках, не рассмотревших ссылки внутри невидимых секций. Потерей лица, наконец.

Иметь красивый, хорошо слаженный и удобный сайт гораздо круче, чем гордо показывать, что некто освоил кучу сложных технологий и не умеет их применить к месту.

Беда №2: старое вино в новые мехи

Технологическое украшательство обычно ведёт к мелким проблемам с показом страниц. Лишнее усложнение кода – больше возможностей для сбоя. У компании «МЕРПАСА» их целый набор: потеря связности ссылок без Javascript, перекрывание текста «плавающими» элементами меню в том же случае, медведь с букетом наехал на текст, если смотреть в Мозилле.

Так вот, этот съехавший медведь показывает, что есть и ещё одна специфическая для Интернет причина для таких сбоев. Это катавасия со стандартами. Стараниями фирм, сражавшихся когда-то за рынок смотрелок, в формате HTML (которым пишутся веб-страницы) навели такой раздрай, что собирать потом пришлось годами. Попросту оба «противника» вводили в формат свои, ни с кем не совместимые, вещи, чтоб конкурентам подставить ножку. Подставили всем, и мы с вами только проиграли.

Потому теперь добросовестный дизайнер вынужден проверять, как его работа выглядит в разных программах: Internet Explorer до сих пор много что делает по стандарту, хотя прочие программы уже неплохо подтянулись.

Но код-то всё равно попадается всех пород и помесей – старые страницы, неумело написанные, опечатки...

К счастью, инженеры, пишущие смотрелки, знают, что их бедным программам придётся правильно отображать, и расшибаются в лепёшку, чтоб всё работало несмотря на незакрытую скобку или устарелую команду. Но всего не предусмотришь – вот и тут у нас картинка не совсем правильно вставлена и в одной смотрелке налезла на текст.

Вот только смотрелка эта не старая, а современная и вторая по распространённости. То есть сбой видит существенная часть посетителей. Что-то дизайнер просачковал. Не проверил свой код во всех основных программах, как положено по совести?

Смотрю непосредственно на код HTML и вижу там такое, что уже не картинки править надо, а орать «караул». Качество кода соответствует качеству медвежьей анимации.

Дело в том, что объявлен там один стандарт формата страницы (XHTML 1.0). А на деле там не то что другой, а смесь из XHTML и устаревшего HTML 4.

• «Врать не надо по телефону!»

То есть именно смесь. Часть элементов – как положено в новом, часть – как в старом. Так что хоть приблизительно верно этот код отображается только по доброте программистов. Знали свой косорукий контингент, молодцы.

Смотрю дальше и вижу: дизайнер проявил трогательную заботу о вымершей смотрелке Netscape Navigator 4. Флэшки вставлены по два раза, один – как сейчас везде принято и другой – как когда-то хотел Navigator. Что ж этот дизайнер такую заботу о современных смотрелках не проявил?

Разгадка простая. Скорее всего, код этот был слегка «причёсан» из старого кем-то, кто слабо понимал в этом деле. Сказали привести в соответствие с современным стандартом – он и «привёл» в меру разумения. То есть поставил новый заголовок и кое-где подправил элементы, где знал, что надо делать. Скопировал чей-то готовый код для меню. А большую часть оставил как было, потому что не видел разницы. Вот и вышла смесь бульдога с носорогом.

Совет №2

Занятно, что как раз в этом случае лучше было просто ничего не делать! Старый код продолжает отображаться, так что можно было оставить всё как раньше. А уж если решили переписать – так отдайте специалисту, чтоб пересобрал ваши страницы по-новому. Секретарша с учебником HTML тут не справится.

Увы, теперь, когда вам уже «навели порядок», вам придется наводить его ещё раз – уже стараниями специалиста более высокого класса, чтоб исправил ошибки предыдущего. Как обычно, дешёвый продукт в итоге обходится дороже.

• Как говорит мой зубной врач, «лечить зубы – не дорого, куда дороже переделывать чужую некачественную работу, а дороже всего – переделывать плохо переделанное» – Александр Левитас

P.S. от Александра Левитаса

Как я уже неоднократно писал в рассылке, бесплатные разборы сайтов содержат лишь краткий разбор двух-трёх наиболее бросающихся в глаза ошибок. Если же нужен более глубокий и подробный анализ Вашего сайта, детальные рекомендации и конкретные советы по устранению проблем – Вы можете заказать подробный разбор вашего сайта.

«Партизанский маркетинг» и «Человеческие машины»

Начиная с февраля я возобновляю проведение семинаров по партизанскому маркетингу и «человеческим машинам» в России и других странах бывшего СССР.

• О том, что это за семинары, читайте подробно на моём сайте. Здесь же напишу лишь вкратце.

Семинар по партизанскому маркетингу учит тому, как привлекать новых клиентов и как получать больше денег со старых клиентов, не прибегая к традиционной рекламе. Причём большинство приёмов и стратегий, о которых я рассказываю, не требуют или почти не требуют вложения денег. Вот два типичных отзыва после семинара:

Семинар по «человеческим машинам» предназначен для директоров, руководителей отделов, проект-менеджеров и других людей, в чьём подчинении находятся от трёх-пяти человек и более, а также для тех, кто только собирается открыть бизнес, и хочет сразу сделать это правильно. Семинар учит тому, как отладить бизнес-процессы, чтобы фирма работала чётко и надёжно, как дорогие швейцарские часы. Вот типичный отзыв после семинара:

Ближайшие открытые семинары пройдут:

• 22-23 и 25 марта – в Алматы. Организатор – Татьяна Батайкина («Центрально-Азиатский офис Менеджмента и Консалтинга»), caomic@network.kz, тел. 8-(727)-235-67-23, 8-(727)-236-08-17, +7-777-238-2656, +7-701-272-9133
• 8-10 апреля – в Красноярске. Организатор – Ольга Иванова (Красноярская Ассоциация «КоучЦентр»), 947-749@mail.ru, тел. +7-(3912)-947-749, +7-902-924-77-49
• Москва – дата уточняется. Чтобы записаться на семинары в Москве, пожалуйста, напишите мне.

Если Вы хотите пройти семинар в другом городе - пожалуйста, напишите мне, чтобы я мог сообщить Вам, когда семинар будет проходить в Вашем городе. Принимаются также предложения от организаторов на вторую половину 2008 года.

Читайте другие мои материалы

• Больше денег от Вашего бизнеса: Вместо чтения мыслей - как узнать, почему потенциальные клиенты покупают у конкурентов, а не у Вас. Супер-приём, который поднимет Ваши продажи. Три способа усиления приёма.
• Школа продаж: Клиент, который ищет самое дешёвое. Как распознать корпоративного закупщика и что ему предложить.
• Боевые говоруны: Ещё один рычаг «боевого говоруна». Как передвинуть тяжёлый ящик? Четыре приёма внушения неуверенности.
• Блог Александра Левитаса: «Если бы Вы могли дать читателям всего один совет...»
• Блог Александра Левитаса: Семь привычек лузеров
• Блог Александра Левитаса: Б**дский маркетинг!

Как со мной списаться

Пишите мне на адрес a-l@kursy.ru. Если же письмо осталось без ответа или вернулось (что иногда случается из-за ошибок спам-фильтров), Вы можете послать мне письмо через форму на этой странице - такие письма я получаю всегда.

Пишите мне. Предлагайте свои сайты для разбора. Присылайте свои идеи для рассылки. Делитесь своим опытом. Задавайте вопросы. Рассказывайте о себе и своём бизнесе. Пишите!

Всего доброго!

С уважением,
Александр Левитас, доктор сайтов.

P.S. Если Вы считаете, что этот выпуск рассылки будет интересен кому-то из Ваших коллег или друзей и может помочь ему в работе - пожалуйста, перешлите ему это письмо.

Copyright © Александр Левитас, 2008-01-28. Письма, присланные автору рассылки, могут быть опубликованы в рассылке - в полном объёме или частично - без предварительного уведомления. Если Вы не хотите, чтобы Ваше письмо было опубликовано - пожалуйста, явно укажите это в начале письма. Спасибо.