2017 foi o primeiro ano na historia de Internet onde o tr¡fico do sitio web de telfonos intelixentes e comprimidos superou que a partir de dispositivos non m³biles en todo o mundo. Quizais sorprendentemente, esta cifra aumentou de novo en 2018 e probablemente seguir¡ tendendo cara arriba por algºn tempo.
Para reflectir a crecente prevalencia do tr¡fico m³bil, as tcnicas de dese±o web tiveron que cambiar de xeito substancialmente. Os motores de busca como Google comezaron a indexar principalmente versi³ns m³biles dun sitio web e penalizar¡n activamente os sitios web que non sexan compatibles con pantallas m¡is pequenas. Como resultado, m¡is importante que nunca para que as empresas te±an un sitio web optimizado por m³bil.
Os dous mtodos primarios de optimizaci³n m³bil son co±ecidos como dese±o web sensible e dese±o web adaptativo. Mentres ambos mtodos serven ao mesmo prop³sito, as sºas implementaci³ns e resultados poden diferir enormemente.
A esttica dun sitio web ten un papel importante na fabricaci³n dun sitio web. O dese±o web unha arte. Se algunha vez renovaches a tºa casa ou fixo unha reforma s³lida da tºa casa, probablemente xa sabes que hai fortes paralelos entre facer unha decoraci³n de casa e dese±ar un sitio web. Un bo sitio web trata sobre a relaci³n entre os moitos elementos implicados e creando un equilibrio entre eles. E un bo dese±ador web co±ece todos os ins and outs do dese±o web. A parte m¡is intimidante sobre o dese±o web comeza porque hai literalmente moito que vai facer un sitio web tanto funcional como esteticamente agradable. Un aspecto importante do dese±o dun sitio web facer que as p¡xinas web se adapten ¡s pantallas que est¡n sendo abertas. A idea mellorar a experiencia de navegaci³n e facer que o sitio web estea ben en todos os dispositivos, xa sexa un telfono intelixente, unha tableta ou un port¡til.
Adaptive Web Design outro enfoque que suxire diferentes esquemas para diferentes tama±os de pantalla para mellorar a experiencia de visualizaci³n m³bil. Esta unha era de dispositivos m³biles, os que pode levar con facilidade. Na era dixital de hoxe, a navegaci³n m³bil converteuse na nova norma para que os dispositivos m³biles non sexan ignorados. A idea facer que os sitios web sexan flexibles para que as p¡xinas web poidan adaptarse aos diferentes tama±os de pantalla para acomodar diferentes tama±os de texto e anchos de fiestras dos usuarios. Isto permite unha experiencia de visualizaci³n m³bil personalizada similar ao dese±o web sensible, pero no canto de un enfoque de tama±o ºnico, o dese±o web adaptativo utiliza esquemas distintos para diferentes tama±os de pantalla. Por exemplo, cando visita un sitio web, selecciona automaticamente o dese±o m¡is axeitado para a sºa pantalla. Ent³n, se est¡ a usar un escritorio, elixe o dese±o correcto para a sºa pantalla de escritorio e o mesmo vale para os seus dispositivos m³biles.
- Mentres que o dese±o web sensible e adaptativo achgase ao traballo do mesmo obxectivo; ‰ dicir, facer que os sitios web flexibles sexan suficientemente flexibles como para proporcionar a mellor experiencia de visualizaci³n m³bil independentemente dos dispositivos que est¡ a usar. O dese±o web sensible utiliza un ºnico dese±o para acomodar varios dispositivos con diferentes tama±os de pantalla para proporcionar unha experiencia de visualizaci³n ³ptima. O dese±o web adaptativo, por outra banda, utiliza esquemas distintos para diferentes tama±os de pantalla en lugar de un enfoque de tama±o ºnico. Os esquemas dependen dos diferentes tama±os de pantalla, se se trata dun telfono m³bil, tableta ou un escritorio.
- Crear un sitio web sensible require tanto CSS como HTML e ocasionalmente JavaScript tamn. O dese±o sensible un desafo porque as p¡xinas web deben estar estructuradas e sintonizadas para traballar exclusivamente para determinados dispositivos. Isto requirira unha combinaci³n de grellas flexibles e esquemas, imaxes e uso intelixente de HTML e CSS. E tamn difcil facer un tama±o que se adapte a todos os que significan un dese±o que funcionar¡ en todos os dispositivos m³biles dispo±ibles. O dese±o adaptativo relativamente m¡is f¡cil de conseguir porque a creaci³n de p¡xinas diferentes para diferentes tipos de dispositivos parece ser unha alternativa viable.
- O dese±o sensible fludo e flexible e ad¡ptase ¡ pantalla do dispositivo que est¡ a usar. Hai s³ unha versi³n do sitio web con todo o contido, pero o dese±o reorganizouse en funci³n do tama±o da pantalla e a orientaci³n do dispositivo m³bil que est¡ a usar para que non te±a que achegar ou achegar o contido pantalla. O dese±o adaptativo, unha outra man, relativamente menos flexible porque os sitios web m³biles son sempre diferentes que os sitios web de escritorio de tama±o completo, polo que as p¡xinas web poden non funcionar en tantos dispositivos que os seus esquemas son capaces de facelo.
En poucas palabras, o dese±o web sensible un enfoque m¡is seguro porque sempre obtn o traballo independentemente dos moitos tama±os de pantalla e do nºmero de dispositivos que acaba de ir. Os sitios web est¡n tan optimizados que o dese±o se reorganiza en funci³n do tama±o da pantalla e a orientaci³n do dispositivo m³bil que est¡ a usar, proporcion¡ndolle a mellor experiencia de visualizaci³n m³bil. Non obstante, ¡s veces cando necesitas disposici³ns diferentes para diferentes dispositivos para unha experiencia de visualizaci³n m³bil personalizada, o dese±o adaptativo unha mellor opci³n. Ao final do da, tr¡tase de crear un sitio web que satisfaga os seus obxectivos comerciais e tamn cumpre as necesidades dos usuarios.
Por que todos os sitios web parecen o mesmo que a corporatización do deseño moderno sufocou a creatividade ou é esta semellanza simplemente o subproduto da boa UX
