Ubicuo Studio
iOS & Android books/applications developers
  • facebook
  • twitter
  • pinterest
  • vimeo
  • apple
  • Info
    • Nuestra historia
    • Equipo
    • Eventos/Workshops
    • Filosofía
    • Prensa
    • UK Gambling Sites Not On Gamstop
    • Online Casino Zonder Cruks
    • Casino Zonder Cruks
  • Apps Portfolio
  • Servicios
    • Edición digital
    • Revistas digitales
    • Videojuegos
    • Apps para museos
    • Branded Apps
    • Cursos
  • Escuela
  • Contacto
  • Blog
Select Page ...

Blog

Bande à part, revista digital nominada a mejor diseño

Emma Llensa 30 octubre, 2014 Experiencia de usuario, Revistas digitales 3 minutes

Bande à part es una de las revistas nominadas en los Digital Magazine Awards. Al ver que había sido nominada a mejor diseño (por mejor diseñador), nos la hemos bajado con grandes expectativas en mente. Y nos hemos encontrado con una revista que deja mucho que desear, sobre todo en su versión para iPhone. La revista está diseñada y publicada con el sistema de creación de revistas digitales Aquafadas Publishing. Aquafadas podría ser considerado una buena herramienta si no fuera por las limitaciones en cuanto a pasar de página. El usuario desliza el dedo hacia derecha o izquierda para pasar de página y se encuentra con que la app en sí responde a ese gesto al cabo de segundos… y sin dar feedback. La experiencia de usuario, en este sentido, deja mucho que desear. Y aunque el diseño pueda considerarse original (o lo que sea, según el criterio del jurado), si este diseño no está acompañado de una buena experiencia de usuario... es como tener una silla muy bonita pero que no sirve para sentarse. A continuación, vemos un vídeo de la versión para iPad:

Vemos que es una revista bastante correcta, incluso estándar por decirlo así (en cuanto a funcionalidades, interacciones, etc.). Al ver en su web que tenían una versión para iPhone nos la hemos descargado pensando que habrían adaptado el diseño para dispositivos más pequeños (hemos hablado de este tema más de una vez en este blog) y cual ha sido nuestra sorpresa al ver que el diseño era exactamente el mismo. Era tan el mismo diseño que incluso la parte inferior de la revista no se veía en iPhone (los iPads y los diferentes iPhones tienen diferentes ratios y, por lo tanto, no vale el mismo diseño para todos ellos). El diseño, así, se ve cortado por la parte inferior. No sólo esto… al no adaptar para nada el diseño de iPad a iPhone, lo que han provocado es que el texto sea imposible de leer. O necesitamos una lupa o dejarnos la vista en la revista… ¿Y qué usuario quiere terminar con dolor de cabeza por leer una revista digital? Ninguno… o muy pocos. Si vemos ejemplos de revistas digitales para iPhone como pueden ser FLTR nos daremos cuenta de que sí cuentan con un diseño pensado para pantallas más pequeñas, respetando la legibilidad, usabilidad, etc. Por cierto, no son sólo los textos… al trasladar el diseño de iPad a iPhone sin realizar ningún cambio no han caído en la cuenta de que la versión para iPhone no respeta el tamaño mínimo de “área de toque” (tap area) para los botones. Es decir, si nuestros dedos son X de grandes, no podemos hacer botones minis… simplemente porque con un dedo no tenemos tanta puntería como con un ratón. Así, la experiencia de leer esa revista en el iPhone es totalmente hostil para el usuario. La pregunta es… ¿Cómo una revista así puede estar nominada a mejor diseño? Con la de revistas que hay que están bien diseñadas (estética+funcionalidad+experiencia de usuario+legibilidad+usabilidad).

Bande a part, revista para iPhone

