Која је оптимална ширина веб странице?

Дизајн веб странице и подешавање ширине веб странице на оптималну ширину је разговор који вреди водити. Многи од вас су приметили да сам недавно променио ширину дизајна свог блога. Померио сам ширину странице на 1048 пиксела. Неки од вас се можда неће сложити с тим потезом - али желео сам да поделим неке статистике и разлоге због којих сам толико проширио ширину теме.

1048 пиксела ипак није био случајан број.

Два су кључна утицаја на проширивање ширине странице:

  • Промените ширину Иоутубе-аИоутубе сада нуди веће величине уграђених датотека. Ако кликнете на мали зупчаник на бочној траци ИоуТубе видео странице, понудиће се опције за веће величине као и тема. Будући да видео снимци веће дефиниције постају уобичајено место на Иоутубеу, желео сам да те видео снимке уврстим у свој блог и прикажем их са што више детаља (не трошећи целу ширину странице).
  • Типично оглашавање долази у ширини од 125, 250 и 300 пиксела. Изгледа да се 300 пиксела појављује све више и више на веб локацијама са приходима од огласа и желео сам да их уредно уградим у бочну траку.

И наравно, има мало додатака лево и десно од странице, садржаја и бочне траке ... тако да је магични број за моју тему био 1048 пиксела:

Оптимална ширина веб странице

Да ли сам проверио статистику свог читаоца?

Да наравно! Да је већина мојих посетилаца користила екране ниже резолуције, дефинитивно бих размишљао о проширењу странице. Ширина и проценатНакон избацивања резолуција екрана из мог пакета Аналитике (у Гооглеу то су Посетиоци> Могућности прегледача> Резолуције екрана), направио сам Екцел табелу резултата и рашчланио ширину из поља резолуције.

Гоогле пружа резолуцију 1600 × 1200, тако да морате да узмете све с леве стране „к“, помножите са 1 да бисте направили нумерички резултат, тако да можете сортирати силазно по њему, а затим урадите СУМИФ и погледајте колико посета су веће или мање од пројектне ширине коју гледате.

= ЛЕВО (А2, ФИНД ("к", А2,1) -1) * 1

Да ли сам напустио 22% читалаца који имају мању резолуцију? Наравно да не! Лепа ствар код изгледа са левим и бочном траком десно је то што можете бити сигурни да је ваш садржај и даље у ширини већине прегледача. У овом случају, 99% мојих читача има ширину већу од 640 пиксела, па сам добро! Не желим да им потпуно недостаје бочна трака, али то је споредно од садржаја.

Komentari

  1. 1

    Предлажем хибридни распоред и ЦСС ширину контејнера од 100%. Све док имате фиксну ширину бочне траке, заглавље, подножје и подручја главног садржаја ће се прилагодити тако да одговарају преосталој ширини екрана. Попуњава 100% свачијег прегледача, без обзира на резолуцију корисничког монитора. Тада више не морате бројати пикселе нити пратити статистику корисника у вези са резолуцијама монитора.

    • 2

      Заиста волим хибридне распореде, Боб - али нажалост понекад се не поклапају са стварним садржајем. Можда сам лењ, али ми је лакше да знам да су мак и мин 640пк на мојој веб локацији. Истезање је тешко замислити док пишем постове.

      Претпостављам само личне преференције!

  2. 3

    У основи се слажем са вашим закључком, али ако користим подешавање фиксне ширине, ограничим ширину на 960 пиксела.

    Треба узети у обзир вертикалне траке за померање и остале пречице за прегледаче које заузимају додатну ширину. Ако се држите унутар 960 пиксела, осигурава се да нема померања с лева на десно на резолуцији екрана ширине 1024 пиксела.

    Анди Ебон

  3. 4
  4. 5
  5. 6

    Пошто сте добили своје постављено на 1048пк, ваша веб локација узрокује хоризонталне траке за померање на екрану од 1024. Мислим да би било боље скинути 100 пиксела са ширине (и додавања) бочне траке и подручја садржаја, тако да стане на 728 × 1024. То је оно што је данас најбоља пракса.

    Једини случај против тога био би ако бројеви аналитике то подржавају ... али с обзиром да у свом чланку нисте навели те податке, рекао бих да сте дизајнирали страницу са недостатком.

  6. 7
  7. 8

    Луцкаст човек
    Не користе сви сваки прозор на целом екрану - у ствари, кладио бих се да то мало ко користи. 

    Имам ваш блог у 80% случајева ... и ту је водоравна трака за помицање

    А шта је са екрана ... да видимо ... ништа.

    Дакле, ваша трака за померање је бесмислена.

    Један једноставан начин да изгубите читаоце !!

    • 9

      Садржај је усредсређен на страницу @ хеенан73: дискус, пружајући читаоцу тачно оно што им треба. Ако губим читаоце јер обоје могу да виде садржај И да виде водоравну траку за померање ... нисам сигуран да су то читачи које тражим. Дефинитивно постоји нешто јединствено у нашем садржају што га помера на 1217пк, па ћу то пронаћи и поправити. Овај пост је заправо написан о претходној теми. Хвала што сте ми скренули пажњу!

Шта ви мислите?

Ова страница користи Акисмет како би смањила нежељену пошту. Сазнајте како се ваш коментар обрађује.