2ShowBiz: MZ-Sport (обзор сайта)

Курские веб-студии редко афишируют свои новые работы. Думаю стоит их поддержать в этом нелегком деле. :-)
Сегодня новая работа Шоубизов: www.mzsport.ru
Курск
Итак, сайт галереи профессионального спортивного белья «MZ-Sport».

Галере́я (фр. galerie, от итал. galleria) — вытянутое в длину крытое помещение или переход между частями здания или соседними зданиями. В галерее обычно одну из продольных стен заменяют колонны или столбы, а иногда ещё и балюстрада. Происходит из итальянского языка, где означает церковная паперть.
В переносном смысле — длинный ряд, вереница (например, галерея типов).


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

Визуальная составляющая — вещь сугубо субъективная. Поэтому лично мне в принципе нравится: такой стремительный параллелограммный дизайн. Хотя местами с геометрическими фигурами перебор. Приятное обрамление фоток на главной. Сиреневый цвет — надеюсь фирменный стиль магазина.

Текст почти везде выполнен картинками — из-за его нестандартного направления. Но почему разработчики забывают о теге alt — непонятно. Без картинок не видно ни навигации ни части полезной информации.
Курск

Итак, что продает наш магазин? Возможно каталог только наполняется, но пока там только женское поддерживающее белье: топы, шорты и плавки.

Перейдем к двум вопросам на главной. Очевидно они очень важны раз бросаются сразу в глаза.
«Как выбрать уровень поддержки?»
Курск
Уровень поддержки чего, кто что поддерживает? Мне человеку несведущему непонятно. По клику открывается картинка похожая на скан из журнала или каталога. Шрифты мелкие, вертикальный текст не читается, обычный приходится разглядывать. Почему не сделали обычным текстом непонятно. Таблицы разглядывать очень неудобно. Лучше было бы сделать пару селекторов (вид спорта, размер чашечки) и выдавать человеку нужный уровень поддержки.
Везде речь о спортивном белье вообще, а рассказ и таблица только о топах и выборе размера чашечки. Странно.

«Как выбрать свой размер?»
Курск
По клику снова картинка как и в прошлом вопросе. Проблемы те же. Шрифт мелкий, особенно в таблицах. Что помешало сделать простейший калькулятор и оформить все текстом вместо картинки? И вообще можно было бы объединить в один блок с первым, давая возможность сразу подбирать размер и нужный уровень поддержки. Кстати, речь тоже о спортивном белье, хотя рассказывается опять только о размере груди.

Ввиду небольшого ассортимента каталог пока смотрится нормально. Но если он будет больше (а мы на это надеемся), то без сортировки не обойтись.
Сейчас сортировка представлена только тремя разделами: спорт с мячом, с ракеткой и без инвентаря. В них представлена часть каталога. К каким разделам относится остальное белье — непонятно. В каталоге определенно не хватает сортировки по типу товара, цене и по торговым маркам. Ну и расширить сортировку по типам применения. Еще стоит отвести отдельную страницу новинкам каталога.

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

Можно оформить заказ прямо на сайте. Это хорошо. Но можно заказать только одно наименование в количестве 1 штука. Это плохо. Возможно бюджета не хватило на полноценный интернет-магазин, но одноразовую корзину, в которую помещались бы несколько наименований и можно было бы выбрать количество товара, можно было бы сделать.
Кстати, информацию о том как выбрать размер и параметры товара или ссылки на них, есть смысл вынести в форму заказа.

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

Опять форма умнее посетителя — поля обязательны для заполнения, некорректный ввод (например 21249 — чем вам телефон не понравился?). А вот капча, которая сюда просится — нет.

Курск

«Спасибо! Ваш заказ принят. Администратор сважется с Вами в кратчайшие сроки»
Мало того, что ошибка. А если не свяжется? Дайте телефон и номер заказа. Я уже об этом говорил и снова повторяю. Раз уж делаете упрощенный заказ, сделайте его «ближе» к клиенту.

Перейдем к остальным разделам.
В «Полезно знать» похоже будут публиковаться всякие спортивные статьи. Тут все стандартно.

В «Ответах на вопросы» не хватает капчи. И снова обязательные поля.

В «Контактах» никакой контактной информации почему-то нет. Зато есть форма. Что туда писать и кто это прочитает непонятно. Ссылка та же, что и «написать сообщение». Написать сообщение кому, куда, зачем?

Баннер спецпредложения никуда не ведет. Хотя просится страница со всеми спецпредложениями на одной странице и возможностью их заказа.

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

Курск
Вот в принципе все, что попалось на глаза.
Надеюсь было интересно читать и полезно гражданам разработчикам.

Комментируйте, оставляйте отзывы, пишите мне. Отвечу с удовольствием всем.

До новых интересных работ.
  • +17
  •  
  • 29 июля 2010, 12:09
  • tau

Комментарии (129)

RSS свернуть / развернуть
+
+2
Я думаю Гусаров тебя купит — будешь внутренние аудиты проводить )
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 12:22
+
+2
:-)
хорошо это делать до выпуска сайта.
первый раз на этапе идеи и первых концептов.
второй раз когда готовы макеты
третий раз с рабочим сайтом, для проверки функциональности