En esta captura de pantalla de la versión para iPhone podemos ver que el texto es apenas legible (y eso que un iPhone es mucho más pequeño que lo que vemos ahora mismo aquí). Además, en esta página en concreto el usuario está ‘atrapado’: a menos que haga toque en la flechita que vemos en la parte inferior derecha, no podrá avanzar. Hemos superpuesto un dedo para que veáis que las medidas no encajan. Un botón (un área donde se pueda hacer toque) debería ser de un tamaño adecuado, mínimo 44x44px según Apple. Si no es de un tamaño adecuado, para el usuario se convierte en una experiencia desagradable el tener que intentar apuntar muy bien. Además, es posible que se equivoque varias veces. En esta imagen podemos ver un ejemplo de cómo falta la parte inferior de toda la revista en un iPhone:

Bande a part iPhone


Related posts:

  • Diseñar revistas digitales para iPhone (II)Diseñar revistas digitales para iPhone (II)
  • FLTR: una revista digital para iPhoneFLTR: una revista digital para iPhone
  • Proyectos finales del "Curso online de diseño de revistas digitales"Proyectos finales del "Curso online de diseño de revistas digitales"
  • Ventajas de leer revistas digitalesVentajas de leer revistas digitales
  • La publicidad en revistas digitalesLa publicidad en revistas digitales
  • Condé Nast cada vez llega a más lectoresCondé Nast cada vez llega a más lectores
  • Diseñando apps para un mundo multi-pantallaDiseñando apps para un mundo multi-pantalla
← Proyectos finales del “Curso online de diseño de revistas digitales”
¿Qué apps son las que más triunfan en el App Store? →

2 Responses to Bande à part, revista digital nominada a mejor diseño

  • serge
    11 / 3 / 2014

    Hola.
    Con todo respeto me parece que su análisis es bastante parcial y falto de objetividad. Acabo de descargar la revista y la estoy probando en un iPadMini Retina y funciona muy bien, las transiciones no tienen problemas, la descarga es rápida, la lectura amena y el diseño muy ameno.
    La revista corresponde a lo que se puede esperar en este tipo de app y si bien no tengo ni idea de si se va a ganar un premio o reconocimiento, por lo menos no demerita frente a otras.
    Tengo los dedos relativamente gordos y no he encontrado ningún problema de interactividad fuera de lo normal.
    No he probado aun la versión para iPhone.

    serge 11 / 3 / 2014
    Responder
    • Emma Llensa
      11 / 3 / 2014

      Buenas Serge,
      si lees bien el post verás que el tema de los “dedos gordos” hace referencia 100% al diseño para iPhone, que es un calco del diseño para iPad. De ahí viene nuestra gran crítica a la revista, que frente a otras que sí diseñan pensando en iPhones y en pantallas más pequeñas. Además, como explicamos en la propia entrada, la crítica viene dada sobre todo a la luz de estar nominada como mejor diseño en revista digital sabiendo que existen en el mercado revistas mucho mejor diseñadas. Esto no quita que la revista esté bien y que sea agradable de leer (en su versión para iPad).

      Emma Llensa 11 / 3 / 2014

Deja un comentario Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

  • Buscar

  • Entradas recientes

    • Webinar gratis sobre creación de publicaciones y revistas digitales
    • 4 aplicaciones para crear revistas digitales
    • 5 herramientas para crear revistas digitales
    • Carrera de diseño digital de Ubicuo Studio
    • Concurso #propositosdelfreelance para este 2016 en Ubicuo Studio
  • facebookinstagrampinteresttwittervimeoyoutube
  • Suscríbete al blog

    Introduce tu e-mail para suscribirte a este blog y recibir notificaciones de nuevas entradas por e-mail.

  • Léenos vía RSS

    RSS Feed RSS - Posts

  • Categorías

    • Cursos
    • Edición digital
    • Apps y museos
    • Branded Apps
    • Videojuegos
    • Filosofía del software
    • Ubicuo Studio

      desarrollamos Apps revolucionarias.

    • FacebookRSSTwitterVimeoYouTube
    • Curso de creación de publicaciones digitales para iPad, Android, Kindle Fire

      Abierta la convocatoria para el curso on-line de creación de revistas digitales para dispositivos móviles y tabletas con InDesign y Mag+. Infórmate aquí.

    • Aviso legal

    • Info
    • Apps Portfolio
    • Servicios
    • Escuela
    • Contacto
    • Blog
    Copyright © 2014 Ubicuo Studio. All rights reserved.
    • English
    • Español
    • Català