Homepage » UI / UX » A táblaszámítógépek felhasználói webhelyeinek megtekintése

    A táblaszámítógépek felhasználói webhelyeinek megtekintése

    A tablet arena, amely egyszer csak az Apple iPad-je volt uralva, nap mint nap virágzik egy új belépővel. A Google Nexus 7, az Amazon Kindle, a Microsoft Surface és számos más, a piacra belépő táblaszámítógép, amelyek a piacvezetőket arra gondolják, hogy a PC weboldalán túl gondolkodjanak, és önálló táblagép-stratégiát dolgozzanak ki, vagy legalábbis, egy tabletta-barát weboldal.

    A tabletek helyettesítik az okostelefonokat? A rövid válasz nem. Valójában egy nemrégiben készült comScore-jelentés egyértelműen rávilágít arra, hogy minden négy okostelefon-tulajdonos egy-egy táblát is használ. Ráadásul vannak egyértelmű különbségek a két eszköz használatának módjában. Míg a mobil webes stratégiák némelyike ​​tabletta felhasználók számára is használható, a táblagép-olvasóknak különleges igényei vannak, amelyek különös figyelmet igényelnek.

    A Tablet építése

    A tartalomhoz és az információhoz való hozzáférés úgy tűnik, hogy a tablet tulajdonosok legfőbb tevékenysége az egész világon, azt mondja az Online Publishers Association tanulmánya. Tartalomfogyasztás videók megtekintése, majd hírek olvasása. Szóval, mit kell tennie, mint tartalmi marketinges vagy kiadó, hogy tegye a tablet olvasóit?

    A táblaszámítógép-olvasók szokás szerint rengeteg alkalmazással foglalkoznak, amelyek gazdag grafikával és rendkívül részletes megjelenítéssel készültek. Ezért a táblaszámítógépek ugyanazt a visszafelé, app-szerű olvasási élményre számítanak, amit az asztali böngészőjükben használnak.

    A görgetés a passé; a swipe be van kapcsolva

    Az egyetlen módja annak, hogy a folyamatosan növekvő tablet-látogatóinkat a PC-re vonatkozó normákon kívülre gondoljuk, azaz a függőleges görgetési formátumokra és elrendezésekre, valamint egy személyesebb, interaktívabb webhely létrehozására. A táblaszámítógép-olvasók a gesztusokhoz hasonlítanak, mint pl..

    Használja ki a HTML5 és a CSS3 előnyeit, hogy megjelenítsen egy lapozott, jól formázott elrendezést, amely egy nyomtatott magazint emulál, és az olvasóknak megtapasztalhatják kedvenc magazinjaik oldalainak megjelenítését.

    Érintésbarát webhelyek

    A piacon lévő minden tabletta érintőfelülettel működik, amely újrafogalmazta azt az elképzelést, hogy miként lépünk kapcsolatba a személyi számítógépekkel. A tabletták optimális olvasási élményéhez olyan egyszerű, mint a minimális szövegméret 14 képpontos elhelyezése. De mi a helyzet a felhasználói felületekkel, különösen az emberi bemenettel kapcsolatban?

    Ez az ujjakban van

    Míg a számítógépes webhelyek olyan képernyőn töltődnek be, amely egy bizonyos távolságra van elhelyezve az egérrel hozzáférhető szemtől a kurzoron keresztül, a tablettákat úgy tervezték, hogy a kézben tartsák és elfogadják a felhasználó ujjait..

    Növelje a szöveget úgy, hogy a hiperhivatkozott szöveg körül egy nagy terület van, amelyet még nagy ujjak is kattinthatnak. Is növelje a mondatok közötti távolságot úgy, hogy nincs ütközés között hiperhivatkozott szövegek, űrlapmezők vagy legördülő menük. Távolítsa el a lebegő eseményeket de tartsa a viselkedést és az intuitív irányítást, vagy legalább annyira megjósolható, hogy a felhasználóknak nem kell megtanulniuk, hogyan navigálhatnak a webhelyén.

    Javasoljuk, hogy az Apple iOS Human Interface Irányelveit betartsa, amikor egy tabletta-barát webhelyet épít.

    Kerülje a Flashy elemeket

    Az iPad még mindig a tabletta piacvezetője a tablet piacon, még mindig biztonságos a Flash számára. A HTML5 használatával azonban a tablet-böngészőjükön jobb olvasási tapasztalatot hozhat létre az olvasók számára. Kevesebb a JavaScript-alapú animációk használata, hogy a táblaszámítógép webhelye gyorsan és hozzáférhető legyen minden táblagépen.

    Orientációs kérdések

    A táblaszám látogatója megtekintheti webhelyét tájképben vagy álló tájolásban; ezért győződjön meg róla, hogy a táblaszámítógép webhelyének tartalma automatikusan áthelyezi magát mindkét irányba. Tekintse meg a 30 érzékeny portfóliót az Ön inspirációjának megértéséhez, hogy a tartalomnak hogyan kell átrendeznie magát a különböző képernyőméretekhez és tájolásokhoz.

    És további olvasásra nézd meg:

    • Mobil webes tervezés: 10 tipp a jobb használhatóság érdekében
    • 30 Hasznos, érzékeny Web Design oktatóanyagok
    • 50 Hasznos, érzékeny webes tervezőeszközök a tervezők számára

    Végül mindig használjon olyan képeket, amelyek nagyon nagy felbontásúak, vagy győződjön meg róla, hogy a képek átméretezik a különböző irányokat, hogy a felhasználók teljes képet kapjanak. A 16: 9 képarány jól működik a legtöbb tabletta esetében.

    Csomagolja fel

    Tabletbarát webhely létrehozásakor gondoljon túl a PC weboldalain, és lépjen tovább a személyes interakcióra. Újratárcsázza és újjáépítse webhelyeit egy olyan világban, ahol az első tabletták.

    A szerkesztő megjegyzése: Ezt a bejegyzést írta Lakshmi Harikumar Hongkiat.com részére.