кстати, я сторонник метода Алана Купера — использования персонажей при разработке дизайна и интерфейсов.
Аватар пользователя tau

tau

  • 29 июля 2010, 12:37
+
+2
да, этим и займемся, позвоню тебе в понедельник, нужно встретиться.
Аватар пользователя a022

a022

  • 29 июля 2010, 12:43
+
0
По-моему он уже это делает хорошо.
Аватар пользователя a022

a022

  • 29 июля 2010, 12:42
+
+1
Вот скажите мне — если меню итак картинка — то почему там надо было написать именно Мириад Про? Можно было бы подобрать нормальный шрифт — ведь все равно картинка:

картинка из курска
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 12:24
+
0
А чем тебе Мириад тут не прокатил?
Аватар пользователя a022

a022

  • 29 июля 2010, 12:43
+
+1
Он меня честно уже заебал. Да и всех я думаю тоже) Я про «дизайнеров» )))
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 12:44
+
+1
Буду рисовать что-то для дизайнеов, Мириад не буду использовать, ок.
Аватар пользователя a022

a022

  • 29 июля 2010, 12:45
+
0
Дизайн хромает. Ну это на любителя. Вот например что-то из рисованного мной (это концепт):

картинка из курска
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 12:29
+
+2
мне нравится.
если бы я был девочкой — я бы уже хотел сходить в этот магазин
Аватар пользователя tau

tau

  • 29 июля 2010, 12:34
+
0
хуже
Аватар пользователя 0th_one

0th_one

  • 29 июля 2010, 12:36
+
+1
хуже чей?
и вообще нахрена их сравнивать если у нас спорт, а тут не спорт?
Аватар пользователя a022

a022

  • 29 июля 2010, 12:50
+
0
есть задача — реши ее, говаривал самый большой в мире робот Бигволд (или как там его). В данном случае — tau сказал что вариант приведенный мной — ближе подходит к решению задачи — стилизации для блондинок, спорцменок и пр. Хочешь знать как выгдялит спорт? зайди на Рибок, Адидас или Найк. Хочешь знать как выглядит интернет магазин — ну тоже можно куда-то наверное зайти. Главное — какая была задача. Сделать удобно для покупателей или же стилизацию под спорт.
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 14:10
+
+2
По твоему мнению наш дизайн всегда хромает, особенно по сравнению с тем, что нарисовано тобой )
Аватар пользователя a022

a022

  • 29 июля 2010, 12:45
+
0
мне понравился сайт www.unikom31.ru/
Надо дружить с эти дизайнером. )
Аватар пользователя tau

tau

  • 29 июля 2010, 12:49
+
0
А мне не понравился. Честно. И не только мне.
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 12:51
+
0
там тоже есть что подкрутить, но сайт задачи свои выполняет и выглядит как раз так, чтобы покупатели оборудования не терялись.
Аватар пользователя tau

tau

  • 29 июля 2010, 13:06
+
0
Это первая работа человека, который его рисовал.
Аватар пользователя a022

a022

  • 29 июля 2010, 13:09
+
0
за первую работу и платить то надо меньше ) умно.
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 13:23
+
+1
Вот смотри — верстка:

картинка из курска

В данной статье идут примеры наполнения электрошкафов — т.е. рисунки показывают что там внутри приводя примеры картинками оборудования — что мы видем:
картинка из курска

хотя по словам — Модульная розетка DIN первый попавшийся рисунок — круче в 10 раз:

картинка из курска

Я уже не говорю о таблице в которую это все сверстано и отступах в ней.
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 13:50
+
+1
по поводу верстки согласен.
вообще почему-то редко используют сетку, может о ней не знают?

А остальные вопросы совсем не к дизайнеру
Аватар пользователя tau

tau

  • 29 июля 2010, 13:59
+
+1
То что дизайнер сделав проект не совершил авторский надзор? Или «сайт наполняется заказчиком»?!
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 14:03
+
0
проблема как раз в том, что дизайнер только рисует макет.
при этом не разрабатывает функцинальность и не контролирует качество. так что все гораздо глубже.
Аватар пользователя tau

tau

  • 29 июля 2010, 14:12
+
0
В моем случае — я делаю все сам — а программисты и верстальщики могут только все загубить )))
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 14:28
+
+1
одному наверняка долго и тяжело.
должны быть люди который отвечает каждый за свой участок.
рисовальщик, который может нормально нарисовать выданные идеи и концепты, верстальщик, который не сломает макеты версткой, программер, который кодит четко поставленные задачи, ну и не помешают фотограф, который в состоянии сфотографировать например граненый стакан таким, что он будет выглядеть как настоящий и иллюстратор, который может сделать коллаж или нарисовать что-то по теме.
а вот заниматься придумыванием всего, собиранием идей от участников, постановкой задач и контролем должен один человек.
Аватар пользователя tau

tau

  • 29 июля 2010, 14:44
+
+2
Ты представляешь какие это суммы за сайт? В курске тебе никто не заплатит их.
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 14:57
+
0
ну давай посчитаем. сколько сейчас средняя стоимость разработки с нуля в курске?
Аватар пользователя tau

tau

  • 29 июля 2010, 15:13
+
0
25-35
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 16:26
+
0
А можно посмотреть, что конкретно делается за такие деньги? Пара-тройка примеров конкретных сайтов была бы очень уместна.
Аватар пользователя ololo

