Com el disseny web sensible millorarà l'experiència de l'usuari per a tots els visitants
Prengui's un moment i pensi en tots els dispositius que posseeix que es poden utilitzar per veure llocs web. Si ets com la majoria de la gent, aquesta llista ha crescut en els últims anys. És probable que inclogui dispositius tradicionals com un ordinador de sobretaula i / o ordinador portàtil, juntament amb els dispositius que han tingut una importància en aquests últims anys, inclosos els telèfons intel·ligents, les tauletes, els sistemes de jocs, etc. Fins i tot pot tenir aparells a la vostra llar o una pantalla del cotxe que us permetrà connectar-vos a Internet. La conclusió és que el paisatge del dispositiu és cada vegada més gran i més divers, la qual cosa significa que per a la Web actual (i en el futur), els llocs web han de ser construïts amb un enfocament sensible i consultes de mitjans de CSS i han de considerar com és probable que la gent combini aquests dispositius diferents en una única experiència de navegació web.
Introduïu l'usuari de diversos dispositius
Una veritat que hem vist jugar és que si es dóna a la gent diverses maneres d'accedir a la web, els utilitzarà. No només són persones que utilitzen molts dispositius diferents per accedir al contingut del lloc web, sinó que la mateixa persona visita el mateix lloc amb aquests dispositius variats. Aquí és on ve el concepte de l'usuari "multiplataforma".
Un escenari típic de diversos dispositius
Penseu en la possibilitat d'una interacció web comuna que molta gent experimenta cada dia: navegar pels llocs web immobiliaris a la recerca d'una nova llar. Aquesta experiència pot començar en una computadora d'escriptori on algú introdueix els criteris del que busca i revisa diferents fitxes de propietats que coincideixen amb aquesta consulta. Durant tot el dia, aquesta persona pot tornar a mirar propietats específiques al seu dispositiu mòbil o pot rebre alertes al seu correu electrònic (que comprovarà al seu dispositiu mòbil) per als nous llistats que coincideixin amb els seus paràmetres de cerca. Fins i tot podrien obtenir aquestes alertes a un dispositiu portàtil, com un monitor intel·ligent i revisar la informació bàsica en aquesta petita pantalla.
Aquest procés podria continuar durant el dia amb més visites al lloc en una altra computadora d'escriptori, potser des de la seva oficina en el treball. Aquesta tarda, poden utilitzar un dispositiu de tauleta per mostrar anuncis que siguin particularment interessants per a la seva família per obtenir els seus comentaris sobre aquestes propietats.
En aquest cas, el nostre client del lloc web pot haver usat quatre o cinc dispositius diferents, cadascun amb mides de pantalla molt diferents, per visitar el mateix lloc i veure el mateix contingut. Aquest és un usuari amb diversos dispositius, i si el lloc web que visiten no els acollirà a totes aquestes pantalles diferents, simplement n'hi haurà de deixar i trobar un que ho faci.
Altres escenaris
La recerca de béns immobles és només un exemple en què els usuaris saltaran de dispositiu a dispositiu durant la seva experiència global amb un lloc. Altres exemples inclouen:
- Cercant un automòbil per comprar
- Planificació d'unes vacances
- Lectura de notícies
- Investigació d'idees per millorar la llar
- A la recerca de contractistes / serveis locals
- Planificació d'un casament o un altre gran esdeveniment
- Després d'un equip esportiu o esdeveniment esportiu
En cadascun d'aquests casos, l'experiència web és probable que s'estengui a més d'una sessió, la qual cosa significa que hi ha la possibilitat que un usuari utilitzi dispositius diferents en funció d'allò que els convé en un moment determinat.
Bones pràctiques a seguir
Si els llocs web d'avui han d'atendre a un públic cada vegada més multidispositiu, hi ha alguns principis bàsics i bones pràctiques que s'han de seguir per garantir que aquests llocs estiguin preparats per gestionar correctament aquests visitants i que es classifiquin bé en els motors de cerca .
- Lloc web sensible: un disseny adequat que es pot adaptar i canviar per a diferents mides de pantalla és fonamental per donar suport a la varietat de dispositius connectats a Internet disponibles avui.
- Tot el contingut hauria d'estar disponible : si algú pot accedir a determinats continguts o funcions quan visiten el lloc en un dispositiu, esperen que també estiguin disponibles quan tornin a altres dispositius. El contingut s'ha de presentar de manera adequada per a cada dispositiu, però cap contingut ha de ser "amagat" o "desactivat" per a determinats dispositius.
- La llegibilitat és clau : independentment del tipus de dispositius o la mida de la pantalla que s'utilitzi per visitar un lloc web, la facilitat de lectura d'aquest lloc és important. Això significa que la tipografia és un element de disseny important per centrar-se. Si algú té dificultats per llegir el contingut d'un lloc, és probable que abandonin el lloc per complet.
- La coherència enmig de la diversitat , mentre que el disseny presentat per a cada mida de pantalla diferent serà diferent, hauria de ser consistent d'un dispositiu a un altre. L'experiència general s'ha de connectar perquè els usuaris no hagin de tornar a aprendre el lloc cada vegada que ho visiten en una nova pantalla.
- Fer un rendiment una prioritat : els llocs web s'han de carregar ràpidament i funcionen bé en tots els dispositius, inclosos els dispositius mòbils amb velocitats de descàrrega inferiors a perfectes. El rendiment general del lloc web ha de ser una prioritat en tots els aspectes del disseny i el desenvolupament d'un lloc web. Després de tot, ningú no dirà que un lloc web es carregués massa ràpid o funcionés massa bé .
Editat per Jeremy Girard el 26/26/17