Milyen érzékenységű webes tervezés javítja a felhasználói élményt minden látogató számára
Vessen egy pillanatra, és gondoljon arra, hogy az Ön által használt eszközöket melyeket használhat honlapok megtekintésére. Ha olyanok vagyunk, mint a legtöbb ember, ez a lista az elmúlt években nőtt. Valószínűleg olyan hagyományos eszközöket is tartalmaz, mint az asztali és / vagy hordozható számítógépek, valamint olyan eszközök, amelyek az utóbbi években kiemelkedő szerepet játszottak, beleértve az okostelefonokat, a tableteket, a hordozható játékokat és a játékrendszereket. Előfordulhat, hogy az otthoni készülékek vagy az autóban lévő képernyő is lehetővé teszi, hogy csatlakozzon az internethez! A legfontosabb, hogy a készülék tájkép egyre nagyobb és változatosabb lesz, ami azt jelenti, hogy a világhálón ma (és a jövőben is) a weboldalakat is fel kell építeni egy érzékeny megközelítéssel és a CSS média lekérdezésekkel, és figyelembe kell az emberek valószínűleg egyesíti ezeket a különböző eszközöket egy webes böngészési élményben.
Adja meg a Multi-Device felhasználókat
Az egyik igazság, amit láttunk, az, hogy ha az emberek többféle módon jutnak el a weben, akkor használni fogják őket. Nem csak az emberek használnak sok különböző eszközt a weboldal tartalmának eléréséhez, de ugyanaz a személy ugyanazt a webhelyet használja a különböző eszközök használatával. Itt származik a "több eszköz" felhasználó fogalma.
Egy tipikus több eszköz forgatókönyv
Tekintsünk egy olyan közös webes interakciót, amelyet sokan nap mint nap tapasztalnak - az ingatlanok weboldalainak böngészése egy új otthont keresve. Ez a tapasztalat megkezdődhet egy asztali számítógépen, ahol valaki beírja a keresett kritériumokat, és megvizsgálja a lekérdezéshez tartozó különböző ingatlanlistakat. A nap folyamán ez a személy újra megnézheti bizonyos tulajdonságait a mobileszközön, vagy riasztásokat kaphat az e-mailjeikhez (amelyeket ellenőrizni fognak mobileszközén) olyan új listákhoz, amelyek megfelelnek keresési paramétereiknek. A figyelmeztetéseket akár egy hordható eszközhöz is el lehetne küldeni, mint egy smartwatch, és áttekinthetik az alapvető információkat az apró képernyőn.
Ez a folyamat folytatódhat a nap folyamán, ha több látogatást tett a webhelyen egy másik asztali számítógépen, talán a munkahelyén. Aznap este használhatják a táblagépet a családjuk számára különösen érdekes listák megjelenítésére, hogy visszajelzést kapjanak ezekről a tulajdonságokról.
Ebben a forgatókönyvben weboldalunk ügyfél négy vagy öt különböző eszközt használhat, amelyek mindegyikének nagyon különböző képernyőméretei vannak, hogy ugyanazt a webhelyet látogassa meg, és ugyanazt a tartalmat nézze meg. Ez egy több eszközű felhasználó, és ha a weboldal, amelyet látogatnak, nem fogadja el őket ezeken a különböző képernyőkön, akkor egyszerűen elhagyják és megtalálják az egyiket.
Egyéb forgatókönyvek
Az ingatlankeresés csak egy példa, amikor a felhasználók egy weboldalon szerzett tapasztalataik során átugorhatnak az eszközről az eszközre. További példák a következők:
- Keresni egy autót vásárolni
- Üdülés tervezése
- Újságcikkek olvasása
- Otthoni fejlesztési ötletek kutatása
- Helyi vállalkozók / szolgáltatások keresése
- Esküvő vagy egyéb nagy esemény tervezése
- Sportcsapat vagy sportesemény után
Ezekben az esetekben a webes élmény valószínűleg több mint egy munkamenetre nyúlik vissza, ami azt jelenti, hogy egy felhasználó különböző eszközöket használ, amelyek alapján bármikor kényelmesebb lehet.
A legjobb gyakorlatok követése
Ha a mai weboldalaknak egyre több eszközzel kell ellátniuk a közönséget, akkor vannak olyan alapelvek és legjobb gyakorlatok, amelyeket be kell tartani annak biztosítására, hogy ezek a webhelyek készek legyenek megfelelően kezelni ezeket a látogatókat, és hogy jól helyezkedjenek el a keresőmotorokban .
- Responsive Website - a választható elrendezés , amely alkalmazkodni tud és megváltoztathatja a különböző méretű képméreteket, rendkívül fontos a rendelkezésre álló webes eszközökhöz.
- Minden tartalomnak elérhetőnek kell lennie - ha valaki hozzáférhet bizonyos tartalmakhoz vagy funkciókhoz, amikor egy webhelyen meglátogatják a webhelyet, azt várják, hogy azok is elérhetők legyenek, amikor más eszközökkel térnek vissza. A tartalmat úgy kell bemutatni, hogy az megfeleljen minden eszköznek, de a tartalom nem "rejtett" vagy "kikapcsolt" bizonyos eszközök esetén.
- Olvashatóság kulcs - nem számít, milyen eszközöket vagy milyen méretű képernyőt használ a weboldal meglátogatásához, a webhely könnyű olvasása fontos. Ez azt jelenti, hogy a tipográfia fontos tervezési elem, amelyre összpontosítani kell. Ha valaki nehezen olvassa el a webhely tartalmát, valószínűleg elhagyja a webhelyet.
- A konzisztencia a sokszínűség közepette - míg a különböző méretű képernyőn megjelenő elrendezés eltérő lesz, az egyik készülékről a másikra konzisztenciát kell biztosítani. Az általános élményt úgy kell összekapcsolni, hogy a felhasználóknak ne kelljen újból megtanulniuk a webhelyet minden alkalommal, amikor új képernyőn látogatják meg.
- A teljesítmény kiemelt fontosságú - a webhelyeknek gyorsan kell töltődniük és jól kell működniük minden eszközön, beleértve a tökéletes letöltési sebességnél kisebb mobileszközöket is. A teljes weboldal teljesítményének prioritásként kell kezelnie a webhely tervezésének és fejlesztésének minden vonatkozásában - végül is senki nem fogja azt mondani, hogy a weboldal túl gyorsan töltődött be vagy túl jól működött!
Szerkesztette: Jeremy Girard, 1/26/17