ololo

  • 29 июля 2010, 20:55
+
+1
Данный сайт, например.
Аватар пользователя a022

a022

  • 29 июля 2010, 21:01
+
+1
Сергей, тебе не кажется, что эта работа должна стоить несколько выше? Демпинг — это тоже не очен хорошо. Я серьёзно.

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

По соотношению цена/качество обсуждаемый сайт можно оценить на пять по пятибалльной шкале.
Аватар пользователя ololo

ololo

  • 29 июля 2010, 21:09
+
+1
25 тыс. руб.
Аватар пользователя a022

a022

  • 29 июля 2010, 21:15
+
0
У рисовальщика должен быть надзиратель, арт-директор, который будет его контролировать и направлять. Работать самостоятельно могут только специалисты высокого уровня либо начинающие, с которых и спрос невелик.

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

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

ololo

  • 29 июля 2010, 21:00
+
0
этот момент уточню, спасибо
Аватар пользователя a022

a022

  • 29 июля 2010, 15:04
+
0
Лёша это опять ДДД? Или другой, много цвета и перегруз для меня в деталях, стрелочках шрифтах… У меня ощущение головокружения, ну может жара. Хотя может это для дизайнеров рисуется. Всё в нете как я понял для дизайнеров?
Аватар пользователя Andromed

Andromed

  • 29 июля 2010, 14:31
+
0
Есть задача — ее надо решить. Или не решить. Или пойти на компромисс.
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 14:39
+
0
Но ведь каша получилась-то.
Аватар пользователя a022

a022

  • 29 июля 2010, 15:05
+
0
Какая каша? Если на первой странице — охуенная большая картинка с бабами. Которые типа меняются — картинки.
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 15:17
+
0
Кроме картинки, все остальное.
Аватар пользователя a022

a022

  • 29 июля 2010, 16:06
+
0
где вы там увидели кашу?
Аватар пользователя tau

tau

  • 29 июля 2010, 15:18
+
+1
Кроме фотки и подвала каша тут везде.
Аватар пользователя a022

a022

  • 29 июля 2010, 16:28
+
-3
раскрыть комментарий
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 16:33
+
0
Я понял, что ты ее не честно видишь, иначе ее бы не было )
Аватар пользователя a022

a022

  • 29 июля 2010, 16:35
+
+1
* честно не видишь
Аватар пользователя a022

a022

  • 29 июля 2010, 16:36
+
+1
От такого обилия разнообразной навигации и от ее реализации (особенно прокрутка главных фоток) у девочек будет взрыв головы.
Аватар пользователя a022

a022

  • 29 июля 2010, 16:40
+
+1
Что за контора, я врубился только когда начал текст читать. Висит корона и надписи на плашке, как понять в итоге что за корона-то если рядом ни слова нет?

На сайте есть две крутилки и 4 меню, это все нужно для «решения задачи»?

Логотип розовый, который висит рядом с заголовком — хорошо висит?
Понять назначение большой черной ссылки и маленькой синий теоретически можно, но если напрячься и прикинуть, что наверное это группа товаров, к которой относится данная запись про коллекцию.
Аватар пользователя a022

a022

  • 29 июля 2010, 17:10
+
0
Объясни, зачем нужно две стрелки «вправо» справа и слева от большой фотки? Они обе листают вправо фотки?

А зачем адрес сайта писать под меню? Если кто вдруг забыл, что есть адресная строка и ему нужно срочно адрес сайта узнать?

Блок вывода товара содержит три ссылки — название товара (уверен что максимум две строки?), «размеры» и «добавитЬ в корзину» — не многовато ли? Почему бы не отрисовать что-то пиктограммой? Вдобавок еще выводится анонс, который для товара хрен кто когда будет админить (еще ведь есть полное описание?). В итоге из блока, где можно было бы прикольно показать пару товаров, мы получаем википедию.
Аватар пользователя a022

a022

  • 29 июля 2010, 17:21
+
0
Коллекция 2008, Коллекция 2009, здоровый телефон и стрелка. Все с одинаковыми отступами со всех краев (получился единый блок) и с минимальными отсупами внутри — от это настоящая каша.

Зато для дополнительной навигации (три фитюльки) выделено место по площади как баннер в шапке. Блок правда настолько важен? Про его оформление ничего не говорю, это, как ты пишешь, «На любителя».
Аватар пользователя a022

a022

  • 29 июля 2010, 17:26
+
0
Признаю, мне нравится общий подход, полет мысли и все такое. Ах да — дамы супер, конечно (разных бы, а то палево прямо).
Аватар пользователя a022

a022

  • 29 июля 2010, 17:29
+
+1
еще скажите что вам не нравится розовая кофточка )))
Аватар пользователя tau

tau

  • 29 июля 2010, 14:39
+
+2
Нет нет всё ярко,и вот гламурно, прямолинейно так… но помне в восприятии визуальный перегруз от всех этих деталей, я как простой пользователь. Я часто бываю по увлечениям на всяких креативных сайтах и вот где много кислоты в цвете — меня утомляет. Ну это может старость, а молодым и пойдёт
Аватар пользователя Andromed

Andromed

  • 29 июля 2010, 14:43
