Що краще, гумовий дизайн сайту або фіксований, блог web-розробника
Два дня у мене пішло на розробку нового дизайну для даного блогу, і нарешті я вчора встановив його на сайт.
Зовнішній вигляд дизайну практично не змінився, перш дизайн блогу виглядав практично так само.
І, найголовніше, раніше у мого блогу був гумовий дизайн, сайт завжди займав повний екран. А тепер це фіксований дизайн, ширина робочої області становить 1200 пікселів.
Поки в Метриці буду спостерігати за тим, у багатьох чи відвідувачів дозвіл екрана менше 1280 пікселів в ширину. Якщо таких виявиться багато, напевно, зроблю ширину робочої області сайту тисяча пікселів.
Уже сьогодні, судячи з показниками Яндекс Метрики, відвідувачі проводять більше часу на сайті, їм тут подобається, і я сподіваюся, поліпшення поведінкових факторів призведе до відчутного зростання відвідування мого блогу.
І так, це було передмову, тепер безпосередньо про тему.
Я хочу поділитися з вами своїми спостереженнями щодо розширюваного і фіксованого дизайну.
Як ви зрозуміли, раніше мені подобався гумовий сайт, але тепер моя думка змінилася, і більше віддаю перевагу фіксований дизайн.
Хоча, гумовий дизайн можна зробити так, щоб больше1280 пікселів не має права продовжувати, і якщо дозвіл екрана виявиться менше, скажімо, 900 пікселів, переключився на адаптивний дизайн.
Але і в такому випадку треба буде зробити відповідний задній фон, щоб на моніторах з великим дозволом сайт виглядав симпатично.
Гумовий дизайн в ряді випадків може виглядати криво, якщо, наприклад, дозвіл екрана виявиться занадто широким, а деякі фонові малюнки окремих елементів виявилися вузькими.
Так, при старому дизайні мого блогу, якщо ширина екрана виявилася більше 1900 пікселів, в шапці сайту справа була видна біла область, оскільки фон шапки не просто заливка, а картинка.
Так само, проблеми можуть з'явитися при дозволі екрану менше 700 - 800 пікселів в ширину. Найголовніше, це будуть проблеми відвідувачів сайту, через зсув деяких елементів вони можуть не побачити потрібний їм контент.
Тому, на мій погляд, або робити гумовий екран з невеликим діапазоном 900 - 1400 пікселів в ширину, або відразу зробити фіксований дизайн, благо, його робити простіше і швидше.
Але при розробці фіксованого дизайну одне треба враховувати - фон треба зробити або заливкою, або вибрати безшовні фони маленького розміру.
Якщо вибрати картинку високої розподільчої здатності, наприклад, який-небудь гарний фрактал, він буде багато важити, і сторінка буде довго завантажуватися, хоча б коли людина відкрила ваш сайт перший раз. І на жаль така ситуація спостерігається в дуже багатьох класних блогах і сайтах.
А швидкість завантаження сторінок сайту має велике значення і в пошуковій просуванні, повільні сайти в топі довго не затримуються.
Таким чином, при створенні або замовленні дизайну сайту нам слід враховувати наступне:
1. Адаптивний дизайн. Просто життєво необхідно. У мене до цього не було адаптивного дизайну, і мої сайти в гуглі показувалися тільки тим користувачам, хто заходив з комп'ютера.
2. Краще фіксований або обмежено гумовий дизайн, так простіше уникнути будь-яких недоречностей у відображенні сайту.
3. Не варто використовувати картинки з великим розміром, такі картинки довго завантажуються, значить сайт довго відкривається, а людина не буде чекати, поки сторінка довго завантажиться, йому простіше закрити це вікно і відкрити інший сайт, благо тепер сайтів на будь-яку тему тисячі.
Це прості життєві поради від любителя в веб-дизайні, але, як показує моя практика, дотримання навіть цих простих правил дозволяє збільшити відвідуваність сайту.