it-swarm-es.com

Herramientas para crear maquetas para IU de dispositivos móviles

Estoy buscando herramientas que me puedan ayudar a crear maquetas de UI para diferentes teléfonos móviles como iPhone, Android y dispositivos Windows Phone 7. ¿Hay alguna aplicación que pueda hacer esto?

26
gyurisc

Si va a crear prototipos para iPhone, hay un muy interesante herramienta de maqueta de iPhone que encontré recientemente.

También es posible que desee considerar la lista proporcionada por este artículo , tiene muchas plantillas y herramientas sobre el tema.

16
Pam Rdz

Buena pregunta - Balsamiq Mockups puede ser tu mejor apuesta. Tienen controles de iPhone integrados, y alguien ha contribuido controles para Windows Phone 7 . También tienen material para plataformas Nokia, etc. No estoy seguro acerca de las opciones Android aquí. No pierdas de vista blog Mockups To Go de Balsamiq para obtener más contribuciones de la comunidad Balsamiq.

También creé dos listas en Twitter siguiendo las herramientas wireframing y prototyping , que podrías considerar seguir para ver si esas compañías integran soporte para esas plataformas. Sin embargo, dado que Windows Phone 7 aún no se ha lanzado, muchos de ellos aún no se han mudado a ese espacio.

8
Rahul

Consulte también Pencil para Firefox .. y las plantillas Android en el proyecto de código abierto Android-ui-utils ( entrada del blog aquí ).

También escuché que Adobe Fireworks es muy bueno para la creación de prototipos de interfaz de usuario (aparentemente con soporte para simulacros interactivos y formas de 9 cortes) ... Sin embargo, no lo he probado yo mismo.

7
Roman Nurik

Hay una herramienta dedicada para el iPhone (y iPad) que realmente se ejecuta en el iPhone - Interfaz.

Como señaló Rahul, Balsamiq es una buena opción y Axure también tiene bibliotecas dedicadas (al menos para el iPhone, no tengo No comprobé el resto).

5
Dan Barak

Me gustaría agregar el plugin WireframeSketcher Eclipse a la lista. Una aplicación de creación de prototipos muy agradable y fácil de usar que se puede utilizar directamente desde IDE incluso por personas que no son programadores).

Una buena ventaja de WFS es que las pantallas se guardan como archivos XML, lo que permite almacenarlas fácilmente en un sistema de control de versiones y difuminarlas y fusionarlas para mantener los cambios organizados.

Si bien se creó inicialmente para simular aplicaciones "normales", algunos usuarios han contribuido con componentes de maqueta, llamados "plantillas", para aplicaciones de iPad/iPhone/Android (consulte WFS Mockupgallery ).

2
Baelnorn

A menudo uso gdocs. Soy más flexible y estoy acostumbrado. Me encanta la forma en que puedes compartir, discutir y colaborar los bocetos. Consulte aquí, por ejemplo: Selección de dos pasos en Windows Phone 7

1
OneWorld

También puede usar Fireworks o puede probar y comprobar esta aplicación http://www.fluidui.com/ dedicada únicamente en iPhone y Android para crear maquetas. :)

1
UXgirl

Para iPhone/iPad utilizo lo siguiente: App Cooker y iMockups

Ambas son aplicaciones de iPad.

0
ScottK

Axure todo el camino! He pasado innumerables horas obteniendo un prototipo para trabajar en dispositivos móviles. El problema con todos los otros programas que he usado es que no manejan formularios detallados. Tuve que hacer un prototipo de un formulario de entrenamiento por teléfono. Axure podría manejar la forma de "recordar" las opciones de los usuarios cuando saltan de una pantalla a otra. (es decir: cuando el usuario selecciona 'actividad' y va a la siguiente pantalla con la lista de actividades, puede elegir 'Ejecutar' y hacer que las devuelva a la pantalla anterior con 'Ejecutar' precargado. Luego, puede elegir el sub-actividad, digamos 'correr en la cinta de correr'. Luego, volvería a aparecer en la pantalla del formulario original con 'Run' y 'Treadmill Run' en el formulario.) Algunos otros programas manejarían esto como un menú desplegable, pero por supuesto esto se maneja de manera diferente en el teléfono. Axure es el único programa que apoyaría esto.

También hay una configuración en la versión más reciente del software que le permite ajustar el panel de visualización del prototipo para que se vea como una aplicación real en el teléfono. Admite funciones como 'tap' que son funciones móviles.

En el sitio, hay una versión de prueba gratuita. Hay muchas bibliotecas de widgets compatibles, incluso elementos de la interfaz de usuario móvil.

Recomiendo encarecidamente este programa!

0
Christie Day

Aquí hay otra herramienta que puede ayudarlo iPhone Wireframe Kit - Google Docs

0
vladocar

Además, agregue esta herramienta en sus recursos.

DesignerVista 4.0 para iPhone, Windows Phone 7 y Android Maquetas de GUI móvil

http://www.designervista.com

0
user3335

Prefiero Fireworks desde hace mucho tiempo, pero recientemente me mudé a OmniGraffle (ya que Fireworks comenzó a tener problemas y se ralentizó en mi Mac). Estoy bastante contento con la elección hasta ahora. Aquí hay algunos plantillas muy agradables para iPhone y iPad que incluye gráficos reales y versiones en escala de grises para OmniGraffle.

Por lo general, comienza con estructuras en escala de grises y agrega algunos gráficos si es realmente necesario. Personalmente, trabajo más rápido con escala de grises y hace que los wireframes se limiten a describir las características y la navegación, no los colores.

0
user3337

Intenté un par de métodos. Los comentarios y enlaces son los siguientes;

  • Photoshop o Fireworks con esto http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/ Forma estándar, lleva un poco más de tiempo ajustar los diseños.

  • Interfaz aplicación para iphone Toma mucho tiempo pero también es perfecto para prototipos y producción ... =

  • Keynote Kungf - Keynote, plantilla de PowerPoint para la creación de prototipos de iOS El mejor hasta ahora, tan rápido como keynote da mucha mano , múltiples opciones de exportación.

0
Yunus

Amo Cacoo ; es mi opción para la estructura de alambre simple y tienen excelentes opciones para iPhone, Android, etc. He usado otras herramientas, pero esta ha sido la mejor para mí, para burlarme de algo antes de construirlo yo mismo o con mis amigos .

0
user3358

Ya ves, hay muchas herramientas. La elección correcta siempre depende de su experiencia y habilidades previas y, obviamente, del contexto de su tarea. ¿Qué quieres mostrar y a quién?.

Además de la lista, puedo recomendar: - si desea explorar todo tipo de transiciones, consulte Adobe Catalyst (o Flash) - si necesita crear especificaciones después, el punto de referencia actualmente es Axure RP6

En realidad, puede usar lo que tenga, siempre que sepa lo que quiere hacer y quién es la audiencia de su entregable;)

0
Wolo

No puedo agregar un comentario a la publicación de Rahul, así que mencionaré aquí que el sitio de maquetas personalizadas de Balsamiq se está reubicando aquí https://mockupstogo.mybalsamiq.com/projects y está en un formato mucho más agradable que el sitio Posterous.

@OneWorld puede suscribirse a http://mybalsamiq.com por $ 12 por mes. Pero es mejor comprar la versión de escritorio en mi humilde opinión.

0
saybeano