Sketching y Wireframing para Diseño de Interfaces Digitales

El Sketch es una representación rápida para ilustrar una idea.

• ¿Cuándo y cómo lo hacemos?: Reuniones rápidas de trabajo, brainstorming.
• Objetivo: Transmitir una idea o concepto con rapidez y claridad.
• Nivel de Fidelidad: Baja fidelidad: Comunica la idea sin nivel de detalle.
• Herramientas: Lápiz y papel.

Los Wireframes son una referencia visual de la estructura de un sitio, definiendo detalladamente su contenido, distribución visual, componentes e interacciones, organizando así la información en la interfaz.

• ¿Cuándo y cómo lo hacemos?: Antes de comenzar el diseño visual de las interfaces, validación rápida con usuarios, presentación a clientes, herramienta de comunicación entre UX, UI y desarrollo.
• Objetivo: Mostrar el contenido y comportamiento de la interfaz sin elementos gráficos. Para comunicarnos con equipos de otras áreas ajenas al diseño.
• Nivel de Fidelidad: Mediana fidelidad: Esquematiza el layout en que se mostrará el contenido, con componentes que describen el comportamiento de los features.
• Herramientas: Sketch, UXPIN, Figma, Adobe XD, Illustrator, Photoshop, entre otras.

Recuerda que puedes aprender mucho más sobre todas estas herramientas en la Carrera de Diseño de Interfaces (UI) en Platzi.