Dapat Mong I-optimize ang Nilalaman para sa Malawak na Mga Screen?

kidlat at kulog

Gusto ko ng eksperto sa karanasan ng gumagamit na mag-chime sa post na ito. Nanonood ako habang dumarami ang mga site ng teknolohiya na pinapakinabangan ang viewport (ang natatanaw na rehiyon ng iyong aparato) at hindi talaga ako humanga. Hindi ako naniniwala na, kung mayroon kang higit na resolusyon na kailangan mong gamitin ang resolusyon na iyon.

Narito ang isang pagkasira ng mga nangungunang resolusyon sa Martech Zone:
Resolution ng

Ang pinakatanyag na resolusyon, tulad ng nakikita mo, ay ang 1366 × 768. Ito ang halos pamantayan ng resolusyon ng laptop sa merkado ngayon. Proporsyonal, ganito ang hitsura ng screen na iyon:
1366x768

Tulad ng nakikita mo ang screen ay napaka, napakalawak at medyo maikli. Habang ginagawa para sa isang mahusay na screen na na-optimize upang matingnan ang mga HD video, hindi talaga ito isang screen na na-optimize para sa mga website at pagbabasa. At tinitingnan namin ang mga video sa isang distansya ... hindi malapit sa kung saan nagbabasa kami ng teksto at pagta-type sa keyboard. Ang isang patayong screen ay magiging isang mas mahusay na resolusyon para doon, dahil ang mga website ay higit na nag-iiba sa haba kaysa sa ginagawa nila sa lapad.

Kaya, nakikita ko ang atake ng mga website na idinisenyo upang ma-maximize ang viewport at hindi ako nabili. Natagpuan ng mga pahayagan matagal na ang nakalipas na ang mga tao ay nagbasa sa mga patayong piraso, hindi mahaba ang mga pahalang. Ang aming pagtuon ay may posibilidad na mawala habang lumilipat kami sa screen. Ang paglipat ng mga elemento sa kaliwa, o sa kanan ay inilalagay ang mga ito sa labas ng pagtuon habang binabasa ko ang nilalaman, kaya't ang mga pangalawang elemento tulad ng mga sidebars ay halos hindi pinapansin.

Sa pamamagitan nito, hindi ako naghahanap upang muling idisenyo Martech Zone screen upang kunin ang pahalang na real estate anumang oras sa lalong madaling panahon. Ang aming disenyo sa isang monitor ay naiiba mula sa karanasan sa isang mobile device o tablet at patuloy naming panatilihing natatangi ang mga karanasang iyon. Ang aming lapad sa blog ay mahusay para sa pagbabasa ng itaas hanggang sa ibaba at nakikita ang sidebar habang tinitingnan namin ang pangunahing nilalaman. Ang aming pangunahing nilalaman ay 640px ang lapad upang mapaunlakan ang mga karaniwang laki ng video at isang sidebar na 300px ang lapad para sa karaniwang advertising.

Ano sa tingin mo? Dapat ba tayong pumunta sa ruta ng iba pang mga site? O nasa tamang track ba ako sa aming kasalukuyang layout?

2 Comments

  1. 1

    Hindi ko masasabing ako ay isang dalubhasa sa karanasan ng gumagamit, subalit matagal na akong nagtatayo ng mga site, at pinipilit ko ang lahat para sa kahit isang responsive na disenyo, kung mag-iingat lamang sa mga problema nakaharap

    Kung titingnan mo ang mga site tulad ng Mashable, The Verge, at maging ang NPR, masasabi mong lumipat sila sa isang mas malawak na disenyo tulad ng sinabi mo na personal kong GUSTO, habang nagtatrabaho ako at binabasa ang maraming nilalaman na nauugnay sa trabaho sa isang 32 ″ na screen.

    Gayunpaman, sa aking palagay pagdating sa mga site tulad ng sa iyo, kailangan kong magtaka kung ano ang isinakripisyo at kung anong uri ng badyet ang kakailanganin mong i-convert.

    Inirerekomenda ng developer sa akin na subukan ang pagsubok sa ilang mga mas malawak na disenyo sa tukoy na nilalaman, at gumagamit ng pag-redirect para sa mga partikular na viewport, pagkatapos ay pumunta doon.

    Nalaman ko na sa mga site tulad ng The Verge at Mashable, ang isang talagang mahusay na piraso ay nangangailangan ng isang mahusay na halaga ng silid, at ang mas malawak na disenyo ay talagang makakatulong na kasama.

    • 2

      Salamat sa mahusay na pananaw na ito, Doug! Tiyak na mamumuhunan kami kung mayroong katibayan na ang malawak, tumutugon na mga format ay nagpapabuti sa pagiging madaling mabasa at pakikipag-ugnayan sa mga site. Mayroon bang tiyak na katibayan ng diyan?
      Douglas Karr

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.