La diferencia entre el concepto básico de diseño UI / UX entre la pantalla cableada y el prototipo

Los términos "alambre de alambre" y "prototipo" siempre son confundidos por los diseñadores, independientemente de si son diseñadores experimentados, tal vez por malentendidos o por otras razones. De hecho, la comprensión entre estos dos términos es muy clara y diferente. Distingamos ahora entre estos dos términos.

¿Qué es una tarjeta Sim?

La pantalla con cable es un diseño simple pero simple y directo que tiene 3 objetivos simples pero directos:

1. Proporciona un grupo de información básica.

2. Dibuja una estructura y diseño

3. Vista de interfaz de usuario y descripción

Una vez que haya construido el cable correctamente, esta será la estructura básica de su producto. Al igual que el diseño del edificio, describe de manera clara y precisa los detalles.

Características visuales del cable cableado

La pantalla con cable tiene limitaciones visuales muy claras. En general, los diseñadores deben usar solo líneas, cuadros y grises para terminar (diferentes grises significan diferentes niveles).

Cables vectoriales simples

Symphrams simples incluyen imágenes, videos y texto

Ventajas del cableado

El cableado es rápido y económico, especialmente si utiliza herramientas de creación de prototipos como UXPin, Mockplus, Balsamiq y Axure. Por supuesto, primero debe usar estas herramientas de creación de prototipos.

La comparación de cables de alta resolución detallados y detallados es importante para obtener comentarios. Por que no Esto se debe a que las personas ponen mayor énfasis en el rendimiento del software, la arquitectura de la información, la experiencia del usuario, los horarios de interacción del usuario y el uso en lugar de considerar las características estéticas de estos elementos. Sin embargo, en este caso, puede cambiarlo fácilmente según sea necesario, pero no tiene que configurar la codificación y la edición gráfica.

Sinfonía interactiva

Ocasionalmente, los diseñadores prefieren mejorar la confiabilidad de los cables para mejorar la importancia de la interfaz de usuario en algunos aspectos y demostrar la lógica de interoperabilidad entre las pruebas instantáneas y los elementos visuales. Para resolver estos problemas correctamente, el programa utiliza un sinfram interactivo, también conocido como un telframe impreso.

Si desea crear un cable tan complejo, necesitará un UXPin, que es una herramienta para instalar y crear prototipos de cables. Crear un prototipo interactivo puede ser la mejor presentación para un equipo en desarrollo y clientes. Usted pregunta: "¿Qué sucede cuando presiono este botón?" Cuando tiene un problema, solo necesita hacer clic y mostrar a los clientes cómo interactuar con el prototipo interactivo. De hecho, es impresionante y directo.

Apunte cuidadosamente el cable

Si tienes que darle el telfram, debes tener cuidado con el tipo que es absolutamente digno. Puede ser su cliente, así como un gerente no técnico involucrado en la colaboración. Pero él no sabe que el cable y el producto final pueden parecer interconectados. Por lo tanto, es posible que no entienda la comunicación interna y el modo de trabajo entre ellos. Por lo tanto, debe presentar y cómo tomar la decisión correcta.

Este es el flujo de trabajo de un usuario de la aplicación creado por Fernando Guillén. Por supuesto, esta es sin duda una versión de diseño temprana.

El armario de alambre es la parte más importante del diseño. Cuando vea este diagrama de flujo, comprenderá que lleva tiempo explicar por qué se llama symphram y por qué deberíamos usar symphram. O simplemente puede omitir este paso.

Que prototipo

La demanda del prototipo es mayor que la del teléfono / cable interactivo, debería ser un prototipo interactivo y, en la medida de lo posible, de alta resolución que se ajuste a la interfaz de usuario final.

El propósito del prototipo es claro: simplificar la interacción de usuario e interfaz tanto como sea posible. Cuando se presiona un botón, se debe realizar una operación apropiada y aparecer páginas relevantes, tratando de imitar la experiencia completa del producto.

Características visuales del prototipo.

Obviamente, el prototipo debe tener las características estéticas del producto e intentar coincidir con la última versión. Básicamente, esta es una máscara de producto que no tiene HTML / CSS / JS, y no necesita explorar el servidor y la base de datos.

La ventaja del prototipo.

¿Por qué es tan importante? El prototipo generalmente es utilizado por los usuarios para la prueba del producto. Probar el prototipo puede ahorrar costos y tiempo de desarrollo en una etapa muy temprana. Por lo tanto, la arquitectura del producto no disminuye debido a la interfaz interactiva irrazonable. Por lo tanto, el prototipo es el logro perfecto para que los diseñadores y desarrolladores prueben el producto.

También proporciona prototipos para que los usuarios recopilen comentarios, se familiaricen con todos los detalles de su producto e inspiren a todo el equipo. La mayoría de las herramientas de creación de prototipos pueden construir prototipos de manera rápida y eficiente, pero no es necesario codificarlas.

Flujo de diseño

Una vez que comprenda la diferencia entre el diseño y el cable y el prototipo, estará a la vanguardia del mundo del diseño de la experiencia del usuario.

Si puede convertir la serie de diseño de su producto en un flujo de trabajo eficiente y coherente, habrá algunos cambios sorprendentes.

Consejos

Al crear Wireframe, intente utilizar elementos editables y reutilizables. En este caso, continuará borrando los elementos para realizar prototipos basados ​​en los cables simples.

Al instalar cables, intente reunir ideas e ideas de su equipo y clientes, y trate de reflejarlas en el diseño sinfónico.

Utiliza tu herramienta más conveniente.

UXPin

UXPin ha creado más de 900 elementos de interfaz de usuario diferentes para que pueda crear cables y prototipos.

Proto.io

Proto.io es una herramienta de creación de prototipos muy potente y puede exportar código HTML / CSS basado en prototipos y un prototipo interactivo para la pantalla táctil, lo que permite a los usuarios probarlo en dispositivos reales.

Balsámico

Populator, r es un transmisor de cable solo para telframe estacionario.

Moqups

Esta herramienta te ayuda a implementar tu teléfono directamente en línea.

Mockplus

Mockplus es una herramienta de creación de prototipos con todo incluido para ruido rápido, diseño rápido y visualización rápida. Le permite crear dispositivos móviles para aplicaciones móviles (Android e iOS), de escritorio (PC y Mac) y web. En Mockplus 3.0, agregó una colaboración efectiva en equipo.

Aksu

¿Necesitamos más implementación de esta herramienta como las extensiones de cable más populares y las herramientas de diseño de prototipos? No lo creo

Protoshare

Esta herramienta también puede crear tarjetas sim y prototipos en Internet.

InvisionApp

Esta herramienta te ayuda a crear el prototipo que necesitas, no dibujas nada, pero puedes agregar enlaces entre diferentes pantallas.

Quiere escribir su idea de diseño en .dsgnrs. blog? Leer más ...