Please enable JavaScript.
Coggle requires JavaScript to display documents.
Prototipado de web :red_flag: (herramientas de prototipado (Axure RP: Es…
Prototipado de web
:red_flag:
Según el grado de fidelidad o calidad del prototipo se distingue entre:
Prototipado de alta fidelidad
El prototipo será muy parecido al sitio Web una
vez terminado.
Los prototipos de alta fidelidad se caracterizan por el uso de herramientas especializadas de prototipado que ofrecen más detalle y precisión
Prototipado de baja fidelidad:
El aspecto del prototipo distará bastante del que
tenga el sitio web final.
Se caracterizan por ser económicos, rápidos de construir, rápidos de arreglar y no precisan de técnicos expertos (¡y caros!),
Tipos según el nivel de funcionalidad
reproducida
Prototipado horizontal
Se reproduce gran parte del aspecto visual del sitio, pero
sin que esos modelos de interfaz estén respaldados por la funcionalidad real que tendrá finalmente el sitio.
Tales prototipos permiten una evaluación del diseño de la interfaz, así como la ubicación y accesibilidad de determinados aspectos y características, sin requerir el funcionamiento real de las funciones que representan.
Prototipado vertical
Se reproduce únicamente el aspecto visual de una parte del sitio, pero la parte reproducida poseerá la misma funcionalidad que el sitio web una vez implementado.
Para aplicaciones software que se han desarrollado con arquitectura modular, esto resulta relativamente sencillo, aunque las interfaces a otros módulos no funcionarán (lo que no supone ningún problema porque es la funcionalidad de las secciones dadas las que serán inspeccionadas o testeadas, y no otras).
Elaboración de modelos o prototipos de la interfaz del sitio
.
Permiten la revisión de los conceptos básicos del proyecto en la etapa inicial de su desarrollo y compartir opiniones.
¿Que es?
El prototipado de un sitio web es un bosquejo de cómo será el aspecto de un software
Principales Caracteristicas
Dan soporte a los diseñadores a la hora de escoger entre varias alternativas.
Permiten a los diseñadores explorar diversos conceptos del diseño antes de establecer los definitivos.
Permiten evaluar el sistema desde las primeras fases del desarrollo (facilitan la exploración de ideas sobre nuevos conceptos tecnológicos).
Son esenciales para la documentación, tanto de conceptos funcionales del sistema como de tareas concretas del mismo.
Mejoran la calidad y la completitud de las especificaciones funcionales del sistema.
Son herramientas de propósito general, pues sirven para comprobar la fiabilidad técnica de una idea, clarificar requisitos que quedaron “indeterminados” o ver como responde con el resto de la aplicación.
Son formidables herramientas de
Participación, para integrar activamente a los usuarios en el desarrollo.
Comunicación entre todos los componentes del equipo de desarrollo y los usuarios.
herramientas de prototipado
Axure RP: Es una herramienta de prototipado profesional que permite crear wireframes para hacer el pre-diseño de una página web
Balsamiq: Con ella puedes hacer prototipos interactivos de webs
FlairBuilder: herramienta web que te permite hacer bocetos de tus webs y de tus Apps para iPhone
gliffy: Basada en un servicio web, permite dibujar bocetos de tu página web y crear wireframes tanto estáticos como dinámicos
iPlotz: Esta herramienta permite hacer maquetas navegables de sitios web y de aplicaciones text
Jumpchart: es una aplicación de planificación de webs basadas en el navegador la cual posibilita esbozar el contenido de la página web
Justinmind: Herramienta profesional para prototipado de sitios web, aplicaciones de software y aplicaciones móviles
MockFlow: Herramienta web muy sencilla de utilizar para diseñar SItios web y aplicaciones de software
Mockingbird: Puedes diseñar tu sitio web en el propio navegador aprovechando que dispone de una gran biblioteca de objetos web para personalizar tus páginas.
Napkin: Aunque es una herramienta basada en Java, también está disponible para Windows, Mac y Linux
Pencil project: Es un complemento open-source de Firefox que permite crear wireframes dentro de Firefox. No existe la posibilidad de colaboración.
Smartdraw: totalmente integrada con Microsoft Office. Muy útil para hacer organigramas, cuadros de flujo,....Sin embargo, no dispone de wireframes interactivos ni diseños para móviles
Visio: Esta herramienta pertenece a la suite de Microsoft Office que se puede adquirir de forma independiente de otros componentes de Microsost Office
.
Comprende dos procesos
Presentación
Se activa un proceso de pensar en cómo vamos a mostrar este propósito a nuestros usuarios para posteriormente trasladar estos pensamientos en elementos visibles para los ellos.
