WIREFRAMES - nicolasespinoza · diseÑo de interfaz desarrollo #tet4011. estrategia arq. de la...
46
WIREFRAMES
Transcript of 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
