El diseño web adaptativo o responsivo (“responsive web design” en inglés), deja de ser una opción para convertirse en algo obligado para las empresas.
El auge de los smartphones y tabletas, junto con los ordenadores portátiles, ha propiciado que el acceso a internet desde estos dispositivos desplace en importancia al ordenador de sobremesa.
La variedad de resoluciones de pantalla, por tanto, impide que una única versión de nuestra página web se muestre correctamente en todos ellos, salvo que se trate de un diseño responsivo, que se adapte de forma automática al detectar el tamaño del dispositivo desde donde se navega.
Los datos muestran que, si el número de usuarios de internet desde dispositivos móviles es creciente, las cifras de clientes que ya compran desde su teléfono, tablet, etc., también va en aumento.
Por lo que respecta a nuestras ventas online, hemos de tener en cuenta que los usuarios móviles utilizan sus smartphones y demás terminales para buscar información sobre productos, leer opiniones de otros usuarios, comparar precios y para comprar.
¿Qué es Responsive Design o Diseño Adaptativo?
El diseño adaptativo es aquel que adapta el diseño de la página web según sea visualizado en móviles o en otros dispositivos como smartphones, tablets y ordenadores, de manera que sea más sencilla y limpia su navegación.
El Diseño Adaptativo (o Responsive Design) es una técnica de diseño y programación que busca lograr el mayor grado de adaptabilidad posible de una página web en diferentes formatos, en función de las pantallas donde se muestra. Por ejemplo, una página web en un ordenador de sobremesa o portátil requiere unas dimensiones más anchas que una pantalla de teléfono móvil. Al mismo tiempo, existen decenas de configuraciones de pantalla posibles, lo cual hace que un diseño adaptativo sea la opción más recomendable.
El diseño web adaptativo ya es una obligación.
Si un navegante, tras el esfuerzo de que llegue a nuestra página, por ejemplo desde su teléfono, nuestro diseño web no es responsivo, tendremos una serie de aspectos negativos de cara a la experiencia del usuario:
– Nuestra web no “encajará” en su pantalla, por lo que le resultará engorroso navegar por ella y su tiempo de permanencia en nuestro sitio será menor./>
– La apariencia será posiblemente algo caótica, en lugar de limpia y agradable estéticamente./>
– Al no estar optimizada su visualización, le costará más encontrar la información, tendrá que hacer varios clics, avanzar, retroceder, acercar, alejar la pantalla…/>
– Los enlaces y botones serán demasiado pequeños, y le costará clicar en ellos.
En definitiva, la usabilidad de nuestro sitio será insuficiente. El resultado más probable es el rebote, es decir, el abandono de nuestra web, para quizás aterrizar en el site de nuestra competencia.
Parece lógico entonces pensar que si nuestra web no responde a estas nuevas necesidades del usuario multidispositivo, sin duda estaremos perdiendo oportunidades frente a nuestros competidores.
Otra de las ventajas de crear una página multiplataforma es que se centra en ofrecer la mejor experiencia para el usuario, desde la ubicación del menú principal hasta el tamaño de letra y colocación de imágenes en pantalla. De esta manera, una página tendrá el mismo estilo, colores y contenido, sea visto desde una tableta, portátil o móvil, pero la maquetación de este contenido estará optimizado para el tamaño de cada dispositivo.
A nivel de buscadores hace que solo aparezca una URL en los resultados de búsqueda, impidiendo que se produzcan fallos de redirección y, en lo que respecta al acceso desde social links, evita los errores que se producen en enlaces que los usuarios copian desde redes sociales.
Además de las ventajas de usabilidad derivadas del responsive design es importante recordar que su implementación puede ser una ventaja competitiva que ayude a las empresas a diferenciarse de otros negocios similares dentro de su sector de actividad.
Aquellas empresas que piensen renovar su web o bien diseñar una nueva web, deberían tener muy en cuenta esto y por supuesto aquellas que ya tienen una página web, el adaptarla para móviles.
¿Te has planteado si estás perdiendo oportunidades de venta al no tener tu diseño web adaptativo?/>
¿Qué esperas para tener un sitio con responsive design?
La obligación de exhibir el Formulario 960/NM – “Data Fiscal” debe cumplirse desde el mes de octubre de 2012.
Desde aproximadamente marzo del 2013 la AFIP, Administración Federal de Ingresos Públicos de Argentina, en conjunto con NIC Argentina, han enviado, a todas aquellas personas físicas o jurídicas, un email “solicitando” la inclusión de un Código QR proporcionado por la AFIP.
A continuación se detallan los pasos a seguir para obtener el código del script para poder incluir el logo y el acceso a la información sobre su empresa en su sitio web.
NOTA: Es necesario que Usted como propietario o bien su contador cuente con la clave fiscal de la AFIP para poder lograrlo.
1. En un navegador ingresar en: http://www.afip.gov.ar/
2. Hacer click en el botón Acceso con clave Fiscal como muestra la imagen de ejemplo.
3. Ingresar su CUIT (sin guiones) y contraseña otorgada por la AFIP(clave fiscal), y luego click en el botón Ingresar.
4. En la siguiente pantalla aparecerá una lista de opciones. Aquí pueden darse dos posibilidades: que la “Opción B” esté disponible en el listado o no que no exista.
– Opción A (Administrador de Relaciones de Clave Fiscal): Sirve para solicitar el Alta de Servicio Online para Formulario 960 de la AFIP
– Opción B (Formulario 960 N.M.): Sirve para imprimir el Formulario 960 o bien obtener el código (script) necesario para insertar el Código QR del Formulario 960 en su sitio web.
Unicamente se realizaran los pasos del 5 al 12 si en su pantalla no está disponible la Opción B como se muestra en la imagen siguiente, si la Opción B está disponible salte al punto 13.
Pasos de la Opción A: Administrador de Relaciones de Clave Fiscal
5. Aquellas personas físicas o jurídicas que no cuentan con la opción “Formulario 960 N.M.” deberán activar el servicio, para esto deberán hacer click en “Administrador de Relaciones de Clave Fiscal“, vea la imagen del punto 4 para guiarse.
Advertencia: Al hacer click en el enlace, se intentará abrir una ventana popup, posiblemente su navegador la bloquee, deberá desbloquearla (permitir el uso de popups para este sitio) y volver a hacer click en el enlace.
6. Aparecerá una nueva pantalla dividida en dos partes, la parte izquierda contiene varias opciones y en la parte de la derecha aparecerá una pantalla similar a la siguiente imagen, haga click en “Adherir Servicio“
7. Aparecerá una pantalla como se muestra en la siguiente imagen, en la cual deberá hacer click el botón AFIP
8. Al hacer click en el botón AFIP se desplegarán más opciones, hacer click Servicios Interactivos, y se desplegará otro grupo de opciones.
9. Al desplegarse notará una gran cantidad de opciones que está ordenadas alfabéticamente, diríjase a la letra F y busque la opción Formulario 960 N.M. Solicitud y Generación del Formulario F960 y haga click en ella.
10. Aparecerá una nueva pantalla con sus datos fiscales, deberá subscribirse para poder habilitar el servicio.
11. Salga del sitio web de la AFIP desloguéandose (cerrar sesión).
12. Vuelva a ingresar repitiendo los pasos desde el punto 1 al 4, ahora ya debería encontrar la Opción B (Formulario 960 N.M. Solicitud y Generación del Formulario F960) y continúe con los pasos de la Opción B.
Pasos de la Opción B: Formulario 960 N.M.
13. Haga click en el enlace Formulario 960 N.M.(puede guiarse con la imagen del Punto 4).
Advertencia: Al hacer click en el enlace, se intentará abrir una ventana popup, posiblemente su navegador la bloquee, deberá desbloquearla (permitir el uso de popups para este sitio) y volver a hacer click en el enlace.
14. Una vez abierta la nueva ventana, con el título Generación de F.960 y con sus datos, visualizará una pantalla similar a la de la imagen a continuación.
En el campo dirección deberá ingresar la url de su sitio web, como figura en el ejemplo. Respete ingresar antes el http:// y haga click en Guardar Dirección
15. Luego, verá en la misma ventana una pantalla similar a esto:
Nótese que en la primer columna encontrará la url de su sitio web y en la segunda columna el script que debe insertar en su sitio web para que visualizar el botón de la data fiscal. Ese script deberá seleccionarlo o sombrearlo con el mouse pintando todo el código, luego presionar CTRL+C o bien copiarlo (botón derecho del mouse, opción copiar) y enviarnoslo por correo electronico para que lo incluyamos en su sitio web.
]]>