15/08/2013

Cómo mejorar la experiencia de los usuarios de tablets

Cómo mejorar la experiencia de los usuarios de tablets

Existen distintas miradas sobre el porcentaje de usuarios de Internet que se conectan desde dispositivos móviles. En nuestro país, según Carrier y Asociados, esa porción es de nada menos que el 63%. Sin embargo, apenas un año atrás Comscore aseguraba que, de todas las visualizaciones de páginas web realizadas en Argentina, sólo un 2,1% no se realizaba desde computadoras personales. El mismo estudio atribuía a las tablets un 25,2% del tráfico móvil. Recientemente, Intel divulgó cifras similares.

Entonces, ¿tiene sentido pensar en la experiencia de usuario del sector que se conecta desde tablets, incluso aunque pueda ser muy pequeño? Lo cierto es que ese público crece año tras año, y los desarrolladores web deben preocuparse por otorgarles una solución acorde a sus necesidades. Entonces, ¿qué debemos tener en cuenta al diseñar interfaces para usuarios de tablets?

  • Menús de navegación a los costados. Para los usuarios de tablets, los extremos izquierdo y derecho de la pantalla son los más fáciles de alcanzar con los dedos, ya que es allí donde suelen colocarse los pulgares para sostener el dispositivo.
  • Alto flexible. Generalmente, al hablar de diseño responsivo nos preocupamos por hacer flexible solo el ancho de los elementos. Sin embargo, las tablets tienen una forma marcadamente rectangular y pueden utilizarse con orientación vertical u horizontal, de manera que deben tenerse en cuenta las dos dimensiones.
  • Minimización de las entradas por teclado. Tipear en un teclado en pantalla es engorroso. Por eso, debemos minimizar la necesidad de escribir ofreciendo buscadores predictivos y otros recursos más amigables.
  • Uso de icon fonts. Las tablets suelen tener una densidad de píxeles mayor que la habitual. Esto lleva a que las imágenes pequeñas aparezcan notablemente pixeladas. Por eso, a la hora de usar íconos la mejor opción son las icon fonts, que pueden crecer en tamaño sin perder definición.

Teniendo en cuenta estos consejos podremos desarrollar aplicaciones y sitios web con interfaces que agradarán al creciente sector de usuarios de tablets.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce