Statistikat e përdorimit të rezolucionit të ekranit. Si të rikthehet trafiku i humbur ose si janë të dobishme statistikat për rezolucionet e ekranit

Mund të mos e dini as faktin që faqja juaj nuk shfaqet siç duhet në një ekran me rezolucion 320 × 480 dhe të gjithë lexuesit me një smartphone të tillë largohen nga blogu juaj pa studiuar informacionin në të.

Le të ketë informacion super interesant (për një blog), çmimi më i ulët për një produkt (për një dyqan online), një kurs super i dobishëm, por nëse faqja është e shtrembër, butonat nuk duken, rreshtat e tekstit mbivendosen njëra me tjetrën , atëherë me një shfaqje të tillë të faqeve të shitjeve, ju nuk do të dukeni.

Prandaj, është e nevojshme të analizohen në statistika dhe të identifikohen lejet nga të cilat largohen vizitorët dhe të merren masa për të rregulluar gabimet.

Statistikat e rezolucionit të ekranit

Gjithçka është e qartë atje, shkruani URL-në e faqes:

Tani mund të zgjidhni opsione të ndryshme. Për më tepër, si rezolucione standarde të smartfonëve (tab 3):

Dhe thirrni në mënyrë arbitrare rezolucionin në numra (5 skeda):

Unë ju tregova se si të përdorni mjetin, tani improvizoni për faqet tuaja.

Si të rregulloni gabimet

Si përfundim, lind pyetja: "Pse më duhen të gjitha këto, për të studiuar shfletuesit, lejet, e kështu me radhë?"

Përgjigja është e thjeshtë - për të rritur trafikun dhe shitjet.

Në rastin tim, humbjet janë minimale, më pak se 2% e vizitorëve në vit kanë mbetur për shkak se blogu im nuk shfaqej mirë në pajisjen e tyre nga e cila kishin hyrë në faqe. Këto janë shifra të vogla, mund t'i keni më të larta ose më të ulëta, por duhet të kuptoni se rrjedha të tilla në total mund të rezultojnë në një rrjedhë të madhe humbjesh.

Autori i faqes mund të mendojë se ka dizajn të dobët, përdorshmëri, nuk di të shkruajë saktë artikuj, ose ka një produkt të keq, çmim të lartë, por në fakt arsyeja mund të jetë ndryshe. Nëse e dini, atëherë problemi mund të zgjidhet, mbani mend këtë.

Nëse faqja juaj ka shumë probleme me zgjidhjen, shablloni ka shumë të ngjarë të mos jetë i përgjegjshëm ose me cilësi të ulët dhe duhet të zëvendësohet. Mbani në mend se trafiku celular do të rritet vetëm me kalimin e viteve, kështu që ju duhet të mendoni për një shabllon adaptiv (ose version celular të faqes) sa më shpejt që të jetë e mundur.

Unë fola për këtë temë në detaje këtu:

Do të doja të dëgjoja për rezultatet e analizës së faqes tuaj, cilat rezolucione të ekranit kanë më shumë kërcime?

Për çdo pyetje, shkruani në komente, unë patjetër do t'ju ndihmoj.

Shënime

Një proces shumë i gjithanshëm. Por megjithatë, të gjitha fazat e tij mund të ndahen në dy komponentë kryesorë - guaskën funksionale dhe atë të jashtme. Ose, siç është zakon në mesin e webmasterëve, përkatësisht back-end dhe front-end. Njerëzit që porosisin faqet e tyre të internetit nga studiot e zhvillimit të uebit shpesh besojnë me naivitet se ia vlen të fokusohemi vetëm te funksionaliteti dhe ky do të jetë vendimi i duhur. Por kjo është e vërtetë në raste shumë, shumë të rralla, zakonisht për projektet fillestare në fazën e testimit beta. Përndryshe, dizajni grafik dhe ndërfaqja e përdoruesit thjesht duhet të jenë të përshtatshme, por mos harroni për të ardhmen e faqes, duke pasur parasysh atë.

Guri i parë i themelit me të cilin përballet projektuesi i ndërfaqes, ose projektuesi, është gjerësia e paraqitjes së faqes. Në fund të fundit, për të është e nevojshme të vizatoni ndërfaqe. Thjesht intuitivisht, lindin dy qasje - ose bëni paraqitje të veçanta për çdo rezolutë të njohur të ekranit, ose krijoni një version të faqes për të gjitha ekranet. Dhe të dyja opsionet do të jenë të gabuara, por së pari gjërat.

Gjerësia standarde e faqes në pixel për RuNet

Para zhvillimit të paraqitjes adaptive, zhvillimi i një siti me një gjerësi prej një mijë pikselësh ishte një fenomen masiv. Kjo shifër u zgjodh për një arsye të thjeshtë - në mënyrë që faqja të përshtatet në çdo ekran. Dhe kjo ka logjikën e vet, por le të supozojmë se një person ka ende të paktën një monitor HD në një desktop. Në këtë rast, faqosja juaj do të duket si një shirit i vogël në mes të ekranit, ku gjithçka është ngjitur së bashku në një grumbull, dhe në anët ka një hapësirë ​​të madhe të papërdorur. Tani le të supozojmë se një person hyn në faqen tuaj të internetit në një tabletë me një ekran të gjerë 800 px dhe "Trego faqen e plotë të faqes në internet" është kontrolluar në cilësimet. Në këtë rast, faqja juaj do të shfaqet gjithashtu gabimisht, pasi thjesht nuk do të futet në ekran.

Nga këto konsiderata, mund të konkludojmë se një gjerësi fikse për paraqitjen definitivisht nuk është e përshtatshme për ne dhe ne duhet të kërkojmë një mënyrë tjetër. Le të analizojmë idenë e një paraqitjeje të veçantë për secilën gjerësi të ekranit.

Modele për të gjitha rastet

Nëse keni zgjedhur si strategji krijimin e paraqitjeve për të gjitha madhësitë e ekranit në treg, atëherë faqja juaj do të bëhet më unike në të gjithë internetin. Në fund të fundit, sot është thjesht e pamundur të mbulosh të gjithë gamën e pajisjeve, duke u përpjekur të rregullosh mirë çdo opsion. Por nëse fokusoheni në rezolucionet më të njohura të monitorëve dhe ekraneve të pajisjeve, atëherë ideja nuk është e keqe. Disavantazhi i vetëm i tij janë kostot financiare. Në fund të fundit, kur një projektues i ndërfaqes, një projektues dhe një kodues detyrohen të bëjnë të njëjtën punë 5 ose 6 herë, projekti do të kushtojë në mënyrë disproporcionale më shumë se çmimi i buxhetuar fillimisht.

Prandaj, vetëm faqet me një faqe mund të mburren me një bollëk versionesh për ekrane të ndryshme, qëllimi i të cilave është të shesësh një produkt dhe sigurohu ta bësh mirë. Epo, nëse nuk keni një nga këto ulje, por një faqe me shumë faqe, atëherë duhet të mendoni më tej.

Madhësitë më të njohura të faqeve

Marrëveshja midis dy ekstremeve është të jepet faqosja për tre ose katër. Ndër këto, njëri duhet të jetë një plan urbanistik. Pjesa tjetër duhet të përshtatet për ekranet e desktopit të vegjël, të mesëm dhe të mëdhenj. Si të zgjidhni gjerësinë e faqes? Më poshtë po paraqesim statistikat e shërbimit HotLog për muajin maj 2017, e cila na tregon shpërndarjen e popullaritetit të rezolucioneve të ndryshme të ekranit të pajisjes, si dhe dinamikën e këtij treguesi.

Nga tabela, mund të mësoni se si të përcaktoni madhësinë e faqes që dëshironi të përdorni. Për më tepër, mund të konkludojmë se formati më i zakonshëm sot është një ekran prej 1366 me 768 piksele. Ekrane të tilla janë instaluar në laptopë buxhetorë, kështu që popullariteti i tyre është i natyrshëm. Më i popullarizuari tjetër është monitori Full HD, i cili është standardi i artë për videot, lojërat dhe rrjedhimisht për krijimin e paraqitjeve të faqeve të internetit. Më tej në tabelë shohim rezolucionin e pajisjeve celulare 360 ​​me 640 piksele, si dhe opsione të ndryshme për ekranet e desktopit dhe celularit pas tij.

Ne hartojmë paraqitjen

