Saltar navegación
Contacto: (+34) 670 230 483

Usted está en: Inicio > Blog > Cómo visualizar prototipos en iPad

Cómo visualizar prototipos en iPad

Escrito por Dani Armengol Garreta el 5 Sep 2011

No siempre definimos y diseñamos interfaces en el mismo dispositivo en el que serán usadas. Sin embargo, las interfaces para dispositivos móviles, kioscos, cajeros o sistemas embebidos de cualquier tipo piden a gritos ser probadas en su hogar definitivo. No sólo para comprobar si se ven distintas que en nuestro monitor de sobremesa (por cuestiones de densidad de píxeles de la pantalla, luminosidad, posibles reflejos externos, etc.) sino también para percibir qué “sensación” nos dan.

En el caso de las tabletas digitales, y concretamente trabajando con iPad, es importante tener claro en todo momento cuestiones como qué partes de la interfaz están ocultas por nuestras propias manos, cómo sujetamos el dispositivo, cómo afecta la luminosidad de la pantalla al diseño visual, etc.

Si bien un dominio de las guías de estilo y un conocimiento de principios y patrones de diseño es muy importante, nada es más efectivo que la capacidad para poder hacer pruebas en el dispositivo final ágilmente.

El otro día compartíamos en Twitter un breve repaso de Pinch/Zoom a varias herramientas para hacer prototipos en iPad, orientadas a realizar tests de usabilidad.

Son herramientas útiles, pero que adolecen de falta de agilidad: resultan poco prácticas para hacer pruebas continuamente, a medida que se van haciendo cambios en vivo en wireframes o diseños.

Os proponemos hoy dos herramientas que consideramos interesantes para complementar las del artículo de Pinch/Zoom:

LiveView

LiveView es una herramienta gratuita creada por Nicholas Zambetti que tiene como objetivo abrir una “ventana” en nuestro ordenador visible desde el iPad (o iPhone).

Consta de dos aplicaciones: una se instala en el ordenador y otra en el iPad. Una vez instaladas, y con los dos equipos en la misma red, aparece un marco en la pantalla del ordenador que nos permite elegir qué parte de nuestro escritorio queremos compartir. Esta es la zona que se verá en el iPad, desde el que incluso podremos enviar “taps”, permitiendo así crear simulaciones básicas de cómo podría funcionar la aplicación que estamos definiendo.

Tiene, sin embargo, algunos inconvenientes:

  • la aplicación es exclusiva para ordenadores con Mac OS X 10.5 y no funciona en entornos Windows
  • el equipo que usemos para hacer la simulación queda parcialmente “ocupado”, en el sentido que tenemos un espacio de pantalla que no podemos usar para hacer otro trabajo
  • en algunas redes puede funcionar bastante lento: ir viendo distintos diseños se vuelve algo engorroso
  • si la resolución vertical del ordenador con el que trabajamos es menor que la del iPad tendremos que rotar los diseños o wireframes para poder verlos (¡y ojo en hacerlo en Lion!)

FileBrowser

FileBrowser es una herramienta de pago cuya razón de ser parece un poco alejada del uso que realmente le vamos a dar. Se trata de una aplicación para acceder remotamente a carpetas compartidas en otros equipos o servidores conectados a la misma red que el iPad.

Básicamente, nos permite acceder a cualquier carpeta de trabajo donde tengamos almacenados diseños o wireframes en formato imagen y poder verlos en la tableta de Apple en pantalla completa.

El resultado final es muy parecido a si tuviéramos estas imágenes en la galería de fotos, pero con la ventaja de no depender de iTunes ni tener que conectar físicamente el iPad a un equipo para actualizarlas a medida que se van modificando.

Los inconvenientes:

  • no permite simular prototipos algo interactivos como LiveView
  • requiere tener carpetas compartidas mediante el protocolo SMB/Samba, algo bastante común, pero no es compatible con otros protocolos extendidos como FTP, por ejemplo
  • la interfaz de la aplicación es, sin duda, mejorable

Si conocéis alguna otra aplicación o tenéis experiencia con éstas, esperamos vuestros comentarios.



Comentarios (1)

Anónimo dijo el 23 Nov 2011:

El otro dia pude hacer un prototipo más o menos rápido y suficientemente "molón" para simular una interacción con Ipad con Justinmind



Últimos tweets de Usolab

  • Ups, parece que ahora mismo no podemos mostrar nuestros tweets.

Proyectos propios

Bankimia

Bankimia es un comparador de productos financieros.

Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.