Kā atsaucīgs web dizains uzlabos lietotāju pieredzi visiem apmeklētājiem
Veltiet laiku un domājiet par visām savām ierīcēm, kuras var izmantot, lai skatītu vietnes. Ja jūs kā vairums cilvēku, šis saraksts ir pieaudzis pēdējo gadu laikā. Iespējams, ka tajā ietilpst tradicionālās ierīces, piemēram, galddators un / vai klēpjdators, kā arī ierīces, kas pēdējo gadu laikā ir iecienījušās, tostarp viedtālruņi, planšetdatori, valkājamie aparāti, spēļu sistēmas un citi. Jūsu automašīnā pat var būt ierīces jūsu mājās vai ekrānā, kas ļauj jums izveidot savienojumu ar internetu! Apakšējā līnija ir tāda, ka ierīču ainava visu laiku kļūst arvien lielāka un daudzveidīgāka, kas nozīmē, ka mūsdienās (un nākotnē) jāattīstās tīmeklī, vietnēm jābūt veidotām ar atsaucīgu pieeju un CSS multivides vaicājumiem, un tām jāapsver, kā lietotāji, iespējams, apvienos šīs dažādās ierīces vienā tīmekļa pārlūkošanas pieredzē.
Ievadiet Multi-Device lietotāju
Viena patiesība, ko mēs esam redzējuši, ir tāda, ka, ja cilvēkiem tiek doti vairāki veidi, kā piekļūt tīmeklim, viņi tos izmantos. Lai piekļūtu vietnes saturam, lietotāji izmanto ne tikai daudzas dažādas ierīces, bet arī viena un tā pati persona, izmantojot šīs dažādās ierīces. Tieši no šī brīža tiek iegūts "multi-device" lietotāja jēdziens.
Tipisks vairāku ierīču scenārijs
Apsveriet kopīgu tīmekļa mijiedarbību, ar kuru ik dienu piedzīvo daudzi cilvēki - meklējot jaunu māju, pārlūkojot nekustamā īpašuma portālus. Šī pieredze var sākties galddatorā, kurā kāds iestata kritērijus, ko viņi meklē un izskata dažādi īpašuma saraksti, kuri atbilst šim vaicājumam. Izmantojot dienu, šī persona savās mobilajās ierīcēs atkal var apskatīt īpašas īpašības vai arī saņemt brīdinājumus savam e-pastam (ko viņi pārbaudīs savā mobilajā ierīcē) jauniem sarakstiem, kas atbilst viņu meklēšanas parametriem. Viņi pat var saņemt šos brīdinājumus uz valkājamas ierīces, piemēram, viedo pulti un pārskatīt pamatinformāciju par šo mazo ekrānu.
Šo procesu var turpināt ar dienu, vairāk apmeklējot vietni citā galddatorā, iespējams, no viņu biroja darbā. Šajā vakarā viņi var izmantot planšetdatoru, lai parādītu visus sarakstus, kas ir īpaši interesanti viņu ģimenei, lai iegūtu atsauksmes par šīm īpašībām.
Šajā scenārijā mūsu vietnes klients, iespējams, ir izmantojis četras vai piecas dažādas ierīces, katra no kurām ir ļoti atšķirīgi ekrāna izmēri, lai apmeklētu to pašu vietni un skatītu to pašu saturu. Šis ir vairāku ierīču lietotājs, un, ja viņu apmeklētā vietne neuzņem tos visos šajos dažādos ekrānos, viņi vienkārši pamet un atradīs tādu, kas to dara.
Citi scenāriji
Nekustamā īpašuma meklēšana ir tikai viens piemērs, kurā lietotāji kopumā ar vietni saskaras no ierīces uz ierīci. Citi piemēri ir šādi:
- Automobiļa meklēšana, lai iegādātos
- Atvaļinājuma plānošana
- Lasīt ziņu rakstus
- Mājas uzlabošanas ideju pētīšana
- Meklējat vietējos darbuzņēmējus / pakalpojumus
- Kāzu vai cita liela notikuma plānošana
- Pēc sporta komandas vai sporta pasākuma
Katrā no šiem gadījumiem interneta pieredze, visticamāk, būs vairāk nekā viena sesija, kas nozīmē, ka lietotājs varēs izmantot dažādas ierīces, pamatojoties uz kurām viņiem tas ir piemērots jebkurā brīdī.
Labākās prakses, kas jāievēro
Ja mūsdienu tīmekļa vietnēm ir jārūpējas, lai auditorija kļūtu arvien daudzveidīgāka, tad ir daži pamatprincipi un paraugprakse, kas jāievēro, lai nodrošinātu, ka šīs vietnes ir gatavas pienācīgi apstrādāt šos apmeklētājus un ka tie ir labi rādītāji meklētājprogrammās .
- Atbildīga vietne - reaģējošs izkārtojums, kas var pielāgot un mainīt dažādiem ekrāna izmēriem, ir būtisks, lai atbalstītu daudzās tīmekļa saistītās ierīces, kas pieejamas šodien.
- Viss saturs ir jābūt pieejamam - ja kādai var piekļūt noteiktā saturā vai funkcijās, kad viņi apmeklē vietni vienā ierīcē, viņi cer, ka tie būs pieejami arī tad, ja tie atgriezīsies citās ierīcēs. Saturs jāuzrāda tādā veidā, kas ir piemērots katrai ierīcei, taču nevienam saturam atsevišķās ierīcēs nav jābūt "slēptai" vai "izslēgtai".
- Skaidrība ir galvenais - neatkarīgi no tā, kāda veida ierīces vai izmēra ekrāns tiek izmantots, lai apmeklētu vietni, svarīgāk ir lasīt šo vietni. Tas nozīmē, ka tipogrāfija ir svarīgs dizaina elements, uz kuru vērsta uzmanība. Ja kādam ir grūti lasīt vietnes saturu, viņi visticamāk pamet vietni.
- Konsekvence starp daudzveidību - kamēr katram ekrāna izmēram paredzētais izkārtojums būs atšķirīgs, vajadzētu būt saskaņotībai no vienas ierīces uz otru. Kopēja pieredze ir jāsavieno tā, lai lietotājiem netiktu atkārtoti jāpārzina vietne ikreiz, kad viņi to apmeklē, uz jaunā ekrāna.
- Veiciet veiktspēju par prioritāti - vietnēm ir ātri jāielādē un jādarbojas visās ierīcēs, tostarp mobilajās ierīcēs, kurās ir mazāk perfekta lejupielādes ātruma. Kopumā vietnes veiktspējai jābūt prioritātei visās vietnes dizaina un izstrādes aspektos - galu galā neviens nekad nesaka, ka vietne ir pārāk strauji ielādēta vai pārāk labi strādāja!
Rediģējis Jeremijs Girards, kas notika 1.6.27