Pra, pas analizimit të statistikave, mund të konkludojmë se gjerësia optimale e sitit ka 4 ndryshime:

1. Versioni i fletores me gjerësi 1366 px.
2. Versioni Full HD.
3. Një plan urbanistik i gjerë 800 px për shfaqje në monitorët e vegjël të desktopit.
4. Versioni celular i faqes është 360 piksele i gjerë.

Le të themi se kemi vendosur se çfarë madhësie të burimit të krijuar për sitin duhet të përdoret. Por një projekt i tillë do të ishte ende i kushtueshëm. Pra, le të shohim më shumë opsione, këtë herë pa përdorur një gjerësi fikse.

Duke e bërë paraqitjen fleksibël

Ekziston një qasje alternative, kur ia vlen të rregullohet vetëm në madhësinë minimale të ekranit, dhe vetë madhësitë e faqeve do të përcaktohen me përqindje. Në të njëjtën kohë, të tilla si menytë, butonat dhe një logo mund të vendosen në vlera absolute, duke u fokusuar në madhësinë minimale të gjerësisë së ekranit në pixel. Blloqet me përmbajtje, përkundrazi, do të shtrihen sipas përqindjes së specifikuar të gjerësisë së zonës së ekranit. Kjo qasje ju lejon të ndaloni të perceptoni madhësinë e faqeve si një kufizim për projektuesin dhe ta mposhtni me mjeshtëri këtë nuancë.

Cili është raporti i artë dhe si ta aplikoni atë në paraqitjen e faqes në internet?

Në epokën e Rilindjes, shumë arkitektë dhe artistë u përpoqën t'u jepnin krijimeve të tyre një formë dhe proporcion ideal. Për përgjigjet e pyetjeve në lidhje me vlerat e një proporcioni të tillë, ata iu drejtuan mbretëreshës së të gjitha shkencave - matematikës.

Që nga lashtësia, është shpikur një proporcion që syri ynë e percepton si më natyralja dhe elegantja, sepse është e pranishme në natyrë. Zbuluesi i formulës për këtë raport ishte një arkitekt i talentuar i lashtë grek i quajtur Phidias. Ai llogariti se nëse pjesa më e madhe e proporcionit lidhet me atë më të vogël pasi e tëra lidhet me atë më të madhin, atëherë një proporcion i tillë do të duket më i miri. Por ky është rasti nëse dëshironi ta ndani objektin në mënyrë asimetrike. Ky raport u quajt më vonë seksioni i artë, i cili ende nuk e mbivlerëson rëndësinë e tij për historinë botërore të kulturës.

Kthehu te dizajni i uebit

Është shumë e thjeshtë - duke përdorur raportin e artë, mund të dizajnoni faqe që do të jenë sa më të këndshme për syrin e njeriut. Duke llogaritur sipas përcaktimit të formulës së seksionit të artë, marrim numrin irracional 1.6180339887..., por për lehtësi, mund të përdorni vlerën e rrumbullakosur prej 1.62. Kjo do të thotë që blloqet e faqes sonë duhet të jenë 62% dhe 38% e tërësisë, pavarësisht nga madhësia që përdorni për të krijuar burimin për sitin. Ju mund të shihni një shembull në diagramin e mëposhtëm:

Përdorni teknologji të reja

Teknologjitë moderne të paraqitjes së faqeve në internet bëjnë të mundur përcjelljen sa më të saktë të idesë së një projektuesi dhe stilisti, kështu që tani mund të përballoni të zbatoni ide më të guximshme sesa në agimin e teknologjive të Internetit. Nuk keni më nevojë të mendoni shumë se cila duhet të jetë madhësia e faqes. Me ardhjen e gjërave të tilla si faqosja adaptive e bllokut, ngarkimi dinamik i përmbajtjes dhe shkronjave, zhvillimi i faqes në internet është bërë shumë më i këndshëm. Në fund të fundit, teknologji të tilla kanë më pak kufizime, megjithëse ato ende ekzistojnë. Por siç e dini, pa kufi nuk do të kishte art. Ne ju sugjerojmë të përdorni një qasje vërtet krijuese të dizajnit - raportin e artë. Me të, ju mund të plotësoni me efikasitet dhe bukuri çfarëdo madhësie të faqeve që vendosni në shabllonet tuaja.