+
0
ну ты видишь весь сайт, а пользователь — его часть (в зависимости от высоты экрана в пикселях)
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 14:44
+
+1
Привет! :)
Альты верно, если их сейчас нет, появятся.

Итак, что продает наш магазин? Возможно каталог только наполняется, но пока там только женское поддерживающее белье: топы, шорты и плавки.


Больше там ничего не появится, около логотипа клиент и попросил написать, что сайт про белье, если кто не поймет вдруг. Шрифты и цвет их.

Уровень поддержки чего, кто что поддерживает? Мне человеку несведущему непонятно. По клику открывается картинка похожая на скан из журнала или каталога. Шрифты мелкие, вертикальный текст не читается, обычный приходится разглядывать. Почему не сделали обычным текстом непонятно. Таблицы разглядывать очень неудобно. Лучше было бы сделать пару селекторов (вид спорта, размер чашечки) и выдавать человеку нужный уровень поддержки.
Везде речь о спортивном белье вообще, а рассказ и таблица только о топах и выборе размера чашечки. Странно.


Если бы ты был блондинкой, понял бы все с полуслова ))
Было дано задание разместить именно эти картинки и таблицы про подбор.

Ввиду небольшого ассортимента каталог пока смотрится нормально. Но если он будет больше (а мы на это надеемся), то без сортировки не обойтись.
Сейчас сортировка представлена только тремя разделами: спорт с мячом, с ракеткой и без инвентаря. В них представлена часть каталога. К каким разделам относится остальное белье — непонятно. В каталоге определенно не хватает сортировки по типу товара, цене и по торговым маркам. Ну и расширить сортировку по типам применения. Еще стоит отвести отдельную страницу новинкам каталога.


Ничего не будет расширяться, это полный ассортимент.

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


Про сумбур подробнее, что именно тебя смутило? Про цену верно — обозначение валюты потеряли по пути, но это я уже заметил, починим, спасибо.

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


Не было задачи делать магазин и полнофункциональную корзину и вообще функция заказа тут скорее просто заманушка для блондинок, не более того (просто получить контакт с клиентом). Кому нужно что-то заказывать серьезно, придет и закажет, а заодно получит лично консультацию.

Кстати, информацию о том как выбрать размер и параметры товара или ссылки на них, есть смысл вынести в форму заказа.


Хорошая мысль, хотя перегружать интерфейс в данном случае не стоит, ЦА не продвинутые перцы.

Опять форма умнее посетителя — поля обязательны для заполнения, некорректный ввод (например 21249 — чем вам телефон не понравился?). А вот капча, которая сюда просится — нет.


Капча — убожество, ее применение в форме с контактами — издевательство над юзером.
Напомню — ЦА — блондинки, которые при виде капчи будут сильно нервничать. Поэтому просто проверяем поля. Чем не понравился такой телефон — не известно, проверим, должен нравиться.

«Спасибо! Ваш заказ принят. Администратор сважется с Вами в кратчайшие сроки»
Мало того, что ошибка. А если не свяжется? Дайте телефон и номер заказа. Я уже об этом говорил и снова повторяю. Раз уж делаете упрощенный заказ, сделайте его «ближе» к клиенту.


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

В «Ответах на вопросы» не хватает капчи. И снова обязательные поля.


No capcha, man! )

В «Контактах» никакой контактной информации почему-то нет. Зато есть форма. Что туда писать и кто это прочитает непонятно. Ссылка та же, что и «написать сообщение». Написать сообщение кому, куда, зачем?


Телефон висит на каждой странице. Адреса нет, факса нет, ну и схемы проезда, соотв. нет.
А какие у тебя варианты есть, кому сообщение отправится? Кто хочет связаться, тот свяжется, зачем ему объяснять зачем, он итак знает, куда — кроме как владельцу сайта через эту форму не отправишь, это очевидно.

Баннер спецпредложения никуда не ведет. Хотя просится страница со всеми спецпредложениями на одной странице и возможностью их заказа.


Да, баннер никуда не ведет и страницы со «всеми» спецпредожениями нет, потому что они все в баннере :)

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


Это верно, не поспоришь, но сейчас уже лень сильнее.

За рецензию огромное спасибо, в ближайщее время поправим косяки. Ну и ответы на Соловьинку напишем.

Аватар пользователя a022

a022

  • 29 июля 2010, 12:42
+
0
по поводу сумбурности в каталоге отвечу картинкой. (извините за качество на работе только Пэйнт).
Если его переделать например так:
Курск
читать и воспринимать будет гораздо удобнее.
И можно еще добавить парочку полезных фенек сюда. Например ссылку на описание уровней поддержки. А заказть сделать кнопкой справа внизу после описания. Сейчас она теряется.
Аватар пользователя tau

tau

  • 29 июля 2010, 13:02
+
0
Было дано задание разместить именно эти картинки и таблицы про подбор.

Можно было бы и сверстать текстом. И для поисковиков хорошо и пользователям удобно.
Но согласись, что «подбиратель» смотрелся бы лаконичнее.
Коротенький рассказ, пара чекбоксов и хлоп, все нужные параметры.
А таблицы отдельно если нужны, чтобы блондинки могли распечатать себе на стену :-)
Аватар пользователя tau

tau

  • 29 июля 2010, 13:04
