¿Qué software se puede utilizar para crear prototipos interactivos de productos iOS?
Si quieres interactuar, simplemente interactúa. Incluyendo el Axrue de uso común, probé todo el software que se menciona a continuación y realicé prototipos completamente diferentes. También hay algunos en el mercado que todavía usan iOS 6, como puede ver en sus imágenes de presentación, lo que significa que no se han actualizado durante mucho tiempo.
Las siguientes se clasifican según diferentes características, dependiendo de su situación concreta.
Luché durante mucho tiempo en el proceso de elección del software y también lo usé para comprender los principios reales. Pero la exploración durante este período también me será de gran ayuda en el futuro.
Ligero
Baja seguridad; sin control; menos interacción con iOS;
Música popular
Un prototipo de software muy popular que satisface la sensación de todos de ser gerente de producto por primera vez.
Método: Tomar foto - agregar área táctil - modo de transición - seleccionar imagen.
Plataforma: Funcionamiento móvil completo
Desventajas: Incómodo para compartir. La animación es como deslizarse, expandirse, desaparecer, temblar rápidamente. Las acciones son de solo hacer clic. No hay control, todo depende de tu foto.
Faucet Box
Básicamente igual que pop, excepto que la interfaz de usuario del software en sí es un poco más ios7, todo lo demás es igual. También es posible importar imágenes y calentar áreas. Las desventajas son las mismas.
* *Resumen:* *El peso ligero es adecuado para software simple y es doloroso ser un poco más complicado en teléfonos móviles. Pero la pregunta es, si es tan fácil, ¿es realmente necesario utilizar software de simulación? Es realmente más fácil dibujar en papel. Hacer clic en esta interacción no requiere simulación.
Tipo profesional
Alta fidelidad; dispositivo de control independiente; MAC+iOS; pago + gratuito
diseñador de interfaz de usuario+reproductor de interfaz de usuario
El prototipo de software producido por Tencent, versión china, es simple de operar, se ajusta a los hábitos chinos y es fácil de usar. Fácil de compartir.
Método: instale UIDesigner en una computadora con Windows y use controles ya preparados para construirlo visualmente. Después de la depuración, envíelo al dispositivo iOS a través del disco de red y ábralo con UIDPlayer.
Plataforma: Sólo soporta Win+ iOS. También puede ser una ventaja, el único software de creación de prototipos que admite específicamente la plataforma Win.
Desventajas: exigente y de bajo nivel.
Briefs + Briefcase
Este es un software muy bueno que descubrí recientemente, pero afortunadamente, en términos de interacción de soporte, si lo ajustas con cuidado, casi se puede confundir con el cosa real. Lo uso para probar la experiencia interactiva cuando se finaliza la interfaz de usuario. Por supuesto, también tiene sus propios controles de creación de prototipos.
Hay tres modos: vista de escena y vista de detalle, que son responsables del diseño de interacción y diseño de UI respectivamente. Una vez completado el diseño, puede ver toda la arquitectura de la aplicación en el tercer modo (descripción general).
Método: en el modo de escena, agregue actores (botones, párrafos de texto, puntos de acceso de texto) y acciones (acciones de activación) y establezca efectos de transición, efectos de sonido, retrasos, espacio retiniano y otras interacciones cuando la interfaz salta. Efectos auxiliares de la experiencia.
Luego instala Briefscase en tu dispositivo iOS y úsalo después de sincronizarlo con Dropbox.
Desventajas: Caro. 1298 yuanes, siéntelo. Todavía no es muy fácil de marcar. La sincronización a través de dropbox es un poco lenta, no hay forma de acelerarla, solo me queda esperar. Puedes probarlo primero y luego empezar cuando te sientas mejor.
Blueprint + Browser
El software prototipo lo utilicé por primera vez y ahora el prototipo apareció en la App Store de Lira. Sakura Festival.
En ese momento, se creó usando funciones gratuitas (2 proyectos, no se podían importar imágenes de Dropbox, sin controles personalizados). Más tarde, me hice cargo de un gran proyecto de la empresa y compré la versión completa por 128 yuanes.
Pero ten en cuenta que esto se hace con iPad, iPhone o iPad, no existe una versión para ordenador. Intenté usarlo en el metro y fue a la vez un plus y un menos.
Método: Básicamente lo mismo, solo opera en iPad. El control táctil no es tan preciso, pero la experiencia operativa es muy buena y la versión completa de las claves de la biblioteca personalizada es muy rica.
Plataforma: iPad+iOS
Desventajas: Lo más importante es que sólo se puede editar en iPad. He trabajado en un gran proyecto y todavía es un poco lento para comenzar, pero es estable y es un poco agotador operar demasiado. Compartir requiere que la otra parte instale software y el archivo de proyecto generado será muy grande.
Resumen: Existen muchos software profesionales, cada uno con sus propias ventajas. Estos dos son los más rápidos en soportar iOS7, lo que demuestra la importancia que dan a las actualizaciones de la garantía del producto. Pero el precio es realmente caro y las ventajas y desventajas son obvias, lo que no coincide con los hábitos de los chinos. Tencent es en general muy bueno, a menos que solo uses Mac como yo.
Tipo HTML
Fidelidad media; dispositivo de control independiente; se requiere conexión a Internet; tarifa de interacción baja + gratis
Flinto
Creación rápida de prototipos de iOS en Flinto
Encontré este sitio web a través del Icon Stricker que se menciona a continuación y lo probé. Se caracteriza por operaciones rápidas de punto de acceso y transición, pero no hay ningún control, que es la versión web de pop. Debe preparar las imágenes usted mismo, ya sea UI o UE, usted solo es responsable de la interacción.
Lo más destacado es la compatibilidad con el desplazamiento. Todo el software mencionado anteriormente debe lograr un desplazamiento largo de la pantalla a través de transiciones, lo cual es compatible de forma nativa.
Métodos: transmisión de imágenes, puntos calientes, transición. Parece sencillo de operar.
Plataforma: toda la plataforma.
Desventajas: Periodo gratuito de 30 días, cuota mensual. Los controles no son compatibles. Requiere compatibilidad con el navegador.
Fluidui
Herramienta de creación rápida de prototipos con interfaz de usuario fluida y minimalista
La versión web más respetada del sitio web prototipo. Controles desde iOS a Android a WP. También es posible que un programa libere una pequeña porción de la pantalla y luego cobre una tarifa mensual.
Método: Agregar controles, puntos de acceso y transiciones.
Desventajas: cuando se utiliza la versión web, todavía se siente un poco lento e infeliz. La ventaja es que el control es realmente completo, algo que no es compatible con muchos software de escritorio. Si es para Android o WP, realmente no hay mejor opción.
* *Resumen:* *Fácil de compartir y liviano es la mayor ventaja. Sin embargo, no creo que las grandes empresas asuman este coste. Es discutible si es necesario que las pequeñas empresas gasten en este ámbito. Hay un problema con la velocidad. Lo interactivo es menos flexible que lo profesional.
Extra grande
Alta fidelidad; controles escalables; bibliotecas personalizadas; menos interacción;
Axure
El gigante ineludible es como PS en el mundo de los gráficos y Word en el mundo de las palabras. Su característica más importante es que otros lo usan (aunque la mayoría son copias pirateadas). He probado muchos programas antes y, después de un largo viaje, finalmente volví a utilizarlos.
Hay tres razones principales para volver.
Todo el mundo lo está usando. No hay nada que pueda hacer al respecto. La comunicación, la transmisión y la modificación son convenientes y se pueden ver tanto en PC como en Mac. ¿De qué sirve esforzarse si los demás no pueden sentirlo?
Realmente impresionante. Una vez que domine el uso de bibliotecas y controles personalizados, su eficiencia mejorará enormemente, mucho mejor que los profesionales.
La página HTML generada tiene una barra lateral de tabla de contenido a la izquierda. Sí, esta es la razón principal por la que abandoné OmniGraffle.
Método: Sin detalles. En definitiva, haz un buen uso de los controles personalizados, que duplicarán la eficiencia.
Desventajas: El prototipo generado es difícil de utilizar en dispositivos móviles. Existe un método, que en realidad es bastante bueno, pero todavía soy demasiado vago para investigarlo. El motivo de utilizar esto es desarrollar y escribir documentos, con una gran cantidad de comentarios y procesos lógicos, sin necesidad de interacción. Así que no pienses en usarlo para interactuar. Ya has interactuado con él. ¿Todavía necesitas que los ingenieros hagan clic uno por uno para ver la lógica?
Quan Grafler
Para defender las limitaciones de Mac, me di por vencido después de unos días. Es innegable que es raro que OG disfrute de todo el proceso de producción desde el control fluido y estable de los ajustes y los hermosos bocetos (siempre que use inglés). Pero todavía no entiendo la relación entre la capa de lienzo y la capa de disfrute, y a menudo cometo errores al usarlo. Además, el html generado no tiene directorio y el documento no se puede leer correctamente.
Método: No lo repetiré.
Desventajas: además de lo anterior, solo es compatible con Mac y el prototipo interactivo generado es difícil de usar en teléfonos móviles.
Resumen: Sí, estos dos software no solo se utilizan para prototipos de interacción móvil. Su potencia se refleja en muchos campos, sino que no son adecuados para prototipos de interacción móvil.
a gana en documentación y todos la usan, así que cede en ese frente.
Tipo auxiliar
Funciones específicas (animación; icono; proyección)
Quartz Composer
se utiliza especialmente para crear productos de prototipos de animación interactiva. . Es gratis pero requiere una cuenta de desarrollador de Apple. La curva de aprendizaje es alta, pero puedes realizar animaciones muy bonitas y muy interactivas.
La herramienta de creación de prototipos de animación de Facebook Paper, Origami, y su código de implementación Pop
Liveview
PS play, etc., pueden proyectar rápidamente contenido de la computadora al teléfono móvil. Pero sólo la visualización en vivo puede admitir la interacción. Cuando el modo interactivo está activado, la computadora puede aceptar clics y gestos de deslizamiento desde el teléfono. Muy poderoso.
Icon Stricker
Un sitio web dedicado a probar íconos, de Flinto. Vea rápidamente los íconos en su pantalla de inicio.
Icon Strike: una herramienta ligera de prueba de iconos: vista rápida de la pantalla de inicio
Resumen
Mi proceso actual de creación de prototipos es el siguiente:
Utilice Axure para dibujar diagramas UE y exportarlos como imágenes del tamaño de un teléfono móvil.
Importa Briefs o pop, únete a la interacción y vívela.
Convierta el diagrama de la interfaz de usuario a blanco y negro, use Axure para marcarlo, escriba el documento y genere html.
Una vez finalizada la interfaz de usuario, se importa a la presentación para disfrutar de una experiencia de alta fidelidad.