Como o deseño web sensible mellorará a experiencia do usuario para todos os visitantes
Tómese un momento e pensa en todos os dispositivos que posúe que se poden usar para ver sitios web. Se es como a maioría da xente, esta lista creceu ao longo dos últimos anos. Probablemente inclúa dispositivos tradicionais como unha computadora de escritorio e / ou portátil xunto con dispositivos que chegaron a ser destacados nos últimos anos, incluídos os teléfonos intelixentes, as tabletas, os dispositivos portátiles, os sistemas de xogo e moito máis. Podes incluso dispoñer de electrodomésticos na túa casa ou unha pantalla no teu coche que che permite conectarte a Internet. A conclusión é que a paisaxe do dispositivo está cada vez maior e máis diversa, o que significa que para prosperar na web hoxe (e no futuro), os sitios web deben ser construídos cunha visión sensible e as consultas multimedia de CSS e deben considerar como a xente probablemente combinará estes diferentes dispositivos nunha experiencia de navegación web.
Insira o usuario multi-dispositivo
Unha verdade que vimos interpretar é que se a xente ten moitas formas de acceder á web, utilizaráas. Non só as persoas usan moitos dispositivos diferentes para acceder ao contido do sitio web, pero a mesma persoa está a visitar o mesmo sitio usando eses dispositivos variados. Aquí é onde vén o concepto do usuario "multi-dispositivo".
Un escenario típico de dispositivos múltiples
Considere unha interacción web común que moitas persoas experimentan cada día: navegar en sitios web de bens inmobiliarios na busca dunha nova casa. Esta experiencia pode comezar nunha computadora de escritorio onde alguén introduce os criterios do que busca e revisa as diferentes listas de propiedades que coinciden con esa consulta. Durante o día, esta persoa pode ver propiedades específicas de novo no seu dispositivo móbil ou pode recibir alertas ao seu correo electrónico (que verificarán no seu dispositivo móbil) para novos anuncios que coincidan cos seus parámetros de busca. Incluso podían obter esas alertas nun dispositivo portátil, como un reloxo intelixente e revisar a información básica nesta pequena pantalla.
Este proceso podería continuar durante o día con máis visitas ao sitio nunha computadora de escritorio diferente, talvez desde a súa oficina no traballo. Esa noite, poden utilizar un dispositivo de tableta para mostrar anuncios que sexan particularmente interesantes para a súa familia para obter os seus comentarios sobre esas propiedades.
Neste escenario, o noso cliente do sitio web pode ter usado catro ou cinco dispositivos diferentes, cada un con tamaños de pantalla moi diferentes, para visitar o mesmo sitio e mirar o mesmo contido. Este é un usuario de varios dispositivos e, se o sitio web que están a visitar non o acomodará en todas estas pantallas diferentes, simplemente van e atopan o que fai.
Outros escenarios
A busca de inmobles é só un exemplo onde os usuarios saltarán de dispositivo a dispositivo durante a súa experiencia global cun sitio. Outros exemplos inclúen:
- Buscando un automóbil para mercar
- Planificación de vacacións
- Lectura de artigos de noticias
- Investigando ideas de mellora home
- Buscando contratistas / servizos locais
- Planificación dun matrimonio ou outro gran evento
- Seguindo un equipo deportivo ou evento deportivo
En cada un destes casos, a experiencia web pode estenderse a máis dunha sesión, o que significa que hai posibilidades de que un usuario utilice dispositivos diferentes en función do que sexa conveniente para eles en calquera momento.
Mellores Prácticas a seguir
Se os sitios web de hoxe precisan atender a un multi-dispositivo que usa a audiencia, hai algúns principios básicos e as mellores prácticas que deben seguirse para garantir que estes sitios estean listos para xestionar adecuadamente estes visitantes e que poidan estar ben en buscadores .
- Sitio web receptivo: un deseño sensible que pode adaptarse e cambiar para diferentes tamaños de pantalla é fundamental para soportar a variedade de dispositivos conectados a Internet dispoñibles hoxe.
- Todo o contido debería estar dispoñible : se alguén pode acceder a certos contidos ou funcións cando visitan o sitio nun dispositivo, esperan que tamén estean dispoñibles cando regresen a outros dispositivos. O contido debe ser presentado de forma axeitada para cada dispositivo, pero ningún contido debería estar "escondido" ou "apagado" para determinados dispositivos.
- A lexibilidade é clave : non importa o tipo de dispositivos ou o tamaño da pantalla que se utilice para visitar un sitio web, a facilidade de lectura deste sitio é importante. Isto significa que a tipografía é un elemento de deseño importante para centrarse. Se alguén ten problemas para ler o contido dun sitio, é probable que deixen o sitio completamente.
- Consistencia entre diversidade - mentres que o deseño presentado para cada tamaño de pantalla diferente será diferente, debería haber consistencia dun dispositivo a outro. A experiencia global debe estar conectada para que os usuarios non teñan que reaprender o sitio cada vez que o visiten nunha nova pantalla.
- Realiza un rendemento prioritario : os sitios web deben cargarse rapidamente e funcionar ben en todos os dispositivos, incluídos os dispositivos móbiles con velocidades de descarga inferiores ás perfectas. O rendemento do sitio web en xeral debe ser unha prioridade en todos os aspectos do deseño e desenvolvemento dun sitio: ao final, ninguén nunca dirá que un sitio web cargue demasiado rápido ou funcione demasiado ben .
Editado por Jeremy Girard o 26/2/17