+
0
Мы озвучивали подобное предложение, но клиент решил ограничиться теми материалами что есть. Текст, кстати, читается. Если бы нужно было для поисковиков текст размещать, он бы не открывался так, а жил в другом месте.
А блондинки пусть лишний раз позвонят владельцу сайта, если что-то не поймут в таблице. Будет больше пользы, чем если поймут все.
Аватар пользователя a022

a022

  • 29 июля 2010, 13:08
+
0
А, теперь понял, о чем ты.
Я его рисовал под более развернутое описание (правая колонка), а его оказалось в итоге очень мало. Переверстать придется, видимо, но не так, как ты изобразил, есть интереснее вариант.
Аватар пользователя a022

a022

  • 29 июля 2010, 13:05
+
0
я для примера за 5 сек в пэйнте, чтобы передать смысл
Аватар пользователя tau

tau

  • 29 июля 2010, 13:08
+
0
Очень хорошо, что ты на это внимание обратил, это уже серьезная вещь, будем переделывать.
Аватар пользователя a022

a022

  • 29 июля 2010, 13:09
+
0
Ничего не будет расширяться, это полный ассортимент.

Добавь раздел «универсальное», а то непонятно куда теряется пол каталога.
и это не к тебе, но еще раз к слову о «галерее». пара десятков наименований товара. зато пафос.
наверняка небольшой павильон в торговом центре?
Аватар пользователя tau

tau

  • 29 июля 2010, 13:10
+
0
Если зайдешь в контакты — нет адреса, о чем это говорит?
Аватар пользователя a022

a022

  • 29 июля 2010, 13:13
+
0
1. магазина не существует.
2. забыли написать.
3. шозанах?
Аватар пользователя tau

tau

  • 29 июля 2010, 13:37
+
0
Не было задачи делать магазин и полнофункциональную корзину...

Ты ведь не сторонник делать что-то ради того чтобы было?

Фактически этот функционал — проверка наличия и возможность отложить.
Клиент делает заказ. Администратор должен проверять наличие и откладывать товар. После чего звонить клиенту и уточнять когда бы ему было бы удобно подъехать в магазин или привезти домой (если есть доставка). Об всем этом надо написать в форме заказа.

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

Тогда в этом функционале будет хоть какой-то смысл.
Аватар пользователя tau

tau

  • 29 июля 2010, 13:17
+
0
Это не ради того чтобы было, я описал зачем.
Фактически это получение контакта с потенциальным покупателем. Никаких уникальных номеров и прочего не нужно.
Аватар пользователя a022

a022

  • 29 июля 2010, 13:21
+
0
ОК.
Ссылка «получить профессиональную консультацию бесплатно». Вводим имя и номер. Все.
Человеку звонят — он доволен, магазин получил контакт и сможет присылать смс со спецпредложениями или еще как-то пользоваться.

Вообще для чего нужен контакт. Чтобы получить данные о человеке и присылать ему рекламу и предложения. Ну и заманить в магазин.
Маним в магазин обещанием скидки при заполнении анкеты. (выводится какой-нибудь купон при правильном заполнении, его надо напечатать и принести в магазин чтобы получить скидку. например 3%)
В анкете все необходимые нам поля. Используем по своему усмотрению.
Задача решена?
Аватар пользователя tau

tau

  • 29 июля 2010, 13:42
+
0
Ты какую-то другую задачу решал, тут не нужно все это.
Аватар пользователя a022

a022

  • 29 июля 2010, 15:07
+
0
Хорошая мысль, хотя перегружать интерфейс в данном случае не стоит, ЦА не продвинутые перцы.

Как раз в этом и дело. Девочка кликнула на топ, ей понравилось, нашла кнопу заказа, тырк. А там выбирать что-то надо.
А тут добрые дядьки постарались и добавили возле каждого выбора описание (например «Как подобрать размер»), а цвет вывели цветным квадратиком. а лучше сразу топ нужного цвета с помощью прозрачного базового макета и подстановкой цвета бэкграундом.

Все рады. Блондинки оргазмируют :-)
Аватар пользователя tau

tau

  • 29 июля 2010, 13:22
+
0
Допустим есть там такая пимпа, и что будет если она нажмет? Закроется интерфейс заказа и откроется страница с описалкой, не думаю, что это будет намного удобнее. Зато ссылки на эти описалки подборов висят на всех страницах сайта в самом видном месте, нужно почитать, закроет заказ и откроет опислку в шапке.
Аватар пользователя a022

a022

  • 29 июля 2010, 13:27
+
0
Пусть открывается поверх или даже на той же странице.
Ссылки на то как подобрать до момента заказа малоинтересны, так как упоминание о размере и поддержке появляется только в момент заказа.
Аватар пользователя tau

tau

  • 29 июля 2010, 13:45
+
0
No capcha, man! )

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

tau

  • 29 июля 2010, 13:28
+
0
Для блондинок нет вменяемых капчей и люди их не любят, да.
Если проверялка нормально сделана, она даст оформить заказ, с багом протелефон разберемся. Зачем знакомых спрашивать? )))
Аватар пользователя a022

a022

  • 29 июля 2010, 13:31
+
0
Капча — это первый признак формы, которая умнее человека. На гугле задолбался вводить чтобы счетчики зарегить. С четвертого раза если угадал — ура.
Аватар пользователя a022

