A keni një " website të përgjegjshëm "? Kjo është një faqe me një plan urbanistik që ndryshon bazuar në pajisjen e vizitorit dhe madhësinë e ekranit. Dizajni i përgjegjshëm i uebit tani është një praktikë më e mirë në industri. Rekomandohet nga Google dhe gjendet në miliona faqe nëpër Web. Megjithatë, ekziston një dallim i madh në mes të pasurit të një faqe interneti që thjesht "përshtatet" në madhësi të ndryshme të ekranit dhe të ketë një faqe që është vërtet e përgjegjshme.
Unë në mënyrë rutinore shoh kompanitë redesign faqen e tyre dhe të shtyjë një njoftim për shtyp që lartëson virtytet e dizajnit të tyre të ri mobil-miqësore. Kur i vizitoj ato faqe, ajo që gjej shpesh është një plan urbanistik që me të vërtetë shkon dhe ndryshon për t'u përshtatur në ekranet e ndryshme, por kjo është aq larg sa ata marrin idenë e reagimit. Kjo nuk është e mjaftueshme. Një faqe interneti me të vërtetë e përgjegjshme bën më shumë se thjesht shkallë për të përshtatur një ekran më të vogël apo më të madh. Në këto vende, do të gjeni edhe tiparet e mëposhtme të rëndësishme.
1. Performanca optimizuar
Askush nuk dëshiron të presë që një faqe interneti të ngarkojë dhe kur dikush po përdor një pajisje të lëvizshme me një lidhje që mund të jetë më pak se ideale, nevoja për një ngarkim të shpejtë të faqes është edhe më e rëndësishme.
Pra, si e optimizoni punën e faqes suaj? Nëse po filloni me një faqe të re si pjesë e një redesign, atëherë duhet ta bëni atë një pikë për të krijuar një buxhet të performancës si pjesë e atij projekti. Nëse jeni duke punuar me një faqe ekzistuese dhe nuk jeni duke filluar nga e para, hapi i parë është të provoni performancën e sitit tuaj për të parë se ku po qëndroni sot.
Pasi të keni një bazë të faqes ku qëndron faqja juaj e punës, mund të filloni të bëni përmirësimet e nevojshme për të rritur shpejtësinë e shkarkimit. Një vend i mirë për të filluar është ndoshta me imazhet e faqes suaj. Imazhet shumë të mëdha janë fajtori # 1 kur bëhet fjalë për faqet e ngarkimit të ngadaltë, kështu që optimizimi i imazheve tuaja për shpërndarjen e uebit mund të ndihmojë faqja juaj në një pikëpamje të performancës.
Realiteti është se performanca e përmirësuar e internetit dhe shpejtësia e shkarkimit të shpejtë janë një përfitim që të gjithë vizitorët do të vlerësojnë. Në fund të fundit, askush nuk është ankuar që një faqe të ngarkuar "shumë shpejt", por nëse një vend zgjat shumë për t'u ngarkuar, do t'i largojë njerëzit larg nëse është në përputhje me "ekranin" e tyre ose jo.
2. Hierarkia e përmbajtjes së zgjuar
Kur një faqe interneti shfaqet në një ekran të madh, ju jeni në gjendje për të hedhur përmbajtjen në një shumëllojshmëri mënyrash për shkak të pasurive të patundshme të ekranit të konsiderueshëm në dispozicion. Ju shpesh mund të përshtateni në mesazhe dhe imazhe të rëndësishme, përditësime të lajmeve, informacion mbi ngjarjet dhe lundrim në të gjithë në ekran menjëherë. Kjo lejon një vizitor të lehtë dhe shpejt të skanoni përmbajtjen e gjithë faqes dhe të vendosë se çfarë është e rëndësishme për ta.
Ky skenar ndryshon shumë në mënyrë dramatike kur merni atë dizajn të faqes dhe transformoni atë për pajisje të vogla në ekran, si një celular. Papritmas po punoni me një pjesë të pasurisë së patundshme të ekranit që keni pasur më parë. Kjo do të thotë që ju duhet të vendosni se çfarë do të shfaqet së pari në vend, çfarë do të ndjekë, etj. Në vend që të shihet çdo gjë në të njëjtën kohë, ka të ngjarë të keni vetëm hapësirë për të treguar një ose dy gjëra (njëra prej të cilave ka të ngjarë të navigojë). Kjo do të thotë që vendimet e hierarkisë duhet të bëhen. Për fat të keq, ajo që shpesh përcakton se çfarë vjen së pari në ekran, dhe pastaj e dyta, etj është mënyra në të cilën vetë faqja është koduar. Është më e lehtë, kur të ndërtohet një vend i përgjegjshëm, për të shfaqur çka është parë në kodin e parë në ekran, e ndjekur nga pika e dytë në kodin dhe kështu me radhë. Për fat të keq, ajo që mund të jetë më e rëndësishme në një pajisje mund të mos jetë aq e rëndësishme për një tjetër. Një faqe me të vërtetë e përgjegjshme kupton se hierarkia e përmbajtjes duhet të ndryshojë në varësi të situatave të ndryshme dhe duhet të jetë i zgjuar për atë që tregon se ku.
Përmirësimet në teknikat e paraqitjes së CSS, duke përfshirë CSS Grid Layout, Flexbox dhe më shumë, u lejojnë webfaqeve dhe zhvilluesve më shumë opsione kur është fjala për zgjerimin inteligjent të përmbajtjes, në vend që të pengohet nga rendi i saktë i zonave të përmbajtjes në kodin HTML. Përfitimi i këtyre teknikave të reja të paraqitjes do të bëhet edhe më e rëndësishme, pasi peizazhi i pajisjes dhe nevojat e përdoruesve të faqes sonë vazhdojnë të zhvillohen.
3. Përvojat që marrin në konsideratë Përparësitë dhe dobësitë e një pajisjeje
Qëndrimi në temën e pajisjeve - çdo pajisje që dikush mund të përdorë për të vizituar faqen tënde ka të dy anët dhe dobësitë që janë të qenësishme në atë platformë. Një vend i madh i përgjegjshëm kupton aftësitë dhe kufizimet e pajisjeve të ndryshme dhe i përdor ato për të krijuar përvoja të përshtatura që janë më të përshtatshme për cilëndo pajisje që një vizitor mund të përdorë në atë moment.
Për shembull, një celular përmban një numër karakteristikash që nuk do të gjeni në një kompjuter desktop tradicional. GPS është një shembull i një funksioni celular-centrik (po, ju mund të merrni informacion të përgjithshëm të vendndodhjes edhe në kompjuterë, por pajisja GPS është shumë më e saktë). Faqja juaj mund të përdorë informacionin e GPS për të dërguar në mënyrë të mençur një person me informacion të detajuar dhe specifik të drejtimit hap pas hapi ose ofertave të veçanta bazuar pikërisht atje ku janë në atë moment.
Një shembull tjetër i këtij drejtori në praktikë do të ishte një vend që kupton se çfarë lloj ekrani ju po përdorni dhe dërgon imazhe që janë më të përshtatshme për atë ekran. Nëse keni një ekran me densitet të lartë të pixels, mund të vendosni të dërgoni imazhe me cilësi më të lartë në atë ekran. Këto imazhe të njëjta do të ishin të pakuptimta në një ekran më pak të aftë, megjithatë, cilësia ekstra do të humbiste, ndërsa madhësia shtesë e skedarit do të shkarkohej për asnjë arsye reale.
Faqet e vërtetë të përgjegjshme konsiderojnë të gjithë përvojën e përdoruesit dhe punojnë për të përshtatur atë eksperiencë duke u bazuar jo vetëm në llojin ose madhësinë e ekranit të saj, por edhe në aspekte të tjera të rëndësishme të pajisjeve.
4. Përmbajtja me kontekstin
Fillimisht, dizajni i përgjegjshëm i web-it mori emrin e tij për shkak të idesë së paraqitjes së një faqeje që u përgjigjet madhësive të ndryshme të ekranit, por ju mund t'i përgjigjeni shumë më tepër sesa madhësisë së ekranit. Duke u bazuar në shembullin e mëparshëm të përdorimit të pikave të forta dhe të dobësive të pajisjes, mund t'i përdorni ato, si dhe të dhëna të tjera si data dhe koha, për të përshtatur me të vërtetë një eksperiencë në faqen e internetit.
Imagjinoni një faqe interneti për një ngjarje të madhe tregtare. Ndërsa një faqe interneti e përgjegjshme do të ndryshojë paraqitjen e faqeve të faqes në shkallë me ekranet e ndryshëm, gjithashtu mund të përdorni datën për të përcaktuar se cila përmbajtje është më e rëndësishme për t'u shfaqur. Nëse është periudha kohore para ngjarjes, mund të dëshironi të shfaqni informacionin e regjistrimit në mënyrë të dukshme. Nëse, megjithatë, ngjarja po ndodh aktualisht në atë moment, regjistrimi mund të mos jetë përmbajtja më e rëndësishme. Në vend të kësaj, ju mund të vendosni që orari i ngjarjeve të ditës është më kritik pasi që është më i përshtatshëm për nevojat e menjëhershme të atij përdoruesi.
Marrja e hapave më tej, mund të prekni GPS-në e një pajisjeje për të përcaktuar se ku janë aktualisht në shfaqjen tregtare. Ju mund t'u jepni atyre përmbajtje interaktive bazuar në vendndodhjen e tyre, duke u treguar atyre kabinat apo sesionet e afërta për të filluar.
5. Aksesueshmëria
Shembulli përfundimtar që do të shqyrtojmë se si një faqe mund t'i përgjigjet me të vërtetë nevojave të vizitorëve është të mendosh për qasjen në uebfaqe . Faqet e internetit duhet të jenë në gjendje të përdoren nga sa më shumë njerëz të jetë e mundur, duke përfshirë edhe ata me aftësi të kufizuara. Faqja juaj e internetit duhet të jetë në gjendje të përdoret nga dikush që ka nevojë për një lexues të ekranit ose programe të tjera të asistuara për të hyrë në përmbajtjen e tij. Në këtë mënyrë, faqja e juaj po i përgjigjet nevojave të tyre, sepse ju keni siguruar që përvoja, ndërsa të ndryshme për vizitorët me aftësi të kufizuara, është ende e përshtatshme.
Duke iu përgjigjur sa më shumë të dhënave sa më shumë të jetë e mundur, dhe jo vetëm madhësia e ekranit, një faqe interneti mund të jetë shumë më tepër sesa thjesht "miqësore në lëvizje". Kjo mund të bëhet një përvojë vërtet e përgjegjshme në çdo kuptim të frazës.