Да, есть такой баг если товаров в «спецблоках» менее чем помещается при данном разрешении экрана. Но, их там всегда должно быть на много больше — менеджеры клиента назначат данные статусы товарам чуть позже, сейчас есть более важные задачи.
При скроллинге происходит AJAX подгрузка товаров из БД, по этому в «спецблоке» можно просмотреть их все, хоть 10000 штук.
Я думал, что все уже сказал тебе 🙂
Просто повторять это все здесь — портянка получится.
Могу лишь озвучить самое важное:
1. Структура каталога — ужасна.
2. Отказались от постранички зря.
3. Фильтры так не должны работать, да и выглядят они ужасно.
В общем много недочетов.
Вы так часто в своих постах доказываете, что «продающий сайт» в дизайне не нуждается, что скоро слова «продающий сайт» и «плохой дизайн» станут синонимами 🙂
Ну вы знаете — я считаю что для ИМ дизайн сам по себе, вторичен. Его можно понимать неотрывно от функционала, который достаточно жестко регламентирован.
Вы как дизайнер меня может не понять.
В общем есть гораздо более важные ошибки.
Дима, не томи уже! Считаешь, что есть серьезные промахи — озвучь. Мы же адекватные ребята и к мнению коллег прислушиваемся — изучим, обсудим..
Собственно конструктив в том и есть, что дизайну следовало бы удилить больше времени. Вы очень упрощаете себе задачу по умолчанию ставя функцию выше внешнего вида. Это было бы справедливо в отсутствии конкурентной среды. А, как я полагаю, сам ИМ и товар который через него реализуется не уникален на рынке. В таком случае требуется брендирование, чтобы выделить свое предложение и внедрить его в головы потребителей. Принцип простой сначала внимание потом интерес, желание и действие. А функцию привлечения внимания и выполняет броский внешний вид.
Мою позицию вы знаете. Я ее много раз уже озвучивал. Озвучу еще раз. Истина как всегда посередине в балансе функции и оформления. Пренебрегать, чем-либо — это заведомо ухудшать проект.
Вот как-то так.
Это так же как в оффлайне. В 90х помните везде были палатки и ларьки и покупали потому что лучшего не было. А теперь люди предпочитают в приличных офисах покупать, кушать не в грязных пивняках, а в приличных заведениях.
К тому же хороший дизайн, при всех прочих равных условиях, создает позитивный образ, увеличивает лояльность клиента, расширяет базу клиентов за счет положительных рекомендаций.
Да что говорить это азбука. Бизнес в современном мире уже не продает товар а продает отношение.
«В таком случае требуется брендирование, чтобы выделить свое предложение и внедрить его в головы потребителей.»
Наверное, для решения этой задачи, стоило начать с разработки логотипа и фирменного стиля, а в данном случае мы работали с тем что уже было у заказчика. Но, может быть имеет смысл переработать, как считаете?
«Принцип простой сначала внимание потом интерес, желание и действие.»
Дмитрий, отлично сказано!
«Бизнес в современном мире уже не продает товар а продает отношение.»
Еще раз в мемориз! 🙂
Я же говорил, что вы не поймете. 🙂
Все зависит от задач и товара….
Можно сделать сайт абсолютно без дизайна и даже в очень конкурентной среде. И он будет продавать и будет успешен. Главное, чтобы на нем было все понятно и удобно. Т.е. выражение «Вы очень упрощаете себе задачу по умолчанию ставя функцию выше внешнего вида. » я бы перефразировал так: «В некоторых случаях мы это делаем осознано и специально, чтобы не мешать продажам. » Поймите это уже особая каста ИМов, где оригинальный дизайн, только мешает.
А ваш подход: «В таком случае требуется брендирование, чтобы выделить свое предложение и внедрить его в головы потребителей. Принцип простой сначала внимание потом интерес, желание и действие. А функцию привлечения внимания и выполняет броский внешний вид.»
подойдет как раз для магазинов, где торгуют чем то люксовым и эксклюзивным. И вот эта вся люксовость и эксклюзивность конечно должна быть выражена в дизайне.
А в остальном ваш подход катит для корпоративки и промо сайтов. Вот там надо удивлять броским дизайном.
«Все зависит от задач и товара….
Можно сделать сайт абсолютно без дизайна и даже в очень конкурентной среде. И он будет продавать и будет успешен. Главное, чтобы на нем было все понятно и удобно.»
А если будут самые низкие цены к городе, то можно просто выложить прайс на narod.ru и телефон 🙂
Думаю, что дизайн и брендирование в и-м тоже важны, не так как в корпоративных сайтах, но все же.
Ведь раскрученный узнаваемый бренд — это еще и доверие потенциальных покупателей, а в интернет торговле данный вопрос стоит остро.
Цены к нашей теме отношения не имеют.
Да ладно уж с брендированием, хотябы упорядочить визуально интерфейс можно ведь? Чуть добавить простора в интерфейсе чтобы блоки считывались более целостно, сейчас же слепается все. Или отступ в 10-15 пикселов у вас стоит отдельных денег? Добавьте рамки в 1 пиксель в фотках товаров чтобы кнопки в воздухе не висели раз уж часть фоток на белом фоне. Отпустите немного вниз цену, чтобы на текст не наезжала. Ссылки в шапке сгруппируйте в навигационный блок, что они расползлись по всей шапке. Освободите для лого поля, какая-никакая а идентификация, зачем так зажато? Заголовки в блоках положить на светлосерую плашку чтобы заголовки блоков считывались. Непонятные элементы у блоков с товарами заменить на стрелки, сейчас они скорее напоменают какой-то элемент масштабирования этого блока. И т. д.
Все вышеперечисленное это как раз то что делает работу с интерфейсом удобно, о стиле и декорированиии я и не говорю.
Все вышеперечисленное это как раз то что делает работу с интерфейсом удобно, о стиле и декорированиии я и не говорю.
——————
Тут соглашусь на 100%. Просто мы для себя в понятие Дизайн вкладываем создание некого креатива (т.к. понятие очень обобщенное). А то что без креатива, но красиво и удобно — это для нас разработка интерфейса. Тут мне кажется просто быть дизайнером не достаточно. Надо быть близким к разработке и понимать какие есть технологии и их реализации.
Достаточно просто быть дизайнером и хорошо понимать составляющие своей профессии. Ведь кроме эстетики (о которой все говорят) и функции (о которой говорят не все) дизай включает в себя и морфологию (о которой ничего не говорят). Если объект дизайна сложен и состоит из отдельных частей связанных между собой (как например сайт из отдельных страниц) то создание логичной и удобной структуры связей есть задача именно дизайна 🙂 Правда сейчас подавляющее число сайтов диномично но это частный случай ставший всеобщей практикой), но для статичных презентационных проектов структура должена разрабатываться именно дизайнером на основе представленного материала.
Так, что, martin, критикуя структуру каталога на этом сайте, вы критикуете дизайн 🙂
Мы спорим, потому что мы как разработчики, точно проводим грань между правым и левым полушарием 🙂 Т.е. Дизайном и Разработкой. Поэтому мы позиционируем себя как команду разработчиков, а не как студию. На самом деле вы правы — все что связано с разработкой — тоже Дизайн, ведь есть промышленный дизайн , там без инженерной специальности и знаний сопрамата никак 🙂 Но коль мы сфокусированы только на вебе, то здесь важно эти понятия точно разделить. Да и с клиентам в этом случае проще нас понимать, соответственно нам проще продавать свои услуги.
Дима, на сколько помню — основные вопросы вызывала тавтология в рубрикаторе, но сейчас то все ок уже — заказчик по тихоньку товарные категории из 1с выгружает в правильной иерархии. А что еще?
Мне кажется не хватает цветовых акцентов, плашек и т.д.. Слишком все стерильно и чисто. Ощущение что сайт отбелили Доместосом. И не надо зацикливаться на двух цветах. Даже цветовые плашки очень светлых оттенков отлично делят информацию на смысловые блоки. Как пример:
И еще. Почему бы эти формы как то не ограничивать по длине. А то глаза шпагат делают:)
Спасибо за ссылку, Максим — мне нравится, покажу нашему дизайнеру.
Замечу так же, что дизайн может быть красивым, но не функциональным. Обилие плашек, кнопок итд запросто могут превратиться в излишний графический мусор отвлекающий от покупки и мешающий навигации. В этом плане довольно сложно найти оптимальное соотношение красоты и функциональности.
— тоже не особо красив, а лидер по оборотам и посещаемости в РФ.
«А то глаза шпагат делают:) »
Зачотный у вас монитор! :-))
выше написал. Я вот зашел в раздел с мониторами. Нажал 21,5 дюймов, он мне все отфильтровал. А сколько товаров nj нашлось?? И долго мне скролить вниз, скоро я до конца списка дойду? Это же не твиттер, где я читаю все подряд сверху вниз.
Как считаешь, если вывести информацию по количеству найденных товаров и уже отображенных на экране, это решит проблему?
Мы на Ковренке сделали как на Я.Маркете. Фильтр сразу делает запрос и не только ищет, сколько нашлось, а также исключает все значения свойств, с которыми нет пересечений в найденных товарах. Ну и выводит в кнопке «Показать N товаров». И только после ее нажатия перезагружается классическая страница с постраничкой. К которой уже все привыкли. Да и для СЕО это лучше. В общем яркий пример, когда все эти Аяксы могут быть не к месту.
Дима, в плане SEO все должно быть отлично. Поисковики не подгружают JS и видят обычную панель постранички.
То, что при фильтрации не нужно делать дополнительный клик по кнопке «Применить/Показать/Наложить фильтр» считаю на простив, во многих сценариях поведения пользователей плюсом.
Исключение из списка не имеющихся в текущей выборке свойств — это довольно крутой функционал для 1С-Битрикс. Нужно отказываться от API и писать прямые запросы к БД. Молодцы если реализовали на Ковренке. Мы на remny.ru включали и в половине случаев пока отказались — слишком высока нагрузка на сервер хостера — сразу гонят на более дорогой тарифный план..
Исключение из списка не имеющихся в текущей выборке свойств — это довольно крутой функционал для 1С-Битрикс. Нужно отказываться от API и писать прямые запросы к БД. Молодцы если реализовали на Ковренке.
————————————-
В 20 часов оценили такой фильтр — уложились и без выхода за рамки АПИ 🙂
Мы на remny.ru включали и в половине случаев пока отказались — слишком высока нагрузка на сервер хостера — сразу гонят на более дорогой тарифный план..
————————
Не брезгуйте индексами.
Ну ты же знаешь какие запросы генерирует битрикс — индексы там как мертвому припарка. Все летает при прямых запросах, но это не совсем кошерное решение. В общем, наверное сделаем, но позже. Сейчас еще фильтровать не по чему — свойства только наполняют.
индексы там как мертвому припарка.
—————————-
Ну ты это зря конечно. С индексами по нужным полям, производительность запросов может ощутимо увеличится.
Все летает при прямых запросах
—————————
Если честно, не могу понять, чем в этом случае тебе помогут прямые запросы…
На сайте которые хотят продавать, визуальный мусор я даже приветствую. Здесь действуют те же правила что и в офлайн магазине, где куча ценников, воблеры, шелфтокеры, наклейки. Только вместо продавца интерактивные возможности сайта. Должно быть особое ощущение движухи, Это конечно больше от маркетингового отдела заказчика зависит.
По правильному соотношению красоты и функциональности, да, найти золотую середину достаточно сложно.
«1. Структура каталога — ужасна.»
Классическая двухуровневая структура, такая же в и-м Starcom и DNS:
Что в ней такого ужасного? Не понимаю.
«2. Отказались от постранички зря.»
Пожелание заказчика, но в целом и нам нравится — поисковики страницы видят, лишних кликов делать не нужно. Единственное в табличном представлении для оптовиков не удобно итоговую сумму стало смотреть. Наверное продублируем ее и вверху. А чем тебе такой подход не нравится?
«3. Фильтры так не должны работать»
Не понял. Результат фильтрации не совпадает с ожиданиями пользователя?
Классическая двухуровневая структура, такая же в и-м Starcom и DNS
—————————
Рома, в DNS Мониторы лежат в «Периферия, офисная техника», и телевизоры на своем месте, а не как у вас. Но я понимаю, что тут скорей клиент виноват, чем вы.
Лично меня напрягает сильно функционал.
Не нравится резина, неудобно и кружится голова от многообразия ничем не разделенных товаров с прокруткой на главной.
Короче, Млять где я?!
Ощущение бардака.
Я, конечно, не говорю, что здесь всё идеально (имеются недоработки), но по удобству отображения и сортировки мне нравится
Лично меня напрягает сильно функционал.
Не нравится резина, неудобно и кружится голова от многообразия ничем не разделенных товаров с прокруткой на главной.
Короче, Млять где я?!
Ощущение бардака.
Я, конечно, не говорю, что здесь всё идеально (имеются недоработки), но по удобству отображения и сортировки мне нравится
Не знаю, но хочу выяснить. Может быть кто-нибудь знает?
У меня есть предположение, что дизайн рисовали в «колонии строгого дизайна», так как они делали техномаксу лого в этих же фирменных цветах. Хотя это только предположение…
Неправда ваша, Евгений. Для того чтобы оформить заказ необходимо только указать вашу Фамилию, Имя, e-mail — логин и пароль будут сгенерированы автоматически и высланы на указанные e-mail. Это называется прозрачной регистрацией.
Она необходима для того чтобы система могла идентифицировать пользователя и в дальнейшем он мог просматривать историю своих покупок, получать накопительные скидки, участвовать в дисконтных и бонусных программах, получать персональные рассылки и уведомления итд
Точно, ошибся я, Роман ). Но могу объяснить почему: Зайдя на страницу покупки, мне заголовок красным по белому говорит «Регистрация и авторизация» и я вижу кучу полей (причём для «новеньких» этих полей больше в 2-3 раза) — это напрягает. И самое архаичное — это, конечно, капча. Может стоило бы сделать переключатели типа «Уже покупали у нас?» и «Покупаете у нас впервые?» ну и выводить поля в соответствии с выбором. Но это уже так, придирки ).
Дмитрий Антипов, спасибо за предложения, но, я не очень понял суть нескольких из них. Можно подробнее?
1. Зачем рамки в 1 пиксел на фотографии с белым фоном?
На ozon.ru, amazon.com, market.yandex.ru и др. фотографии так же на белом фоне и никаких рамок нет — от этого кнопки на этих сайтах в воздухе не висят.
2. В какое конкретно месте интерфейса вы предлагаете отступ в дополнительных 10-15 пикселов и для чего?
3. Длинные названия товаров сейчас обрезаются до определенного количества символов с добавлением многоточия. Не учли разную длину переноса на новую строку, по этому у части товаров названия расположились близко к цене — это поправим.
4. Главное меню, наверное да, нужно будет выровнять по центру освободив логотип.
5. Кнопки скроллирования спецблоков стилизованы под общий компьютерный дизайн. Не предполагали что у кого-то из пользователей вызовет затруднение понимание их предназначения — соберем еще информацию. Если подтвердится — заменим на другие.
6. Заголовки в блоках положить на светло-серую плашку чтобы они считывались? Не очень понятно в чем трудность считывания заголовков у вас сейчас?
Разумеется все о чем писал могу объяснить, только чтобы сделать это наглядно потребуется время, а его сейчас нет. Будет минутка отвечу подробно почему зачем и как.
martin, кстати, лазал вчера по сайту через свой HTC и пришел к выводу, что все таки мы очень правильно сделали когда использовали автоматическую подгрузку товаров вместо классической «постранички» — на мобильных устройствах навигация очень удобна!
Хотя оговорюсь, специально под мобильные устройства мы этот сайт еще не оптимизировали. Так — приятный бонус 🙂
Абстрагируйся, и задайся целью что-то купить. Это трудно делать самому, тем более если ты этот сайт сам делал. Обычно для теста дается задание, скажем найти такой-то товар, с такими-то параметрами. Тогда бы ты понял о чем я.
Вот я недавно покупал мониторы, нашему дизайнеру 27 дюймов (дизайнерский), и домой себе тоже купил 27 дюймов (попроще), в общем, знаю о чем говорю.
Так вот заходим в мониторы. Смотреть все смысла нет — меня интересуют только самсунги (слышал что они новую матрицу выпустили круче чем IPS грят). Я сразу в фильтре жму самсунг. ОК нашлись самсунги. А сколько? Если их всего 5, да я и так посмотрю, а если их больше 20-30, то мне надо еще как-то фильтрануть. Потупил чуток, помотал вниз, а они там еще грузятся, видать, их там много. Ок, фильтрану ка я еще — нафига мне смотреть вяское Г на 20 дюймов. Выбрал в фильтре разрешение 1920х1200 — вообще ничего не вывело. Причем в этом случае полоса загрузки иногда не исчезает. Ни каких сообщений, что таких товаров не нашлось не вывелось. Хули, пользователь умный — сам поймет, что результат пустой. Ок! опять снимаю галку с разрешения — буду смотреть подряд, видимо их не так много там. Решил сразу помотать вниз, чтобы сразу все прогрузить. Вернулся на верх, зашел в первый, почитал, не то. Возвращаюсь кнопкой «назад». Бля, а где самсунги, которые я отфильтровал????
Представляю какой бес возьмет пользователя, когда товаров будет действительно много, и он в фильтре кучу параметров навыбирает.
Ром, вот если, бы тестированием занимались, думаю в первую очередь о пользователе (а значит и продажах заказчика), то для вас это было бы очевидно.
А сейчас это яркий пример, когда вы думали в первую очередь о себе, внедряя супер технологичные фишки повышая свое ЧСВ 🙂
Вот такая жесткая правда, Ром.
Дима, это всего лишь твоя субъективная оценка.
В том числе, это желание притянуть ситуацию (не зная ее изнутри и со всех сторон) под почему-то удобный тебе вывод, которое не даёт сейчас адекватно воспринимать собеседника — ведь ранее я уже написал, что подгружаемые страницы это пожелание заказчика (НЕ наше). Сделано уже после запуска сайта по дополнительному соглашению.
И правильно, что сделано! Многих недостатков описанных в приведенной тобою ссылке на хабр наш подход лишен — например, поисковики наши ссылки видят (опять повторяюсь.)
У нас полно минусов, например: сделать что-то качественно (в нашем понимании) и основательно (часто слишком и чересчур), жесткая поэтапность (пока не закончим одно дело к другому не приступим), отсутствие гибкости и лояльности к заказчикам (они плачут от нас горючими слезами) итд Но, внедрение супер-технологий и фишек ради повышения своего ЧСВ — это точно не наш минус.. Дим, может проекция? 😉 Мы наоборот крайне консервативны (тоже наш большой минус, на изучение нового катастрофически не хватает времени) и если внедряем новые фишки, то делаем это с большой осторожностью и в малых дозах, тренируемся на кошках.
Адаптивный фильтр, когда от выбора одного значения параметра список доступных для выбора значений других параметров сужается, да это круто. Да, это было бы удобно для покупателей и полезно для магазина, и мы бы сами очень хотели попробовать реализовать этот функционал в дальнейшем. Но, он очень нестандартный и сложный как минимум для реализации в 1С-Битрикс (я опять повторяюсь). В полной мере и по всем свойствам это не реализовано ни в Эльдорало ни в Евросети ни в МТС ни в других крутых магазинах с крутыми бюджетами разработанных на 1С-Битрикс.
Нам на его реализацию, учитывая допустимую нагрузку создаваемую на сервер хостинга при выбранном тарифном плане и предполагаемой посещаемости, потребуется минимум одна человеко-неделя. Заниматься этим сейчас, когда и свойств у товаров еще нет и не известно когда они появятся — бессмысленно. Говорить что это делается легко и просто — шапкозакидательство. Я считаю, что для достижения цели, сейчас есть более приоритетные задачи, причем закрепленные не за нами, а за Заказчиком.
А советовать все молодцы. Если умеешь лучше, уверен в силах — возьми и сделай. Контакты заказчика у тебя есть, у него твои тоже. Мы будем только рады если проект будет и дальше развиваться.
По-моему, замечания мартина – очень толковые. Нельзя вычленить ссылку на отфильтрованный список – плохо. Не работает кнопка back с товара в каталог – ужасно. Не видно, сколько там еще грузить осталось – терпимо. Если на все это не было заложено времени, то был ли смысл вообще внедрять эту технологию, ведь действительно по сравнению со стандартной реализацией стало сильно хуже.
«Не работает кнопка back с товара в каталог – ужасно.»
Объясняю.
Во-первых, часто ли вы ее нажимаете? Я вот например только на мобильном устройстве и никогда на ПК. Действительно ли это «ужасно» или вы сгущаете краски?
Во-вторых, если мы используем технологию AJAX для реализации в каталоге: постраничной навигации, фильтрации, сортировки, покупки итд то информация в блоке обновляется динамически. Это очень здорово потому, что отрабатывают только те компоненты, которые отвечают за формирование и вывод информации в обновляемом блоке. А все остальные не отрабатывают. В результате нагрузка на сервер существенно снижается, страницы начинают загружаться существенно быстрее (а для ПО 1С-Битрикс данный вопрос стоит очень остро) и в целом навигация по сайту для пользователей становится более комфортной и приятной.
Но, да, есть один минус:
При этом URL страницы остается неизменным, по этому кнопка браузера «Назад» работать не будет. Я считаю что в данном случае плюсы перевешивают минусы. Кроме того теоретически это лечится:
1. можно использовать якоря в ссылках, вроде:
при этом сам вид ссылки будет некрасив, а сама реализация довольно трудоёмка.
2. Совсем недавно, благодаря нововведениям в HTML5 появилась возможность работать с объектом history и менять URL текущей страницы без её непосредственного обновления. Естественно что в старых версиях браузеров работать не будет.
Там и комменты забавные 🙂 А теперь, Ром, осталось еще раз подумать, и даже, возможно, реально провести тесты, и сделать вывод, что удобно, а что не удобно.
Ощущение бардака.
Непонятна навигация магазина? Вызвал затруднение поиск нужного вам товара? Как можно улучшить на ваш взгляд?
Может быть перегружена главная?
OSX, Chrome
Загружаю сайт в блоке хиты продаж, новинки вижу всего 2 элемента.
Нажимаю кнопочку справа, добавляется еще 2.
Жму еще раз — еще 2 добавилось.
Дивная, сеоориентированная, резиновая верстка дает сбой.
в мазиле тоже, все три блока глючат
Да, есть такой баг если товаров в «спецблоках» менее чем помещается при данном разрешении экрана. Но, их там всегда должно быть на много больше — менеджеры клиента назначат данные статусы товарам чуть позже, сейчас есть более важные задачи.
При скроллинге происходит AJAX подгрузка товаров из БД, по этому в «спецблоке» можно просмотреть их все, хоть 10000 штук.
Спасибо. Сейчас все должно быть ровно.
В сафари все развалилось 🙁
Что именно развалилось и в какой версии сафари? У меня все ок
если я не ощибаюсь toasterec на Mac сидит…..
Это же типовое решение Битриксовское? 😀
Это нетиповое индивидуальное решение.
4/10
пару баллов дал за стандартное решение
Спасибо за вашу субъективную оценку.
Правда не очень понято по какому алгоритму она строится.
На два-три интернет-магазина с 10 баллами из 10 возможных, в вашем представлении, можно посмотреть? И на 2-3 с 1 из 1. Заранее спасибо.
Я Роману свою оценку этому проекту давно уже дал 🙂 Очень много спорных моментов…
Ну а некоторые моменты не просто спорные, а очевидные 🙂
Например отсутствие дизайна?
Не совсем: еще отсутствие верстки и программирования.
Дмитрий, ну от вас-то чуть больше конструктива чем от анонимов хотелось бы.
Я думал, что все уже сказал тебе 🙂
Просто повторять это все здесь — портянка получится.
Могу лишь озвучить самое важное:
1. Структура каталога — ужасна.
2. Отказались от постранички зря.
3. Фильтры так не должны работать, да и выглядят они ужасно.
В общем много недочетов.
Вы так часто в своих постах доказываете, что «продающий сайт» в дизайне не нуждается, что скоро слова «продающий сайт» и «плохой дизайн» станут синонимами 🙂
Ну вы знаете — я считаю что для ИМ дизайн сам по себе, вторичен. Его можно понимать неотрывно от функционала, который достаточно жестко регламентирован.
Вы как дизайнер меня может не понять.
В общем есть гораздо более важные ошибки.
Дима, не томи уже! Считаешь, что есть серьезные промахи — озвучь. Мы же адекватные ребята и к мнению коллег прислушиваемся — изучим, обсудим..
Собственно конструктив в том и есть, что дизайну следовало бы удилить больше времени. Вы очень упрощаете себе задачу по умолчанию ставя функцию выше внешнего вида. Это было бы справедливо в отсутствии конкурентной среды. А, как я полагаю, сам ИМ и товар который через него реализуется не уникален на рынке. В таком случае требуется брендирование, чтобы выделить свое предложение и внедрить его в головы потребителей. Принцип простой сначала внимание потом интерес, желание и действие. А функцию привлечения внимания и выполняет броский внешний вид.
Мою позицию вы знаете. Я ее много раз уже озвучивал. Озвучу еще раз. Истина как всегда посередине в балансе функции и оформления. Пренебрегать, чем-либо — это заведомо ухудшать проект.
Вот как-то так.
Это так же как в оффлайне. В 90х помните везде были палатки и ларьки и покупали потому что лучшего не было. А теперь люди предпочитают в приличных офисах покупать, кушать не в грязных пивняках, а в приличных заведениях.
К тому же хороший дизайн, при всех прочих равных условиях, создает позитивный образ, увеличивает лояльность клиента, расширяет базу клиентов за счет положительных рекомендаций.
Да что говорить это азбука. Бизнес в современном мире уже не продает товар а продает отношение.
«В таком случае требуется брендирование, чтобы выделить свое предложение и внедрить его в головы потребителей.»
Наверное, для решения этой задачи, стоило начать с разработки логотипа и фирменного стиля, а в данном случае мы работали с тем что уже было у заказчика. Но, может быть имеет смысл переработать, как считаете?
«Принцип простой сначала внимание потом интерес, желание и действие.»
Дмитрий, отлично сказано!
«Бизнес в современном мире уже не продает товар а продает отношение.»
Еще раз в мемориз! 🙂
Я же говорил, что вы не поймете. 🙂
Все зависит от задач и товара….
Можно сделать сайт абсолютно без дизайна и даже в очень конкурентной среде. И он будет продавать и будет успешен. Главное, чтобы на нем было все понятно и удобно. Т.е. выражение «Вы очень упрощаете себе задачу по умолчанию ставя функцию выше внешнего вида. » я бы перефразировал так: «В некоторых случаях мы это делаем осознано и специально, чтобы не мешать продажам. » Поймите это уже особая каста ИМов, где оригинальный дизайн, только мешает.
А ваш подход: «В таком случае требуется брендирование, чтобы выделить свое предложение и внедрить его в головы потребителей. Принцип простой сначала внимание потом интерес, желание и действие. А функцию привлечения внимания и выполняет броский внешний вид.»
подойдет как раз для магазинов, где торгуют чем то люксовым и эксклюзивным. И вот эта вся люксовость и эксклюзивность конечно должна быть выражена в дизайне.
А в остальном ваш подход катит для корпоративки и промо сайтов. Вот там надо удивлять броским дизайном.
«Все зависит от задач и товара….
Можно сделать сайт абсолютно без дизайна и даже в очень конкурентной среде. И он будет продавать и будет успешен. Главное, чтобы на нем было все понятно и удобно.»
А если будут самые низкие цены к городе, то можно просто выложить прайс на narod.ru и телефон 🙂
Думаю, что дизайн и брендирование в и-м тоже важны, не так как в корпоративных сайтах, но все же.
Ведь раскрученный узнаваемый бренд — это еще и доверие потенциальных покупателей, а в интернет торговле данный вопрос стоит остро.
Цены к нашей теме отношения не имеют.
Да ладно уж с брендированием, хотябы упорядочить визуально интерфейс можно ведь? Чуть добавить простора в интерфейсе чтобы блоки считывались более целостно, сейчас же слепается все. Или отступ в 10-15 пикселов у вас стоит отдельных денег? Добавьте рамки в 1 пиксель в фотках товаров чтобы кнопки в воздухе не висели раз уж часть фоток на белом фоне. Отпустите немного вниз цену, чтобы на текст не наезжала. Ссылки в шапке сгруппируйте в навигационный блок, что они расползлись по всей шапке. Освободите для лого поля, какая-никакая а идентификация, зачем так зажато? Заголовки в блоках положить на светлосерую плашку чтобы заголовки блоков считывались. Непонятные элементы у блоков с товарами заменить на стрелки, сейчас они скорее напоменают какой-то элемент масштабирования этого блока. И т. д.
Все вышеперечисленное это как раз то что делает работу с интерфейсом удобно, о стиле и декорированиии я и не говорю.
Все вышеперечисленное это как раз то что делает работу с интерфейсом удобно, о стиле и декорированиии я и не говорю.
——————
Тут соглашусь на 100%. Просто мы для себя в понятие Дизайн вкладываем создание некого креатива (т.к. понятие очень обобщенное). А то что без креатива, но красиво и удобно — это для нас разработка интерфейса. Тут мне кажется просто быть дизайнером не достаточно. Надо быть близким к разработке и понимать какие есть технологии и их реализации.
Достаточно просто быть дизайнером и хорошо понимать составляющие своей профессии. Ведь кроме эстетики (о которой все говорят) и функции (о которой говорят не все) дизай включает в себя и морфологию (о которой ничего не говорят). Если объект дизайна сложен и состоит из отдельных частей связанных между собой (как например сайт из отдельных страниц) то создание логичной и удобной структуры связей есть задача именно дизайна 🙂 Правда сейчас подавляющее число сайтов диномично но это частный случай ставший всеобщей практикой), но для статичных презентационных проектов структура должена разрабатываться именно дизайнером на основе представленного материала.
Так, что, martin, критикуя структуру каталога на этом сайте, вы критикуете дизайн 🙂
Мы спорим, потому что мы как разработчики, точно проводим грань между правым и левым полушарием 🙂 Т.е. Дизайном и Разработкой. Поэтому мы позиционируем себя как команду разработчиков, а не как студию. На самом деле вы правы — все что связано с разработкой — тоже Дизайн, ведь есть промышленный дизайн , там без инженерной специальности и знаний сопрамата никак 🙂 Но коль мы сфокусированы только на вебе, то здесь важно эти понятия точно разделить. Да и с клиентам в этом случае проще нас понимать, соответственно нам проще продавать свои услуги.
Дима, на сколько помню — основные вопросы вызывала тавтология в рубрикаторе, но сейчас то все ок уже — заказчик по тихоньку товарные категории из 1с выгружает в правильной иерархии. А что еще?
Мне кажется не хватает цветовых акцентов, плашек и т.д.. Слишком все стерильно и чисто. Ощущение что сайт отбелили Доместосом. И не надо зацикливаться на двух цветах. Даже цветовые плашки очень светлых оттенков отлично делят информацию на смысловые блоки. Как пример:
И еще. Почему бы эти формы как то не ограничивать по длине. А то глаза шпагат делают:)
Спасибо за ссылку, Максим — мне нравится, покажу нашему дизайнеру.
Замечу так же, что дизайн может быть красивым, но не функциональным. Обилие плашек, кнопок итд запросто могут превратиться в излишний графический мусор отвлекающий от покупки и мешающий навигации. В этом плане довольно сложно найти оптимальное соотношение красоты и функциональности.
— тоже не особо красив, а лидер по оборотам и посещаемости в РФ.
«А то глаза шпагат делают:) »
Зачотный у вас монитор! :-))
выше написал. Я вот зашел в раздел с мониторами. Нажал 21,5 дюймов, он мне все отфильтровал. А сколько товаров nj нашлось?? И долго мне скролить вниз, скоро я до конца списка дойду? Это же не твиттер, где я читаю все подряд сверху вниз.
Как считаешь, если вывести информацию по количеству найденных товаров и уже отображенных на экране, это решит проблему?
Мы на Ковренке сделали как на Я.Маркете. Фильтр сразу делает запрос и не только ищет, сколько нашлось, а также исключает все значения свойств, с которыми нет пересечений в найденных товарах. Ну и выводит в кнопке «Показать N товаров». И только после ее нажатия перезагружается классическая страница с постраничкой. К которой уже все привыкли. Да и для СЕО это лучше. В общем яркий пример, когда все эти Аяксы могут быть не к месту.
Дима, в плане SEO все должно быть отлично. Поисковики не подгружают JS и видят обычную панель постранички.
То, что при фильтрации не нужно делать дополнительный клик по кнопке «Применить/Показать/Наложить фильтр» считаю на простив, во многих сценариях поведения пользователей плюсом.
Исключение из списка не имеющихся в текущей выборке свойств — это довольно крутой функционал для 1С-Битрикс. Нужно отказываться от API и писать прямые запросы к БД. Молодцы если реализовали на Ковренке. Мы на remny.ru включали и в половине случаев пока отказались — слишком высока нагрузка на сервер хостера — сразу гонят на более дорогой тарифный план..
Исключение из списка не имеющихся в текущей выборке свойств — это довольно крутой функционал для 1С-Битрикс. Нужно отказываться от API и писать прямые запросы к БД. Молодцы если реализовали на Ковренке.
————————————-
В 20 часов оценили такой фильтр — уложились и без выхода за рамки АПИ 🙂
Мы на remny.ru включали и в половине случаев пока отказались — слишком высока нагрузка на сервер хостера — сразу гонят на более дорогой тарифный план..
————————
Не брезгуйте индексами.
Ну ты же знаешь какие запросы генерирует битрикс — индексы там как мертвому припарка. Все летает при прямых запросах, но это не совсем кошерное решение. В общем, наверное сделаем, но позже. Сейчас еще фильтровать не по чему — свойства только наполняют.
индексы там как мертвому припарка.
—————————-
Ну ты это зря конечно. С индексами по нужным полям, производительность запросов может ощутимо увеличится.
Все летает при прямых запросах
—————————
Если честно, не могу понять, чем в этом случае тебе помогут прямые запросы…
На сайте которые хотят продавать, визуальный мусор я даже приветствую. Здесь действуют те же правила что и в офлайн магазине, где куча ценников, воблеры, шелфтокеры, наклейки. Только вместо продавца интерактивные возможности сайта. Должно быть особое ощущение движухи, Это конечно больше от маркетингового отдела заказчика зависит.
По правильному соотношению красоты и функциональности, да, найти золотую середину достаточно сложно.
Да, да, да — стикеры, воблеры, наклейки у нас этого добра тоже было предостаточно! Отвалились куда-то 🙂 Сейчас поправим! Спасибо.
Включили!
«1. Структура каталога — ужасна.»
Классическая двухуровневая структура, такая же в и-м Starcom и DNS:
Что в ней такого ужасного? Не понимаю.
«2. Отказались от постранички зря.»
Пожелание заказчика, но в целом и нам нравится — поисковики страницы видят, лишних кликов делать не нужно. Единственное в табличном представлении для оптовиков не удобно итоговую сумму стало смотреть. Наверное продублируем ее и вверху. А чем тебе такой подход не нравится?
«3. Фильтры так не должны работать»
Не понял. Результат фильтрации не совпадает с ожиданиями пользователя?
Не понял. Результат фильтрации не совпадает с ожиданиями пользователя?
———————-
Скажем так? пользоваться не удобно 🙂
Классическая двухуровневая структура, такая же в и-м Starcom и DNS
—————————
Рома, в DNS Мониторы лежат в «Периферия, офисная техника», и телевизоры на своем месте, а не как у вас. Но я понимаю, что тут скорей клиент виноват, чем вы.
А в этом у менеджеров Клиента полная свобода действий — куда выгрузят из 1С, там и будет лежать. Но, мы твои маркетинговые соображения им передадим 🙂
Да, Костя и так уже слышал все от меня, когда мы пересеклись на свадьбе общего друга 🙂
Кому интересно, подробное описание проекта в моем блоге на сайте 1С-Битрикс:
Лично меня напрягает сильно функционал.
Не нравится резина, неудобно и кружится голова от многообразия ничем не разделенных товаров с прокруткой на главной.
Короче, Млять где я?!
Ощущение бардака.
Я, конечно, не говорю, что здесь всё идеально (имеются недоработки), но по удобству отображения и сортировки мне нравится
Лично меня напрягает сильно функционал.
Не нравится резина, неудобно и кружится голова от многообразия ничем не разделенных товаров с прокруткой на главной.
Короче, Млять где я?!
Ощущение бардака.
Я, конечно, не говорю, что здесь всё идеально (имеются недоработки), но по удобству отображения и сортировки мне нравится
«Короче, Млять где я?!»
В казарме? 🙂
У Техномакса, да, отличный сайт! А кто делал?
Не знаю, но хочу выяснить. Может быть кто-нибудь знает?
У меня есть предположение, что дизайн рисовали в «колонии строгого дизайна», так как они делали техномаксу лого в этих же фирменных цветах. Хотя это только предположение…
Ёпта! Что бы купить зарегаться надо! Как они продавать собрались…
Неправда ваша, Евгений. Для того чтобы оформить заказ необходимо только указать вашу Фамилию, Имя, e-mail — логин и пароль будут сгенерированы автоматически и высланы на указанные e-mail. Это называется прозрачной регистрацией.
Она необходима для того чтобы система могла идентифицировать пользователя и в дальнейшем он мог просматривать историю своих покупок, получать накопительные скидки, участвовать в дисконтных и бонусных программах, получать персональные рассылки и уведомления итд
Продавать собираются с удовольствием! 🙂
Точно, ошибся я, Роман ). Но могу объяснить почему: Зайдя на страницу покупки, мне заголовок красным по белому говорит «Регистрация и авторизация» и я вижу кучу полей (причём для «новеньких» этих полей больше в 2-3 раза) — это напрягает. И самое архаичное — это, конечно, капча. Может стоило бы сделать переключатели типа «Уже покупали у нас?» и «Покупаете у нас впервые?» ну и выводить поля в соответствии с выбором. Но это уже так, придирки ).
Евгений, отличное предложение!
Мы так уже делали на одном из проектов: возможно, что сделаем и на этом.
Дмитрий Антипов, спасибо за предложения, но, я не очень понял суть нескольких из них. Можно подробнее?
1. Зачем рамки в 1 пиксел на фотографии с белым фоном?
На ozon.ru, amazon.com, market.yandex.ru и др. фотографии так же на белом фоне и никаких рамок нет — от этого кнопки на этих сайтах в воздухе не висят.
2. В какое конкретно месте интерфейса вы предлагаете отступ в дополнительных 10-15 пикселов и для чего?
3. Длинные названия товаров сейчас обрезаются до определенного количества символов с добавлением многоточия. Не учли разную длину переноса на новую строку, по этому у части товаров названия расположились близко к цене — это поправим.
4. Главное меню, наверное да, нужно будет выровнять по центру освободив логотип.
5. Кнопки скроллирования спецблоков стилизованы под общий компьютерный дизайн. Не предполагали что у кого-то из пользователей вызовет затруднение понимание их предназначения — соберем еще информацию. Если подтвердится — заменим на другие.
6. Заголовки в блоках положить на светло-серую плашку чтобы они считывались? Не очень понятно в чем трудность считывания заголовков у вас сейчас?
Эксклюзив! Хот!
Новая работа метадизайна, в портфолио нету 😀
Давно уже перетерли — вам сюда: http://losin.ru/2011/11/21/frenchkiss/ 🙂
Разумеется все о чем писал могу объяснить, только чтобы сделать это наглядно потребуется время, а его сейчас нет. Будет минутка отвечу подробно почему зачем и как.
martin, кстати, лазал вчера по сайту через свой HTC и пришел к выводу, что все таки мы очень правильно сделали когда использовали автоматическую подгрузку товаров вместо классической «постранички» — на мобильных устройствах навигация очень удобна!
Хотя оговорюсь, специально под мобильные устройства мы этот сайт еще не оптимизировали. Так — приятный бонус 🙂
Абстрагируйся, и задайся целью что-то купить. Это трудно делать самому, тем более если ты этот сайт сам делал. Обычно для теста дается задание, скажем найти такой-то товар, с такими-то параметрами. Тогда бы ты понял о чем я.
Вот я недавно покупал мониторы, нашему дизайнеру 27 дюймов (дизайнерский), и домой себе тоже купил 27 дюймов (попроще), в общем, знаю о чем говорю.
Так вот заходим в мониторы. Смотреть все смысла нет — меня интересуют только самсунги (слышал что они новую матрицу выпустили круче чем IPS грят). Я сразу в фильтре жму самсунг. ОК нашлись самсунги. А сколько? Если их всего 5, да я и так посмотрю, а если их больше 20-30, то мне надо еще как-то фильтрануть. Потупил чуток, помотал вниз, а они там еще грузятся, видать, их там много. Ок, фильтрану ка я еще — нафига мне смотреть вяское Г на 20 дюймов. Выбрал в фильтре разрешение 1920х1200 — вообще ничего не вывело. Причем в этом случае полоса загрузки иногда не исчезает. Ни каких сообщений, что таких товаров не нашлось не вывелось. Хули, пользователь умный — сам поймет, что результат пустой. Ок! опять снимаю галку с разрешения — буду смотреть подряд, видимо их не так много там. Решил сразу помотать вниз, чтобы сразу все прогрузить. Вернулся на верх, зашел в первый, почитал, не то. Возвращаюсь кнопкой «назад». Бля, а где самсунги, которые я отфильтровал????
Представляю какой бес возьмет пользователя, когда товаров будет действительно много, и он в фильтре кучу параметров навыбирает.
Ром, вот если, бы тестированием занимались, думаю в первую очередь о пользователе (а значит и продажах заказчика), то для вас это было бы очевидно.
А сейчас это яркий пример, когда вы думали в первую очередь о себе, внедряя супер технологичные фишки повышая свое ЧСВ 🙂
Вот такая жесткая правда, Ром.
…занимались, думаЯ в первую….
Дима, это всего лишь твоя субъективная оценка.
В том числе, это желание притянуть ситуацию (не зная ее изнутри и со всех сторон) под почему-то удобный тебе вывод, которое не даёт сейчас адекватно воспринимать собеседника — ведь ранее я уже написал, что подгружаемые страницы это пожелание заказчика (НЕ наше). Сделано уже после запуска сайта по дополнительному соглашению.
И правильно, что сделано! Многих недостатков описанных в приведенной тобою ссылке на хабр наш подход лишен — например, поисковики наши ссылки видят (опять повторяюсь.)
У нас полно минусов, например: сделать что-то качественно (в нашем понимании) и основательно (часто слишком и чересчур), жесткая поэтапность (пока не закончим одно дело к другому не приступим), отсутствие гибкости и лояльности к заказчикам (они плачут от нас горючими слезами) итд Но, внедрение супер-технологий и фишек ради повышения своего ЧСВ — это точно не наш минус.. Дим, может проекция? 😉 Мы наоборот крайне консервативны (тоже наш большой минус, на изучение нового катастрофически не хватает времени) и если внедряем новые фишки, то делаем это с большой осторожностью и в малых дозах, тренируемся на кошках.
Адаптивный фильтр, когда от выбора одного значения параметра список доступных для выбора значений других параметров сужается, да это круто. Да, это было бы удобно для покупателей и полезно для магазина, и мы бы сами очень хотели попробовать реализовать этот функционал в дальнейшем. Но, он очень нестандартный и сложный как минимум для реализации в 1С-Битрикс (я опять повторяюсь). В полной мере и по всем свойствам это не реализовано ни в Эльдорало ни в Евросети ни в МТС ни в других крутых магазинах с крутыми бюджетами разработанных на 1С-Битрикс.
Нам на его реализацию, учитывая допустимую нагрузку создаваемую на сервер хостинга при выбранном тарифном плане и предполагаемой посещаемости, потребуется минимум одна человеко-неделя. Заниматься этим сейчас, когда и свойств у товаров еще нет и не известно когда они появятся — бессмысленно. Говорить что это делается легко и просто — шапкозакидательство. Я считаю, что для достижения цели, сейчас есть более приоритетные задачи, причем закрепленные не за нами, а за Заказчиком.
А советовать все молодцы. Если умеешь лучше, уверен в силах — возьми и сделай. Контакты заказчика у тебя есть, у него твои тоже. Мы будем только рады если проект будет и дальше развиваться.
По-моему, замечания мартина – очень толковые. Нельзя вычленить ссылку на отфильтрованный список – плохо. Не работает кнопка back с товара в каталог – ужасно. Не видно, сколько там еще грузить осталось – терпимо. Если на все это не было заложено времени, то был ли смысл вообще внедрять эту технологию, ведь действительно по сравнению со стандартной реализацией стало сильно хуже.
«Не работает кнопка back с товара в каталог – ужасно.»
Объясняю.
Во-первых, часто ли вы ее нажимаете? Я вот например только на мобильном устройстве и никогда на ПК. Действительно ли это «ужасно» или вы сгущаете краски?
Во-вторых, если мы используем технологию AJAX для реализации в каталоге: постраничной навигации, фильтрации, сортировки, покупки итд то информация в блоке обновляется динамически. Это очень здорово потому, что отрабатывают только те компоненты, которые отвечают за формирование и вывод информации в обновляемом блоке. А все остальные не отрабатывают. В результате нагрузка на сервер существенно снижается, страницы начинают загружаться существенно быстрее (а для ПО 1С-Битрикс данный вопрос стоит очень остро) и в целом навигация по сайту для пользователей становится более комфортной и приятной.
Но, да, есть один минус:
При этом URL страницы остается неизменным, по этому кнопка браузера «Назад» работать не будет. Я считаю что в данном случае плюсы перевешивают минусы. Кроме того теоретически это лечится:
1. можно использовать якоря в ссылках, вроде:
при этом сам вид ссылки будет некрасив, а сама реализация довольно трудоёмка.
2. Совсем недавно, благодаря нововведениям в HTML5 появилась возможность работать с объектом history и менять URL текущей страницы без её непосредственного обновления. Естественно что в старых версиях браузеров работать не будет.
Рома! Не поверишь!!!
Там и комменты забавные 🙂 А теперь, Ром, осталось еще раз подумать, и даже, возможно, реально провести тесты, и сделать вывод, что удобно, а что не удобно.