a022

  • 29 июля 2010, 13:34
+
0
как-то мне попадалась капча вот какая:
нарисованы животные несколько штук. Написано выберите слоника чтобы отправить заказ. Для отправки формы нужно выбрать верное животное.
Происходит отправка формы. При щелчке по другим не отправляется и напоминается то, что надо выбрать верное животное.
И вообще user-frendly каптчей полно.
Аватар пользователя tau

tau

  • 29 июля 2010, 13:55
+
0
Про контакты:
Люди привыкли что в контактах адрес и схема, а также телефоны и доп.полезности.
А тут тыкаешь, а тебя просят отправить сообщение. Ступор.

А вообще зачем кому-то может потребоваться что-то написать?
Задать вопрос можно в соответствующем разделе. А тут что? Пожаловаться на продавцов или на качество товара или сообщить об ошибке в описании товара?
Аватар пользователя tau

tau

  • 29 июля 2010, 13:31
+
0
Люди привыкли, а нету у клиента адреса и все тут.
А еще если не делать «контактов», то точно будет ступор, а так хоть сообщение отправить можно.

Если у кого-то есть вопрос и не охота звонить, он напишет (пишут, не волнуйся).
Аватар пользователя a022

a022

  • 29 июля 2010, 13:39
+
0
виртуальный магазин?
Аватар пользователя tau

tau

  • 29 июля 2010, 14:01
+
0
Да.
Обходятся без аренды, молодцы.
Аватар пользователя a022

a022

  • 29 июля 2010, 15:08
+
0
тогда как можно купить у них? оплатить?
доставка и все такое?
где об этом информация?
Аватар пользователя tau

tau

  • 29 июля 2010, 15:19
+
0
Позвонить им можно и узнать.
Аватар пользователя a022

a022

  • 29 июля 2010, 16:06
+
+1
Да, баннер никуда не ведет и страницы со «всеми» спецпредожениями нет, потому что они все в баннере :)


Ну хорошо. я увидел привлекательное предложение, но не запомню за секунду название товара или понравилось название не запомнил цену и должен сидеть ждать пока опять появится.

А решение простое. Добавляем в каталог поле «спецпредложение». Позволяем в админке ставить галочку возле любого товара. И выводим список товаров из каталога с этими галками по клику на баннер.
Аватар пользователя tau

tau

  • 29 июля 2010, 13:33
+
+1
блин, работа стала )
чуть позже отвечу на все
Аватар пользователя a022

a022

  • 29 июля 2010, 13:40
+
+2
ага, кстати. :-)
Аватар пользователя tau

tau

  • 29 июля 2010, 13:57
+
0
Это верно, не поспоришь, но сейчас уже лень сильнее.

при наличии блоков можно было бы всего-то поправить один шаблон.
Ну да ладно. На будущее ;-)
Аватар пользователя tau

tau

  • 29 июля 2010, 13:36
+
0
Я немного не уловил нить обсуждения, тут имеется ввиду блочные шаблонизаторы
?
Аватар пользователя ololo

ololo

  • 29 июля 2010, 23:40
+
0
Видимо имеется ввиду, что имея footer, мы можем быстро сделать нижнее меню.
Аватар пользователя a022

a022

  • 29 июля 2010, 23:45
+
0
А я уж было подумал о решениях вроде Блица, которые вряд ли стоит применять на таких сайтах.
Аватар пользователя ololo

ololo

  • 30 июля 2010, 00:43
+
+1
В части капчи целиком и полностью поддерживаю. Во-первых это ухудшает эргономику сайта, во вторых не несёт в себе никакой практической пользы.

С одной стороны, вряд ли кто-то будет массированно спамить форму мало кому известного сайта, а с другой — практически все реализации капчи уже скопомпрометированы. Борьба с единичными спамерами легко решается силами администратора сервера путём анализа интенсивности запросов к форме и их ограничения в случае нежелательной активности.
Аватар пользователя ololo

ololo

  • 29 июля 2010, 23:37
+
+2
Сайт в целом привлекательный! Сергею +1!
Аудит снова на 5+! Полезно иногда смотреть на творения со стороны!
Аватар пользователя lifemedia

lifemedia

  • 29 июля 2010, 12:47
+
0
Спасибо )
А аудит супер, верно, очень полезная практика.
Аватар пользователя a022

a022

  • 29 июля 2010, 12:48
+
+1
Ну Ваши вкусы мы знаем. Поэтому слово «привлекательный» в Вашем исполнении — это уже что то значит ))) Тревожный звоночек. Динь-динь.
Аватар пользователя inhotteb

inhotteb

  • 29 июля 2010, 13:39
+
+3
Идея использовать в оформлении сайта блоки в виде параллелограммов придают сайту спортивной одежды вполне уместный динамизм и выглядят совсем не избито. Если посмотреть на сайт повнимательнее, то очевидно, что дизайнер и верстальщик не справились со своей задачей. Ниже я продемонстрирую это на нескольких наиболее ярких примерах.

Очевидно, что дизайнер подразумевал заполнять фоном всю доступную площадь страницы. Верстальщик, работая над главной страницей сайта, решает, что для осуществления замысла дизайнера достаточно заполнить её фоном в горизонтальном измерении. Как результат, главная страница встречает нас массивной белой полосой внизу, которая рушит всё впечатление от, казалось бы, геометрически строгого порядка:

Курск

Дизайнер не отстаёт от верстальщика в своей небрежности, благодаря чему строгости и порядка в макете нет. Часть элементов выглядит стройно и согласованно, другая часть живёт своей жизнью и не подчиняется общему графическому ритму. Здесь ясно видно, что параллельные линии в геометрии студии Шоубиз студио вполне могут пересечься где-то за границами экрана:

Курск

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

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

Курск

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

Курск

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

Курск

Главная проблема этого сайта такова: использование в макете сложных сочетаний ярких и ненасыщенных цветов, а уж тем более и в виде градиентных заливок, требует от дизайнера особой ответственности и чувства меры. Шаг вправо, шаг влево — и появляется реальная опасность вместо красивенького градиента получить грязь и визуальный музор. К моему глубокому сожалению, в нашем случае дизайнер не прочувствовал всей ответственности, хотя задатки для этого у него имеются.
Аватар пользователя ololo

ololo

  • 29 июля 2010, 20:53
+
+2
Клёво. Выполню работу над ошибками.
Аватар пользователя a022

a022

  • 29 июля 2010, 21:00
+
+1
Я привёл лишь небольшую часть проблем, поскольку описание и иллюстрирование остальных могут занять значительное время. Тут скорее надо провести воспитательную работу среди исполнителей либо нанять человека, который будет следить, чтобы такого не происходило.

Второй вариант всяко будет эффективнее, поскольку дешевле сдельно оплачивать разовые консультации опытного специалиста, чем нанимать более квалифицированный персонал на всех этапах. А там, глядишь, в процессе и штатные работники начнут подтягивать свой уровень.
Аватар пользователя ololo

ololo

  • 29 июля 2010, 21:05
+
+3
Мне интересно.
Аватар пользователя a022

a022

  • 29 июля 2010, 21:07
+
+1
Заказчик очень просил написать именно мистралем именно это слово, личного контакта с клиентом у меня не было, в итоге отговорить не вышло, придется жить с этим )
Аватар пользователя a022

a022

  • 29 июля 2010, 21:43
+
+2
Исправил «параллельные» линии, правда теперь в крутилке нужно фотки сдвинуть чтобы слева уголок не торчал серый, но это уже к программерам. Кернинг поправил.
Аватар пользователя a022

a022

  • 29 июля 2010, 22:24
+
0
Добавление в избранное — игрушка, но я ее везде ставлю, чисто по приколу (может быть кому-то придется). Только что проверил — работает во всех браузерах, только хром и сафари выдают окошко с просьбой нажать ctrl + D, в остальных все ок.
Аватар пользователя a022

a022

  • 29 июля 2010, 22:33
+
+2
Прикол в том, что на маке, например вообще нет таких хоткеев. Там используется другая кнопка. Получается, надо учесть систему и браузер и не покуазывать ем, кто не сможет этим воспользоваться.
Аватар пользователя ololo

ololo

  • 29 июля 2010, 22:45
+
0
Процент юзеров на маке на наших сайтах 0,5-1. Стоит ли заморачиваться?
Когда эта фишка работала только в ИЕ, мы делали так, чтобы она не показывалась остальным, смысл в этом случае более очевиден был.
Аватар пользователя a022

a022

  • 29 июля 2010, 23:02
+
0
Стоит или нет — решать тебе как руководителю студии. Я просто обратил внимание на важные с моей точки зрения вещи.

В этом вопросе я не могу претендовать на объективность, поскольку с одной стороны я убеждён, что дублировать функции браузера на страницах сайта не стоит, а с другой — я пользователь Мак ОС со значительным стажем. Представь, сколько за десять лет я натерпелся от сайтов, тестировавшихся исключительно под IE.
Аватар пользователя ololo

ololo

  • 29 июля 2010, 23:31
+
0
Как ты смог добиться того, чтобы «на главную» перенеслось на вторую строку, я пока не просек. В хроме смотрю, все нормально. Может это в сафари только?
Аватар пользователя a022

a022

  • 29 июля 2010, 22:34
+
+2
Кроме особенностей браузера есть ещё и особенности конкретных ОС. А если помножить одно на другое, то без соответствующего опыта можно словить много подобных сюрпризов. Причём они показывают не баги браузеров или операционок, а проблемы самого сайта, которые не всегда видны на популярных браузерах под Windows.

Информация к размышлению:

Курск

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

ololo

  • 29 июля 2010, 23:24
+
0
Где именно ты заметил грамматическую ошибку?
Аватар пользователя a022

a022

  • 29 июля 2010, 23:47
+
+1
Заголовки первых двух окон — «Спорт с мячем». Правильно — «с мячом».
Аватар пользователя ololo

ololo

  • 30 июля 2010, 00:32
+
+1
Интерлиньяж, я так понял, стоит уменьшить и двинуть каждую строку влево? Тут у меня или уже глаз замылился, или недостаточно навыков чтобы «смотреть» нужным образом, кажется что все нормально.
Аватар пользователя a022

a022

  • 29 июля 2010, 22:38
+
+1
Я могу в субботу во второй половине дня помочь разобраться с этим вопросом.
Аватар пользователя ololo