Si të rritet hapësira e punës së sitit

Ekziston një shans i mirë që nuk do të keni hapësirë ​​të mjaftueshme për të vendosur të gjithë elementët e ndërfaqes në një plan urbanistik të vogël. Në këtë rast, do t'ju duhet të filloni të mendoni në mënyrë krijuese ose edhe më kreative se sa keni bërë më parë.

Mund të lironi hapësirë ​​në sajt sa më shumë që të jetë e mundur duke fshehur navigimin në menynë që shfaqet. Është logjike të përdoret kjo qasje jo vetëm në pajisjet mobile, por edhe në desktop. Në fund të fundit, përdoruesi nuk ka nevojë të shikojë gjatë gjithë kohës se cilat tituj janë në faqen tuaj - ai erdhi për përmbajtjen. Dhe dëshirat e përdoruesit duhet të respektohen.

Një shembull i një mënyre të mirë për të fshehur menunë është faqosja e mëposhtme (foto më poshtë).

Në këndin e sipërm të zonës së kuqe, mund të shihni një kryq, duke klikuar mbi të cilin do të fshihet menyja në një ikonë të vogël, duke e lënë përdoruesin vetëm me përmbajtjen e faqes në internet.

Sidoqoftë, kjo është opsionale, mund të largoheni nga navigimi, i cili do të jetë gjithmonë në sy. Por ju mund ta bëni atë një element të bukur dizajni, dhe jo vetëm një listë të lidhjeve të njohura në faqe. Përdorni ikona intuitive përveç ose edhe në vend të lidhjeve me tekst. Kjo do të lejojë gjithashtu faqen tuaj të përdorë më efikas hapësirën e ekranit në pajisjen e përdoruesit.

Faqja më e mirë e internetit është reaguese

Nëse nuk e dini se cilën plan urbanistik të zgjidhni për sitin, atëherë gjithçka është e thjeshtë për ju. Për të kursyer në kostot e zhvillimit dhe në të njëjtën kohë për të mos humbur audiencën për shkak të një paraqitjeje të keqe për disa pajisje, përdorni dizajn të përgjegjshëm.

Dizajni i përgjegjshëm është një dizajn që duket po aq i mirë në pajisje të ndryshme. Kjo qasje do të lejojë që faqja juaj të jetë e kuptueshme dhe e përshtatshme edhe në një laptop, madje edhe në një tabletë, madje edhe në një smartphone. Ky efekt arrihet duke ndryshuar automatikisht gjerësinë e zonës së punës të ekranit. Duke përdorur fletë stilesh të përgjegjshme për faqen tuaj, ju po merrni vendimin më të mirë të mundshëm.

Cili është ndryshimi midis dizajnit të përgjegjshëm dhe të pasurit versione të ndryshme të faqes

Dizajni i përgjegjshëm ndryshon nga versioni celular i faqes në atë që në rastin e fundit, përdoruesi merr një kod html që është i ndryshëm nga ai i desktopit. Ky është një disavantazh për sa i përket optimizimit të performancës së serverit, si dhe optimizimit të motorëve të kërkimit. Për më tepër, bëhet më e vështirë llogaritja e statistikave për versione të ndryshme të faqes. Qasja adaptive nuk ka të meta të tilla.

Përshtatshmëria për pajisje të ndryshme arrihet përmes një plan urbanistik me një përcaktim në përqindje të gjerësisë, ose duke transferuar blloqe në hapësirën e disponueshme (në një plan vertikal në një smartphone në vend të një horizontale në një desktop), ose duke krijuar paraqitje individuale për të ndryshme ekranet.

Mund të mësoni më shumë rreth dizajnit të përgjegjshëm dhe zhvillimit të tij nga mësimet.

Sot, tregu i investimeve ka një numër të madh produktesh nga fusha të ndryshme. Na u duk se ia vlen të tërhiqni vëmendjen tuaj në tregun me rritje të shpejtë të pajisjeve mobile. Jo, nuk do të ketë komente këtu, ne duam ta konsiderojmë këtë treg përmes prizmit të karakteristikave të ekranit. Telefoni celular, tableti, laptopi janë tashmë të ngulitur fort në jetën tonë, në fakt, ne kalojmë më shumë kohë me ta sesa me njerëzit e gjallë përreth nesh.

