Сити Центр - сайт, диктующий условия

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

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

СИТИ ЦЕНТР диктует собственный стиль жизни — стиль успеха, уверенности и комфорта.

А теперь поговорим о том, что для этого нужно сделать, по мнению сайта Сити Центра.

Значит, для начала нужно подгрузить в страницу 9 файлов стилей CSS, 20 файлов скриптов javascript, 2 файла шрифтов — это сразу сжирает 28 Мб оперативной памяти только для этой открытой страницы (ровно столько же съедает многофункциональная почта Яндекса, только там файлов поменьше подгружается). Но это мелочи, давайте рассмотрим то, что нам эти жертвы дают.

• Карусели на главной странице — это меню. Оно немного раздражает своим течением в обратную сторону от движения мышки, но к этому быстро привыкаешь. В IE 8 это меню видно только наполовину, а в IE 6-7 можно вообще покурить, поскольку в них сайт не работает (жертва технологий). Зато модно, красиво, современно, прям как все нынешние товары — красивая упаковка, унылое содержимое;
  
  

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

  
  
• В жертву новым технологиям был принесен поиск по сайту: мало того, что он не находит элементарных фраз, которые дословно присутствуют на сайте, так ещё и в некоторых случаях выбрасывает ошибки базы данных
  
  
  
• Подписка на новости стала очень хитрой
  
  Вам необходимо принять соглашение, текст которого отсутствует. Может быть, конечно, текст и есть, но синими буквами на синем фоне, а может, его потом напишут, типа: «Я, такой-то такой-то, доверяю распоряжение своим недвижимым имуществом Сити-Центру», но это так — байки;
  
  
• Прекрасны своей глубинной пустые страницы Сити, к примеру www.citycenter.ru/#!/service/platezhnye-terminaly/
  Думаю, к ним нужно сделать спец. описание: «У сайта Сити-Центра есть специальные страницы, на которых вы можете расслабить зрение и подумать о сущности бытия»;
  
  
• Сити Центр представляет «Кино без границ». Мне очень нравятся элементы, которые явно были сделаны после сдачи всех работ, ярким примером этого является афиша кино на главной странице сайта
  Пытались уместить афишу в не предназначенное для этого пространство, она вылазит за границы блока, а текст описания фильма ужасно мелкий, но что поделать — служба маркетинга требует!;
  
  
• А вот уже интереснее! При попытке отправить жалобу через отличную форму, у нас вываливается ошибка «Warning: Cannot modify header information — headers already sent by (output started at /var/www/admin/data/www/citycenter.ru/form.php:1) in /var/www/admin/data/www/citycenter.ru/form.php on line 40», интересно, дошло ли мое сообщение до администрации Сити Центра?
  

В целом, крепко-крепко зажмурившись, сайт представляет хорошо структурированный контент, современный дизайн и обманутые чувства заказчиков из Сити, которые доверили безрукому школьнику выбрать шрифт для логотипа (он совершенно нечитаем, какой-то CUTU ЦЕНТА получается). Потратив неделю времени, можно сделать его более актуальным, отвечающим на многие вызовы сегодняшних пользователей.

Работа в различных браузерах

Google Chrome, Opera, Mozzila Firefox, IE 9 – великолепно;
IE 8 – видят только часть экрана (отрезается снизу);
IE 7 и IE 6 – пользователи могут покурить, сайт в этих браузерах не работает.

Оценки

Дизайн — 8. Шрифт в логотипе Сити «-1»; за использование заглавных букв в надписях «-1»;

Верстка — 6. Уехавшая афиша кино «-1»; за не полностью помещающуюся страницу в окне браузера «-1»; за огромное количество файлов скриптов и стилей, пожирающих память браузера «-1»; за «моргающую» несколько раз главную страницу, после нескольких переходов по сайту и нажатии на «Крестике» (клавиша закрыть) «-1»;

Юзабилити - 7. Карусель меню на главной странице «-1»; неработающие и неправильно работающие формы «-2»;

Наполнение — 8. За более двух пустых страниц «-2».

Средняя оценка — 7,25

Justeen