«Сайт як вузька стрічка». Про жахливий вид дизайну сайтів та як це зупинити

Питання до UX-дизайнерів та frontend-ерів:

  1. Чому дизайн сайтів «стиснути весь контент в одну колонку, а по бокам багато пустого місця» такий популярний?
  2. Навіщо так знущатися над людьми з вадами зору? Я про те, що коли робиш zoom веб-сторінки, то доводиться горизонтально скролити блоки коду або текст. В цей же час, по бокам купа пустого місця.
  3. Чи є якісь адекватні технічні обгрунтування цього «дизайну»?

Трохи прикладів:

Сайт 1.

Сайт 2.

Сайт 3.

Третій приклад — сайт MongoDB. Проблеми тіж самі: по бокам купа місця, а приклади коду потрібно скролити горизонтально вправо-вліво.

Як виглядає нормальний дизайн сайту?

Нормальний дизайн — це адаптація контенту до компьютерних моніторів. Тобто не потрібно на кожному пристрої показувати контент як вузьку вертикальну стрічку.

👍ПодобаєтьсяСподобалось2
До обраногоВ обраному0
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Знаете почему газетная верстка всегда идет в несколько узких колонок? Потому что так удобно читать. То же самое с сайтами.
Когда длина строки на весь монитор, это капец как трудно читать.

От так замовиш у вас критику сайту та бонусом отримаєш рекламу в темі на ДОУ, хтось вже подібне замовляв? Чи погодились би на таке замовлення?

Щодо попередніх коментарів:
На мою думку, це не завжди тупість фронтент-розробників. Скоріше за все, у частині випадків ні власник проекту, ні розробники не помічають факт, що читати код по частинам (ялозячи туди-сюди горизонтальний скрол) це незручно. Мабуть дивляться «о, гарненький дизайн» і на тому й усе. Щоб протестувати дизайн не тільки на читабельності тексту, але й на читабельності коду/графічних елементів, то треба більше розуміння.

Інша половина випадків — це мабуть copy/paste стилю якихось популярних сайтів які проектувалися лише для тексту, а не для технічних статей (з блоками коду, схемами та ін.).

Мабуть дивляться

Тому що — mobile-first. Як буде в телефону альбомна орієнтація за замовченням, так і буде тобі розтягування сайтів по ширині )

Так адаптивний дизайн же є.
Підлаштовується під пристрій, на якому дивишся.
Як результат скролл лише вертикальний.
Звичайно все це — якщо верстальник вміє то зробити :-)

Той же

сайт MongoDB.

Горизонтального скроллу в мене нема (Google chrome).
Збільшив маштаб до 200% — все одно горизонального скроллу нема.
Лище щезли широченні праве/ліве поля.

От ті сайти, як правило «новостні на WordPress», де «забули» адаптивність, ті так — халепа.

Скролити мишкою легше, ніж водити очима туди сюди.
Про горизонтальний скрол згоден.

Звикай) Нажаль більшість сайтів, як мені здається, зроблені із говна і палок)

Підписатись на коментарі