Çfarë thonë statistikat

Ne kemi studiuar raporte statistikore të metrikave të ndryshme nga faqet partnere për një kohë të gjatë. Ne shikuam karakteristikat teknike të pajisjeve celulare më të njohura. Situata është e tillë që tregu mes të gjitha pajisjeve celulare filloi të dominohej nga celularët e mëdhenj, diagonalja e të cilëve fillon nga 5.5 "dhe përfundon në 6.2". Shtojini kësaj edhe dëshirën e Apple për të nxjerrë në treg një produkt me diagonale 6.5 "deri në fund të vitit, dhe truri ynë fillon ta tret me vështirësi nevojën për një teknologji të tillë. Nuk mund ta fusësh më në xhep, dhe nuk do të futet në çdo çantë.Megjithatë, nëse shikoni se si të përdorni telefonin e një smartphone modern, bëhet e qartë pse. Ky është një fakt i çuditshëm: telefoni duket se është shpikur për komunikim zanor, por përdoret Gjithnjë e më shpesh si një pajisje për të lundruar në internet. E thënë thjesht, trendi aktual është një telefon celular cilësor me ekran të shkëlqyer, kamerë dhe internet. Ky është një "kombinim" i përshtatshëm, mjafton ta karikoni. njehere ne dite.

Tani në lidhje me lejet. Rezolucionet më të njohura janë 1366*738 dhe 1920*1080. Këto nuk janë rezolucione celulare. Por rezolucioni më i njohur celular është 360*640. Në fakt, kjo është tre më të mirat.

Tabela e plotë me informacionin mbi tregun është si më poshtë:

Prodhimi

Tregu i pajisjeve celulare nuk qëndron ende. Sot duhet të kërkojmë opsione për të investuar në këtë treg.

Sipas faqes së internetit të Deviceatlas

Njohja se cilat rezolucione të ekranit të smartfonëve janë më të njohurat sot, do t'ju ndihmojë të optimizoni faqen tuaj të internetit për dallimet midis pajisjeve të ndryshme. DeviceAtlas u mblodh statistikat më të fundit të përdorimit të pajisjes në lidhje me këtë çështje.

Rezolucione të reja të ekranit në treg

Vitet e fundit, të gjitha pajisjet kryesore me OS Android kishin rezolucion Full HD (1080x1920) dhe QHD (1440x2560). Në vitin 2017, në treg u shfaqën disa pajisje me rezolucione jo standarde - kryesisht për shkak të tendencës së re për ekranet nga skaji në skaj (e gjithë gjerësia e pajisjes). Përfshirë:

• Samsung Galaxy Note 8: 1440 x 2960 piksele
• Samsung Galaxy S8: 1440 x 2960 piksele
• LG V30: 1440 x 2880 piksele
• LG G6: 1440 x 2880 piksele
• Sony Xperia XZ Premium: 3840 x 2160 piksele
• iPhone X: 1125 x 2436 piksele (vetëm i shpallur)

Sigurisht, këto leje jo standarde nuk janë përfshirë ende në statistikat tona. Por në një mënyrë apo tjetër, mund të presim që standardi S8 mund të bëhet një nga më të njohurit në listë për shkak të popullaritetit të madh të familjes Galaxy S: flamuri i mëparshëm - S7 - u bë pajisja më e zakonshme Android në botë.

Rezolucioni më i përdorur i ekranit të smartfonëve është 720x1280

Sipas statistikave të trafikut për korrik-gusht 2017, rezolucioni më i popullarizuar i ekranit në telefonat inteligjentë është 720×1280 piksele, i cili përdoret në shumicën e pajisjeve të rangut të mesëm dhe të buxhetit. Kjo është leja më e përdorur në 11 vende nga 20 të analizuara, përfshirë Indinë, Italinë dhe Spanjën. Ai ndiqet nga afër nga raporti 750x1334, i cili përdoret në modelet e njohura të iPhone në SHBA, MB dhe Australi. Në Francë dhe Gjermani, nga ana tjetër, Full HD u bë rezolucioni më i shpeshtë në telefonat inteligjentë të klasave të mesme dhe buxhetore.

