wireframes - nicolasespinoza · diseÑo de interfaz desarrollo #tet4011. estrategia arq. de la...

WIREFRAMES

(GÜAIRFREIMS)

JERARQUIZACIÓNDE CONTENIDOS

#TET4011

DISTRIBUCIÓNVISUAL

#TET4011

ESQUEMATIZACIÓNDE LA INTERFAZ

#TET4011

WIREFRAMES

SON ESTRUCTURAS MUY SIMPLES Y ESTÁN ENFOCADAS A VISUALIZAR LA

DISTRIBUCIÓN DE LOS CONTENIDOS DENTRO DE LA PANTALLA

ESTRATEGIAARQ. DE LA INFORMACIÓN

DISEÑO DE INTERFAZDESARROLLO

#TET4011

ESTRATEGIAARQ. DE LA INFORMACIÓN

DISEÑO DE INTERFAZDESARROLLO

#TET4011

WIREFRAMES

LANDINGPAGE

BASADA SOLAMENTE EN LA ARQUITECTURADEL CONTENIDO

#TET4011

EVITA ELEMENTOSACCIDENTALES

#TET4011

MENOR TIEMPOY COSTO

#TET4011

MAYORPRODUCTIVIDAD

#TET4011

EXCELENTE HERRAMIENTADE COMUNICACIÓN Y DISCUSIÓN ENTRE EL EQUIPO DE TRABAJO

#TET4011

CARACTERÍSTICAS

SIMPLES, SIN DISTRACTORES NI IMÁGENES

PUEDEN SERDIBUJADOSA MANO

CADA PANTALLAES UN WIREFRAME

SIEMPRE VAN ACOMPAÑADOSDE UNA EXPLICACIÓN SOBRELAS ZONAS E INTERACCIONES

SE UTILIZAN EN LA CREACIÓN DECUALQUIER TIPO DE INTERFAZ DIGITAL

EN RESUMEN,LOS WIREFRAMESSON BACANES PORQUE:

GUÍASVISUALES

ESTRUCTURAS SIMPLESCONFORMADAS PRINCIPALMENTEPOR LÍNEAS Y CAJAS

DISEÑADOSEN ESCALADE GRISES

TODOS LOS ELEMENTOSGRÁFICOS ESTÁN REPRESENTADOSESQUEMÁTICAMENTE

SE UTILIZA SOLOUNA FAMILIATIPOGRÁFICA

DE PREFERENCIA SEUTILIZAN CONTENIDOSREALES

MALASPRÁCTICAS

USO DE COLORE IMÁGENES

WIREFRAMEO SITIO DEFINITIVO?

MEZCLA CONINTERFAZ REAL

COMPLEJIDADDE ELEMENTOS

WIREFRAMES MUY SIMPLES

10 CONSEJOSPARA REALIZARWIREFRAMES

SIMPLE POR SOBRETODAS LAS COSAS

#TET4011

1

USA LA MAYOR CANTIDAD DE CONTENIDO REAL POSIBLE

#TET4011

2

SIEMPRE TRABAJA EN ESCALA DE GRISES

#TET4011

3

EVITA USAR LOGOS, IMÁGENES E ICONOGRAFÍA

#TET4011

4

NO TE LIMITES A UNA APLICACIÓN DIGITAL, DIBUJA!

#TET4011

5

DEFINE ESTRATEGIA Y CONTENIDOS ANTES DE COMENZAR

#TET4011

6

SIEMPRE HAZ WIREFRAMES ANTES DE DISEÑAR

#TET4011

7

EXPLICA LAS ZONAS E INTERACCIONES

#TET4011

8

DISECUTE LOS WIREFRAMES CON TU EQUIPO DE TRABAJO

#TET4011

9

CORRIGE LOS PROBLEMAS EN LOS WIREFRAMES, NO EN EL DISEÑO

#TET4011

10

DUDAS?

A TRABAJAR!

#TET4011PRESENTACIÓN DISPONIBLE EN WWW.NICOLASESPINOZA.CL