Существуют ли доказательства того, что pixelPerfect верстка увеличивает продажи или юзабилити?

Question

[Степан]

Начальник очень зол на меня, за то что я очень долго верстаю. Я пытаюсь ему объяснить что единственно правильная верстка это или пиксельная верстка (он называет меня занудой).

Он попросил доказательства что эта верстка увеличивает продажи и юзабилити, а не только ЧСВ дизайнера.
А также забирает время которое можно потратить на что нибудь действительно полезное

Как его переубедить?

Comments

[Степан]

Интересует мнение дизайнеров

Answer 1

[sim3x]

он называет меня занудой

Он прав - ты зануда и тратишь время зря

Pixel Perfect Design Does Not Necessarily Equal Go...

Comments

[Антон @ Лялин]

Ты чего пересохраняешь вопросы на себя???

[sim3x]

Антон @ Лялин: щито?

Answer 2

[Анна Бакурова]

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

Comments

[Степан]

Эти доказательства не проканают. Мой начальник тот еще жук. Нужны ссылки на исследования а не опыт 18 летней девочки

[Анна Бакурова]

@xoma2 нет таких) так как все верстальщики сторонники округления. А у топовых дядей дизы хорошо рисуют и там сетка проработана. У Вас это отпадёт))

[Анна Бакурова]

@xoma2 и стоит ли вообще в вашем случае доказывать это начальнику? Просто выговаривайте всё дизайнеру, чтобы верстать было приятно

Answer 3

[Евгений Петров]

Иногда просто невозможно добиться одинакового вида в разных браузерах, да и не нужно. В конце концов, про graceful degradation тоже помнить нужно.

ИМХО добиваться пиксельного соответствия в разных браузерах — потеря времени. Важно, чтобы вёрстка не ехала при различных разрешениях и разном контенте (маленький/большой), а функционал работал как часы.

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

Comments

[Степан]

Но как мне объяснить начальнику что всем кроме дизайнера начхать на верстку?

[Евгений Петров]

@xoma2 поверьте, если вы ускоритесь в 2 раза, это уже дизайнер должен будет доказывать, зачем нужно делать одинаково в осле и хроме.

Answer 4

[Тим]

если там вопрос в паре пикселей, то не стоит.
если же верстают через жопу, да так, что на дизайне отступы 20px между блоками, а на верстке по 5 или по 50, то это уже другой разговор. Или если на дизайне текст внутри блоков имеет паддинги по 10px до края блока, а на верстке паддинги меньше или вообще отсутствуют и при заполнении текстом буквы доходят до края блока, то это тоже моветон.
Если же там вопрос пары пикселей в подгонке. Там, кнопки не 27 а 25, блоки не 336 а 335, 330. то без проблем.

Comments

[Степан]

Вопрос в 1 пикселе.

[Тим]

Тогда это не существенно. Абсолютно.

Answer 5

[RubaXa]

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

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

Answer 6

[Пума Тайланд]

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

Answer 7

[Виталий Желтяков]

Что Вы называете пиксельной версткой?

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

Comments

[Степан]

Пропорции и композицию? Но как мне узнать что её соблюдает дизайнер?

[Виталий Желтяков]

@xoma2 Вы что, тупо попиксельно повторяете в верстке то, что нарисовал дизайнер?

[Степан]

@VitaZheltyakov именно. 1 в 1 я просто боюсь обидеть дизайнера

[Trow_eu]

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

[Степан]

@Trow_eu он будет плакать и стучать ножкой, ведь в 36 нету важнее в жизни ничего как когда каждый блок ровно на своем месте

[FoxInSox]

@xoma2 вам самому-то не скучно/лень 1 в 1 копировать? Верстальщик он ведь что-то среднее между дизайнером и разработчиком. С одной стороны он понимает что такое пропорция, а с другой знает как сделать чтобы во всех браузерах эта пропорция выглядела одинаково. Я когда верстал ничего не мерял: все на глаз( кроме цветов само собой) И дизайнеры и клиенты были довольны.

[Trow_eu]

@xoma2 он неадекватен, не работайте с неадекватами )

[Степан]

@FoxInSox @Trow_eu если еще кто не понял то все наоборот. Это мой начальник зануда и перфекционит))

[FoxInSox]

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

[Степан]

@FoxInSox что в этом нормального? Это не влияет на продажи. Пользователям на это начхать. Это не улучшает юзабилити. Я сверстал показал человеку (нормальному) он сказал Один в один копия. Показал начальнику он присылает скрин где все расчерчено красными линейками. даже дизайнер такого не продумывал. Это ненормально это БОЛЕЗНЬ. Болезни нужно лечить

[FoxInSox]

@xoma2 так вы не врач, вы наемный верстальщик.

[Степан]

@FoxInSox frontend))

[Анна Бакурова]

@xoma2 так верстайте попиксельно если он хочет, но пусть имеет ввиду что с плохим дизом это долго

[Виталий Желтяков]

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

[Сергей]

возьми сверстай нормально, без попиксельного наложения, чтобы ну максимум где-то в 4 пикселя расходилось и покажи дизайнеру, чтобы он своим зрением посмотрел (не накладывая при этом свой макет), и что он тогда скажет

Answer 8

[Trow_eu]

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

верстайте качественно, но без фанатизма.

Comments

[Степан]

Как по мне пользователям начхать. Только у дизайнера сдвинутый на 1 пиксель блок вызывает зуд в заднем проходе. Не иначе как синдром вахтера.

[Trow_eu]

@xoma2 тогда разбирайтесь с дизайнером. он явно не понимает верстки, значит он не квалифицирован делать вам замечания по ней. поучите, или пошлите его )

[Trow_eu]

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

[Степан]

@Trow_eu братан они заодно. У меня от этого СЕМАНТИКА. Единственное место где могу поделиться это тостер родной.

[Trow_eu]

@xoma2 ну тогда пошлите обоих и найдите другую работу, время вроде не голодное ))

[Сергей Некрасов]

Если вас заставляют верстать пиксель в пиксель - увольняйтесь!

Answer 9

[gleb_kudr]

Сделать А/Б тест и сравнить. Скорее всего прав ваш начальник.

Answer 10

[Сергей]

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