Página principal » UI / UX » Una mirada a la construcción de sitios web para usuarios de tabletas

    Una mirada a la construcción de sitios web para usuarios de tabletas

    La arena de las tabletas, que una vez estuvo dominada únicamente por el iPad de Apple, ahora está en auge con un nuevo participante cada día. Google Nexus 7, Amazon Kindle, Microsoft Surface y una gran cantidad de otros dispositivos de tableta que han ingresado al mercado están presionando a los profesionales de marketing para que piensen más allá del sitio web de la PC y desarrollen una estrategia de tableta independiente, o, como mínimo,, un sitio web para tabletas.

    ¿Son las tabletas un reemplazo para los teléfonos inteligentes? La respuesta corta es no. De hecho, un informe reciente de comScore revela claramente que uno de cada cuatro propietarios de teléfonos inteligentes también usaba una tableta. Además, hay algunas diferencias claras en la forma en que las personas usan estos dos dispositivos. Si bien algunas de sus estrategias web móviles pueden funcionar para los usuarios de tabletas, los lectores de sus tabletas tienen necesidades particulares que requieren una consideración especial.

    Construyendo para la tableta

    El acceso a contenido e información parece ser la actividad más importante de los propietarios de tabletas en todo el mundo, según un estudio realizado por la Online Publishers Association. Consumo contenido incluido Viendo videos, seguido de noticias de lectura.. Entonces, ¿qué debería hacer usted, como publicista o publicista de contenidos, para atraer a los lectores de su tableta??

    Los lectores de tabletas están acostumbrados a interactuar con una gran variedad de aplicaciones, que están construidas con gráficos ricos y gráficos muy detallados. Por lo tanto, los lectores de tabletas esperan la misma experiencia de lectura similar a una aplicación que están acostumbrados a ver en sus navegadores de escritorio.

    El desplazamiento es pasado; deslizar está en

    La única forma de atraer a sus visitantes de tabletas en constante crecimiento es pensar más allá de las normas de sitios web de PC, es decir, los formatos y diseños de desplazamiento vertical, y comenzar a crear un sitio web más personal e interactivo. Los lectores de tabletas están acostumbrados a los gestos como deslizar y deslizar, y prefieren estos a la forma más antigua de "navegar y hacer clic" en los sitios de navegación..

    Aproveche HTML5 y CSS3 para mostrar contenido en un diseño paginado y bien formateado que emula una revista impresa y brinda a los lectores la experiencia de pasar las páginas de sus revistas favoritas.

    Sitios web táctiles

    Cada tableta en el mercado hoy en día funciona con una interfaz táctil, que ha redefinido la idea de cómo interactuamos con las computadoras personales. Para una experiencia de lectura óptima en tabletas, es tan simple como colocar el tamaño de texto mínimo en 14 píxeles. Pero ¿qué pasa con las interfaces de usuario, especialmente cuando se trata de entrada humana??

    Esta en los dedos

    Mientras que los sitios web de PC se cargan en una pantalla que se coloca a cierta distancia del ojo accesible con el mouse a través de un cursor, las tabletas están diseñadas para sujetarse con la mano y aceptar la entrada de los dedos del usuario.

    Aumentar el relleno de texto de modo que hay un área bastante grande alrededor del texto con hipervínculos que se puede hacer clic incluso con los dedos grandes. también aumentar el interlineado entre oraciones para que no haya choque entre Textos hipervinculados, campos de formulario o menús desplegables.. Eliminar eventos de desplazamiento pero mantenga los comportamientos y controles intuitivos, o al menos lo suficientemente predecibles para que los usuarios no tengan que volver a aprender cómo navegar por su sitio.

    Le recomendamos que cumpla con las pautas de la interfaz humana de iOS de Apple cuando cree un sitio web apto para tabletas.

    Evita los elementos llamativos.

    Dado que el iPad sigue siendo el líder del paquete en el mercado de las tabletas, todavía es seguro no construir para Flash. Sin embargo, puedes crear una experiencia similar a la de una mejor aplicación para tus lectores en sus navegadores de tableta usando HTML5. Use menos animaciones basadas en JavaScript para mantener el sitio web de su tableta rápido y accesible en todos los dispositivos de tableta.

    La orientacion importa

    El visitante de su tableta puede ver su sitio web en orientación horizontal o vertical; así que asegúrese de que el contenido del sitio web de su tableta se reorganice automáticamente para adaptarse a estas dos orientaciones. Vea 30 Portafolios receptivos para su inspiración para tener una idea de cómo su contenido necesita reorganizarse para adaptarse a diferentes tamaños de pantalla y orientaciones.

    Y para leer más, eche un vistazo a:

    • Diseño web móvil: 10 consejos para una mejor usabilidad
    • 30 útiles tutoriales de diseño web receptivo
    • 50 útiles herramientas de diseño web sensibles para los diseñadores

    Por último, siempre use imágenes que sean de muy alta resolución, o asegúrese de que sus imágenes cambien de tamaño para diferentes orientaciones, de modo que los usuarios obtengan una imagen completa. La relación de aspecto 16: 9 funciona bien con la mayoría de las tabletas.

    Envolver

    Al crear un sitio web compatible con tabletas, piense más allá de los sitios web de PC y lleve la interacción personal un paso más allá. Reconsidere y reconstruya sus sitios web para un mundo donde las tabletas son las primeras.

    Nota del editor: Esta publicación está escrita por Lakshmi Harikumar para Hongkiat.com.