ololo

  • 29 июля 2010, 23:33
+
0
Супер.
Аватар пользователя a022

a022

  • 29 июля 2010, 23:41
+
+1
Копирайты исправил.
Аватар пользователя a022

a022

  • 30 июля 2010, 00:09
+
+2
Подвал теперь не обрубается и «на главную» не должно больше прыгять, проверь, если не влом, мака у меня нет, а под виндой итак везде работало.
Аватар пользователя a022

a022

  • 30 июля 2010, 00:15
+
+1
Теперь порядок и с подвалом и с «главной». В ФФ всё ещё наблюдается шрифт с засечками, но я думаю, что на этом можно закрыть глаза. Главная без белой полосы выглядит хорошо, но на внутренних появились проблемы:

Курск

Насколько я помню, сегодня вечером горизонтальной серой полосы посередине ещё не было.
Аватар пользователя ololo

ololo

  • 30 июля 2010, 00:41
+
+1
Готово.
Аватар пользователя a022

a022

  • 30 июля 2010, 01:04
+
0
Остался последний штрих:
Курск
Аватар пользователя ololo

ololo

  • 30 июля 2010, 01:14
+
+1
Готово.
Аватар пользователя a022

a022

  • 30 июля 2010, 01:32
+
+2
а теперь всё нормально
Аватар пользователя ololo

ololo

  • 30 июля 2010, 01:47
+
0
По поводу копирайтов вопрос. Кавычки не нужны в данном случае только потому, что названия контор латиницей? Или нужны «английские лапки»? Русскоязычные должны быть точно в кавычках «елочках», это я помню.
Аватар пользователя a022

a022

  • 30 июля 2010, 12:33
+
+1
При указании сведений о принадлежности авторского права в печатных материалах кавычки уместны лишь при указании организационной формы предприятия или иного связанного слова совместно с его официальным названием. Например: © ООО «Showbiz studio» или © Студия «Showbiz».

Текст, набранный латиницей в массе рускоязычного текста, подчиняется правилам оформления, которые диктуются основным языком документа. Кавычки необходимы только в том случае, когда наименование правообладателя является широкоупотребительным словом или фразой, например © «Машина времени».

Что касается веба и других нематериальных медиа, то здесь формализованных правил нет. По очевидной аналогии довольно часто можно встретить ссылки оппонентов на ГОСТ Р 7.0.1-2003. Однако это вряд ли можно считать правильным в силу того, что притягивание за уши библиографических традиций в веб и уж тем более в другие медиа неичем не оправдано в силу их специфики.

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

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

Курск

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

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

ololo

  • 30 июля 2010, 18:31
+
0
Третий по счету содержит избыточность — или знак лишний или слово.
Аватар пользователя a022

a022

  • 30 июля 2010, 18:38
+
+1
Там не везде всё гладко, я просто обобщил практику использования знака охраны авторского права. В документах на русском языке использовать слово Copyright некорректно, можно просто поместить вполне ясный и понятный нам знак ©. По поводу использования этого знака можно вполне написать отдельный большой пост.
Аватар пользователя ololo

ololo

  • 30 июля 2010, 19:10
+
+1
Орфография исправлена, бег перенесен в строку выше.
Аватар пользователя a022

a022

  • 30 июля 2010, 18:56
+
0
Сразу же можно было бы выводить только те размеры и цвета, которые есть у конкретного товара.


Оно так и сделано, просто у товаров есть все возможные разделы.
Аватар пользователя a022

a022

  • 30 июля 2010, 18:19
+
0
Знак рубля добавили в каталоге.
Аватар пользователя a022

a022

  • 30 июля 2010, 19:08
+
+1
А вот это сомнительное достижение, на мой взгляд. Знака рубля не существует, что бы там ни пропагандировал Самизнаетекто.
Аватар пользователя ololo

ololo

  • 30 июля 2010, 22:04
+
0
Ну и реализация подкачала: в то время, как весь остальной текст на сайте со сглаживанием, «знак рубля» по понятным причинам этого сглаживания лишён:
Курск
Аватар пользователя ololo

ololo

  • 30 июля 2010, 22:09
+
0
Этот скрин из какого браузера, и какая ОС на компе?
Аватар пользователя m_sergey

m_sergey

  • 30 июля 2010, 22:47
+
+1
Эффект наблюдается во многих браузерах на различных платформах. Он связан не с особенностями клиентского софта, а с непосредственной реализацией «знака рубля» на этом конкрентном сайте. Скриншот был сделан с рендера Webkit r64341.
Аватар пользователя ololo

ololo

  • 31 июля 2010, 02:02
+
+1
Неудивительно, что ЦБР в своё время не принял ни один из предложенных вариантов знака рубля. Представленный выше, например, филиппинцы запросто спутают со своим песо:

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

ololo

  • 31 июля 2010, 02:27
+
+4
картинка из курска
картинка из курска
Аватар пользователя tyler

tyler

  • 30 июля 2010, 20:03
+
0
Этот даже по-интереснее будет.
Аватар пользователя a022

a022

  • 31 июля 2010, 12:22
+
-2
Куда «Р» побежали?

Firefox 3.5.3
Курск

IE6
Курск
Аватар пользователя tau

tau

  • 2 августа 2010, 09:41
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.
Наверх