Tabela tregon rezolucionet më të njohura të ekranit të smartfonëve në të 20 vendet pjesëmarrëse në studim.

Grafikët e mëposhtëm tregojnë përqindjen e trafikut që ra në telefonat inteligjentë me rezolucion ekrani 720x1280 në korrik-gusht 2017 në vendet pjesëmarrëse në studim.

Full HD pushton tregun, adoptimi i QHD ngadalësohet

Ne analizuam gjithashtu se sa shpejt u rrit përdorimi i disa lejeve të njohura gjatë vitit - nga TM4 2016 në TM3 2017. Pavarësisht rritjes aktive në të kaluarën, tani përhapja e rezolucionit QHD (1440×2560) është ngadalësuar.

Në Francë, Indi, Nigeri dhe SHBA, pajisjet QHD madje humbën pjesën e tregut (-4% në vendin e fundit). Gjatë 4 tremujorëve të fundit, pajisjet FHD (1080×1920) janë rritur më shpejt, duke fituar 5-10% në Brazil, Francë, Japoni, Poloni, Spanjë dhe SHBA.

Pjesa e trafikut të pajisjeve Full HD (1080x1920) për 4 tremujorët e fundit:

Pjesa e trafikut të pajisjeve QHD (1440x2560) për 4 tremujorët e fundit:

Së pari, pak për teorinë. Rezolucioni i ekranit mund të ndryshojë në varësi të pajisjes që po përdorni. Disa përdorues gabimisht besojnë se madhësia e ekranit dhe rezolucioni i ekranit të monitorit janë e njëjta gjë. Për shembull, madhësia e ekranit dhe rezolucioni maksimal i tij është 1600 x 1200, dhe përdoruesi mund të vendosë rezolucionin, për shembull, 800 x 600. Natyrisht, imazhi në ekran do të formohet sipas parimit që është vendosur nga përdoruesi vetë. Si rezultat, rezulton se madhësia e ekranit dhe rezolucioni i tij janë koncepte paksa të ndryshme. Për të arritur foton perfekte, duhet të vendosni rezolucionin maksimal që mbështet monitori juaj dhe më pas imazhi do të jetë i cilësisë më të lartë.

Cilat janë rezolucionet e ekranit?

Sot ka një numër të madh monitorësh dhe të njëjtin numër rezolucionesh. Duhet të theksohet se të gjitha këto pajisje kanë raporte të ndryshme të pamjes, për shembull: 4:3, 5:4, 16:9, 16:10 dhe shumë të tjera. Pajisjet me ekran të gjerë me një raport pamjeje 21:9 janë shumë të kërkuara. Nuk është thjesht praktike të përdoren pajisje të tilla sot, pasi ato janë më të përshtatshmet për të parë filma të xhiruar duke përdorur standardin CinemaScope. Kjo lidhet drejtpërdrejt me faktin se nëse vendosni një rezolucion të ndryshëm në një monitor të tillë, për shembull, FullHD (1920 x 1080p), shufrat e gjera të zeza do të mbeten përgjatë skajeve të monitorit.

Sa i përket vetë rezolucionit të monitorit, ato ndahen midis tyre, siç mund ta merrni me mend, nga raporti i pamjes. Shquhen sa vijon: Për raportin e pamjes 4:3 -1024x768, 1280x1024, 1600x1200, 1920x1440, 2048x1536. Për raportin e pamjes 16:9: 1366x768, 1600x900, 1920x1080, 2048x1152, 2560x1440, 3840x2160. Për raportin e pamjes 16:10: 1280x800, 1440x900, 1600x1024, 1680x1050, 1920x1200, 2560x1600, 3840x2400. Rezolucionet më të njohura sot janë: 1920x1080, 1280x1024, 1366x768.

Vlen të përmendet se sa më e lartë të jetë rezolucioni i ekranit, aq më mirë do të jetë vetë imazhi, por në të njëjtën kohë mund të jetë shumë i vogël dhe disa pronarë të pajisjeve të tilla do të duhet ta ndryshojnë atë në një më të vogël për të parë ndonjë gjë në të. monitorin. Si rezultat, natyrisht, të gjithë mund të shohin pak para se të blejnë një pajisje në një dyqan, çfarë imazhi do të jetë në të dhe nëse i përshtatet.