Дисклеймер: Я не хейтер Битрикса и ни на кого не хочу наговаривать или оскорблять этим постом. Я не дизайнер, я разработчик и привык смотреть на сайты под определённым углом. Мне нравится Битрикс и я хочу, чтобы он и дальше развивался и обрастал новыми фишками. Но пусть эти фишки работают сразу, когда их выпускают, а не будут просто маркетинговым трюком с припиской мелким шрифтом "потом доделаем". Так что заранее прошу прощения, но у меня бомбит. Осторожно: будет много бурных эмоций.
Как вы, может быть, знаете, недавно в БУС добавили конструктор сайтов. Сама задумка просто великолепная и может сэкономить много человекочасов. Большая такая новая фишка. Но дьявол же в мелочах, ведь так?
Давайте посмотрим на эти мелочи на примере вот этой странички: . Страничка от самих разработчиков, кто если не они покажут, как надо пользоваться системой?
1. Начнём с первого слайда
Видите точку? Ничего кроме этой точки не говорит нам, что это слайдер из одного слайда. Функциональной нагрузки никакой. Выглядит ужасно (я серьёзно, выглядит как недоделка). Может её лучше было бы убирать, если слайд в баннере один? Судя по коду этой точки и её окружения, для слайдеров используется Slick (вот эта штука ), и оно умеет прятать эти точки. Давайте не будем оставлять огрызки нефункционирующего функционала на виду. Пожалуйста.
2. Следующий
Что это за обрезок картинки? (там этих обрезков по всей длине страницы, поэтому покажу только один раз) Я понимаю, что размер картинки автоматически подгоняется в область, чтобы на разных экранах не было лишнего пустого пространства. Но снизу то переход нормально организован! Единственный раз за всю страницу! Ну как так то? Вы же специалисты в сайтостроении, неужели хватило только на один плавный переход?
А в мобильной версии?
Кому-то вообще понадобится такая огромная растянутая и обрезанная картинка? При том, что ниже по странице есть вполне себе хорошо выглядящие и нормально масштабируемые в мобильной версии изображения (в настольной версии всё равно нелепо обрезается большинство из них). Что происходит?
3. Опускаемся ниже
Привет, наша знакомая точка от слайдера. Хорошо выглядишь (нет).
После тайтла жирный кружочек. Зачем? Ради дизайна? Ну такое. Может кому-то понравится, для меня выглядит как лишняя клякса.
И что происходит с этой кнопкой? Почему она ОГРОМНАЯ и ПРЯМОУГОЛЬНАЯ? Везде, во всех остальных случаях, кнопки выглядят не так. Ладно бы отход от стиля выглядел гармонично. НО ОНА ЖЕ ПРОСТО СТРЁМНАЯ. (извините)
4. Мелочь, а глаз зацепился
Фраза перенеслась на новую строку в очень неподходящем месте. Сложно читается. "Композит!" на новой строчке выглядит самодостаточно, хоть и нелепо, поэтому фраза целиком в голове собирается не сразу. Тут есть минимум два простых выхода:
Заголовок - это ссылка. За всю страницу таких заголовков только два. Ладно бы все заголовки кликабельны. Или большинство. Или ни один из них. Но два! На всю, не маленькую такую, страничку! Пользователь будет наводить на все заголовки в надежде, что это ссылка, или не будет наводить вообще, потому что "ничего не предвещало"? UX? Не, не слышал.
Моё любимое. Если навести на блок запускается анимация. Верхний паддинг (внутренний отступ) уменьшается. Из-за этого уменьшается общая высота блока. Вместе с самым высоким блоком (здесь, тот что слева) уменьшается высота всей конструкции. А за ней следом на несколько пикселей вверх подъезжает остальной сайт. Если убрать курсор - всё двигается вниз. Это, конечно, замечательно, но... А? Что художник хотел этим сказать? Нет слов. Цензурных.
6. Чуток осталось
Белый прямоугольник - это кнопка при наведении. Красиво? За!important'ли кучу раз много разных цветов - пожалуйста.
7. Заключение
Вы хотите себе такой сайт?
P.S. Мне было бы стыдно, если бы это был мой сайт. Да, я сам не всегда всё продумываю и где-то лажаю. Да, не идеален. Да, мне нравится битрикс и их задумка. Нет, мне не нравится, как это сейчас реализовано. Да, я считаю, что проекту нужны работающие фишки, а не фишки, от которых проблем больше, чем пользы. Маркетинг маркетингом, но это просто издевательство.
Как вы, может быть, знаете, недавно в БУС добавили конструктор сайтов. Сама задумка просто великолепная и может сэкономить много человекочасов. Большая такая новая фишка. Но дьявол же в мелочах, ведь так?
Давайте посмотрим на эти мелочи на примере вот этой странички: . Страничка от самих разработчиков, кто если не они покажут, как надо пользоваться системой?
| На самом деле, может статься, что я ошибся, и что страничка только мимикрирует под собранную на этой системе и делает это довольно неплохо, надо сказать. Но тогда выходит, что разработчики (намеренно или нет) вводят в заблуждение людей, создавая один продукт косящий под другой, что ещё хуже. |
1. Начнём с первого слайда
Видите точку? Ничего кроме этой точки не говорит нам, что это слайдер из одного слайда. Функциональной нагрузки никакой. Выглядит ужасно (я серьёзно, выглядит как недоделка). Может её лучше было бы убирать, если слайд в баннере один? Судя по коду этой точки и её окружения, для слайдеров используется Slick (вот эта штука ), и оно умеет прятать эти точки. Давайте не будем оставлять огрызки нефункционирующего функционала на виду. Пожалуйста.
2. Следующий
Что это за обрезок картинки? (там этих обрезков по всей длине страницы, поэтому покажу только один раз) Я понимаю, что размер картинки автоматически подгоняется в область, чтобы на разных экранах не было лишнего пустого пространства. Но снизу то переход нормально организован! Единственный раз за всю страницу! Ну как так то? Вы же специалисты в сайтостроении, неужели хватило только на один плавный переход?
А в мобильной версии?
Кому-то вообще понадобится такая огромная растянутая и обрезанная картинка? При том, что ниже по странице есть вполне себе хорошо выглядящие и нормально масштабируемые в мобильной версии изображения (в настольной версии всё равно нелепо обрезается большинство из них). Что происходит?
3. Опускаемся ниже
Привет, наша знакомая точка от слайдера. Хорошо выглядишь (нет).
После тайтла жирный кружочек. Зачем? Ради дизайна? Ну такое. Может кому-то понравится, для меня выглядит как лишняя клякса.
И что происходит с этой кнопкой? Почему она ОГРОМНАЯ и ПРЯМОУГОЛЬНАЯ? Везде, во всех остальных случаях, кнопки выглядят не так. Ладно бы отход от стиля выглядел гармонично. НО ОНА ЖЕ ПРОСТО СТРЁМНАЯ. (извините)
4. Мелочь, а глаз зацепился
Фраза перенеслась на новую строку в очень неподходящем месте. Сложно читается. "Композит!" на новой строчке выглядит самодостаточно, хоть и нелепо, поэтому фраза целиком в голове собирается не сразу. Тут есть минимум два простых выхода:
- Переформулировать фразу, чтобы так не съезжало
- Поставить принудительный перенос перед вторым предложением
Заголовок - это ссылка. За всю страницу таких заголовков только два. Ладно бы все заголовки кликабельны. Или большинство. Или ни один из них. Но два! На всю, не маленькую такую, страничку! Пользователь будет наводить на все заголовки в надежде, что это ссылка, или не будет наводить вообще, потому что "ничего не предвещало"? UX? Не, не слышал.
Моё любимое. Если навести на блок запускается анимация. Верхний паддинг (внутренний отступ) уменьшается. Из-за этого уменьшается общая высота блока. Вместе с самым высоким блоком (здесь, тот что слева) уменьшается высота всей конструкции. А за ней следом на несколько пикселей вверх подъезжает остальной сайт. Если убрать курсор - всё двигается вниз. Это, конечно, замечательно, но... А? Что художник хотел этим сказать? Нет слов. Цензурных.
6. Чуток осталось
Белый прямоугольник - это кнопка при наведении. Красиво? За!important'ли кучу раз много разных цветов - пожалуйста.
7. Заключение
Вы хотите себе такой сайт?
P.S. Мне было бы стыдно, если бы это был мой сайт. Да, я сам не всегда всё продумываю и где-то лажаю. Да, не идеален. Да, мне нравится битрикс и их задумка. Нет, мне не нравится, как это сейчас реализовано. Да, я считаю, что проекту нужны работающие фишки, а не фишки, от которых проблем больше, чем пользы. Маркетинг маркетингом, но это просто издевательство.
Группы на сайте создаются не только сотрудниками «1С-Битрикс», но и партнерами компании. Поэтому мнения участников групп могут не совпадать с позицией компании «1С-Битрикс».
