Plantilla de diagrama de prototipo de Axure: cómo usar axure para dibujar el diagrama de prototipo de aplicación
Además, este trabajo también contiene una variedad de componentes móviles de uso común, como navegación palaciega, calendario, repetidor, formulario, panel de acciones, gráfico y tarjeta. , que se puede copiar o arrastrar directamente al proyecto para su uso. Para principiantes, también es una plantilla amigable para el aprendizaje interactivo de Axure.
Haga clic aquí para obtener una vista previa del prototipo completo.
Algunas imágenes
Usar Axure para dibujar prototipos Axure es una de las tareas de creación de prototipos más utilizadas. Sin ninguna base HTML/CSS/JavaScript, puedes usar Axure para crear prototipos con buenos efectos interactivos. Esta serie de notas se basa en el libro de Sun Wu "Creación de prototipos de aplicaciones y sitios web AxureRP7 desde el inicio hasta el dominio" y estudia sistemáticamente Axure como software de herramienta prototipo y las ideas de diseño detrás de él.
Antes de comenzar, hagamos algunas preguntas básicas:
(1) ¿Qué es el diseño de experiencia de usuario? ¿Qué es el diseño de interacción? ¿Qué es el diseño visual? ¿Cuál es la relación entre ellos?
(2)¿Qué es UE? ¿Qué es la experiencia de usuario? ¿Experiencia de usuario? ¿Disponibilidad? ¿Cuáles son los indicadores y elementos para medir la "experiencia de usuario"? ¿Cómo entender la "disponibilidad"?
(3) ¿Cuál es la diferencia entre wireframes, prototipos y bocetos visuales? ¿Cuáles son los escenarios de uso?
Estructura alámbrica:
La imagen real de baja fidelidad generalmente está representada por líneas "negras, blancas y grises" y la velocidad de producción es rápida.
Prototipos:
Las imágenes de alta fidelidad pueden representar el producto final y usarse para la comunicación entre las partes interesadas.
Manuscrito visual:
Imágenes de alta fidelidad con buenos efectos visuales.
En la mayoría de las empresas, no existe una línea clara entre los gerentes de producto y los diseñadores de experiencia de usuario, e incluso puedes considerarlos como la misma función.
Los gerentes de producto "median" entre ingenieros de desarrollo, funciones de sistemas, diseño visual, usuarios, lógica de negocios, gerentes de proyectos e inversores para coordinar recursos y promover el desarrollo de productos. Como gerentes de producto, debemos comprender profundamente las perspectivas de las partes interesadas (lo que realmente quieren) y comunicarnos estrechamente con ellos para crear un entorno de colaboración sin barreras y promover el desarrollo de productos dentro de un rango controlable.
Como gerentes de producto, debemos sintetizar mucha información diferente, que a menudo es contradictoria o conflictiva. No solo debe estar familiarizado con los procesos comerciales, sino que también debe comprender las limitaciones técnicas y de recursos, comprender el impacto de la experiencia del usuario en el rendimiento del programa de software y realizar repetidamente encuestas de usuarios y análisis de datos. Deberíamos encontrar un equilibrio crucial en el caos de múltiples condiciones para crear la mejor experiencia de usuario posible.
De hecho, cualquier herramienta es sólo un medio para alcanzar los objetivos del producto. Axure es sólo una herramienta. El elemento más importante de tu trabajo no son las herramientas, eres tú y tus pensamientos.
1. División de áreas funcionales públicas en el banco de trabajo Axure
Barra de menú, barra de herramientas, mapa del sitio, panel de piezas, panel principal, panel de interacción y anotación de piezas, panel de propiedades y estilos de piezas. , panel de administración de partes, panel de propiedades de la página (incluidas tres pestañas: anotación de página, interacción de página y estilo de página).
Ver>Restablecer vista
Puedes restablecer el banco de trabajo Axure.
(1)
Mapa del sitio
: Se utiliza para agregar, eliminar y organizar páginas en el prototipo.
(2)
Panel de componentes
: se utiliza para administrar la biblioteca de componentes integrada de Axure, la biblioteca de componentes de terceros y la biblioteca de componentes personalizados.
2. ¿Cuáles son los componentes integrados más utilizados en Axure?
La estructura alámbrica se compone de una serie de componentes, al igual que la página de inicio. La página consta de una serie de componentes de interfaz de usuario. Diferentes piezas tienen diferentes atributos funcionales, por lo que estas piezas deben seleccionarse adecuadamente durante el proceso de creación de prototipos.
3. ¿Qué operaciones se pueden realizar en las piezas de Axure?
4.¿Cuáles son las operaciones comunes de PageStyle?
5. Conceptos básicos de interacción en Axure
Creado en Axure
La interacción entre sí
debe incluir los siguientes tres componentes: Es decir:
Eventos
Eventos,
Casos de uso
Caso,
Comportamiento
La acción es desencadenada por eventos, que se utilizan para realizar acciones; el propósito del diseño de interacción es cambiar elementos estáticos en elementos dinámicos, mejorando así la experiencia del usuario del producto.
Interactive es un componente básico de Axure para convertir estructuras alámbricas estáticas en prototipos HTML interactivos.
Cada
mutuamente
se compone de tres unidades básicas, a saber,
cuándo, cuándo (evento)
,
p>Dónde dónde (caso de uso)
,
Qué hacer (acción)
(1)
Evento (Cuándo )
: ¿Cuándo ocurrió la interacción? Las interacciones están impulsadas por eventos. Los eventos en Axure se pueden dividir en dos categorías, una son eventos de página y la otra son eventos de componentes. Un evento puede contener múltiples casos de uso, y múltiples casos de uso deciden qué ruta de caso de uso ejecutar en función de un juicio condicional.
(2)
Caso de uso (entre ellos)
Un caso de uso es una expresión abstracta del proceso de interacción entre el usuario y la aplicación o sitio web Cada caso de uso puede encapsular una ruta independiente. Por lo general, dejamos que el prototipo realice acciones a lo largo de la ruta principal, pero para responder a diferentes acciones del usuario u otras condiciones, necesitamos crear rutas alternativas para realizar otras acciones. Los casos de uso en Axure se utilizan para crear diferentes rutas de ejecución para eventos.
Un evento puede contener uno o más casos de uso (cuando se utilizan múltiples casos de uso, la ejecución debe juzgarse en función de la lógica condicional) y un caso de uso contiene una o más acciones. De hecho, puedes pensar en los casos de uso como contenedores de acciones.
(3)
Acción acción (qué)
La acción es una respuesta a un evento definido por un caso de uso. Las acciones en Axure se dividen en seis categorías: enlaces, metablogs, variables, repeticiones y varios.
¿Cómo utilizar Axure para dibujar el prototipo de una aplicación? Aprenda más y practique más.
Después de dibujar el prototipo,
1. Descarga Axure
2. Si es para itouch o iPhone, será más fácil de manejar. Dibuje directamente líneas auxiliares con una resolución de 320 × 480 y luego dibuje el prototipo.
3. Cuando presionas F5 para generar un prototipo, puedes configurar un prototipo especial adecuado para dispositivos móviles en la opción "Teléfono móvil/Dispositivo".
4. La descripción de la configuración se muestra en la siguiente figura: (El tamaño de la página muestra que mi configuración es 320 × 480 y el valor predeterminado no es escalar).
5. Utilice su dispositivo móvil para acceder al enlace prototipo generado (como un servidor local o un host de Dropbox).
6. Cree un acceso directo en el escritorio para esta página. 7. Completo (con iconos y pantalla de presentación)
Además: es problemático realizar movimientos del mouse o interacciones complejas con la página y no es recomendable. Sea lo más conciso posible.