DISEﾃ前 WEB
DISEﾃ前 WEB ERRORES FRECUENTES
LEGIBILIDAD FUENTES EXCESIVAMENTE PEQUEÑAS O CON POCO CONTRASTE CON RESPECTO A LOS COLORES DE FONDO.
ENLACES SON POCO ACCESIBLES, NO SE DIFERENCIAN LOS VISITADOS DE LOS NO VISITADOS O SE USAN ANCLAJES TAN MALOS COMO “HAZ CLICK AQUÍ”
USO DEL FLASH INTENTANDO HACER UNA WEB MÁS VISTOSA, SE CONSIGUE EL EFECTO CONTRARIO: HACERLA MENOS ACCESIBLE Y DARLE MENOS IMPORTANCIA AL CONTENIDO, ELEMENTO PRIMORDIAL PARA UN SITIO.
CONTENIDO CONCRETO LO IDEAL EN UNA WEB ES MOSTRAR INFORMACIÓN DE UNA MANERA CORTA Y CONCISA, SIN EXTENDERSE Y DANDO LAS IDEAS PRINCIPALES ADEMÁS DE UNA OPCIÓN PARA AMPLIAR LA INFORMACIÓN.
BÚSQUEDA LA MAYORÍA DE LOS SITIOS CARECEN DE UNA OPCIÓN DE BÚSQUEDA EN UN SITIO WEB, CUANDO MUCHOS BUSCADORES PROPORCIONAN UNA DE FORMA GRATUITA.
INCOMPATIBILIDAD DE NAVEGADORES AUNQUE PARA MUCHOS EL ÚNICO NAVEGADOR ES EL INTERNET EXPLORER LO CIERTO ES QUE EXISTEN MUCHOS OTROS COMO FIREFOX Y CHROME QUE ESTÁN CONSIGUIENDO UNA CUOTA MUY IMPORTANTE DEL MERCADO.
DISEÑO WEB ESTRUCTURACIÓN DE CONTENIDOS
LOS USUARIOS CENTRAN EL INTERÉS EN LOS CONTENIDOS POR SOBRE LOS GRÁFICOS
ELLOS BUSCAN: TITULARES-INDICACIONES (LINKS, GRﾃ：ICOS DE CONTENIDOS)
DISEﾃ前 WEB ESCRIBIR PARA LA WEB
LEER EN COMPUTADOR ES UN 25% MÁS LENTO QUE EN UN IMPRESO
· ESCRIBIR LA MITAD DEL TEXTO QUE SE ESCRIBIRÍA EN LA VERSIÓN IMPRESA. · ESCRIBIR PARA PODER ENCONTRAR LAS COSAS, UTILIZANDO PÁRRAFOS CORTOS, SUBENCABEZADOS Y LISTAS CON VIÑETAS. · UTILIZAR HIPERTEXTO PARA DIVIDIR LOS CONTENIDOS.
· UTILIZAR TÍTULOS Y SUBTÍTULOS SIGNIFICANTES. · USAR LISTAS BULLETEADAS Y ELEMENTOS SIMILARES PARA ROMPER LA UNIFORMIDAD DE LOS BLOQUES DE TEXTO. · UTILIZAR REALCES, ENFATIZACIONES PARA CAPTAR LA ATENCIÓN DEL USUARIO.
USAR COLORES DE GRAN CONTRASTE PARA TEXTO Y FONDO
NO USAR FONDO GRÁFICOS PUEDEN INTERFERIR EN LA CAPACIDAD DEL OJO HUMANO PARA INTERPRETAR LÍNEAS Y LETRAS
FONT-SIZE / FONT-FAMILY EL TEXTO PEQUEÑO ES MÁS LEGIBLE SI USAMOS FUENTES DE LA FAMILIA SANS-SERIF
TEXT-ALIGN JUSTIFICARLO A LA IZQUIERDA
DISEÑO WEB ESTRUCTURACIÓN DE UN SITIO
UNA BUENA ESTRUCTURA PERMITIRÁ AL LECTOR VISUALIZAR TODOS LOS CONTENIDOS DE UNA MANERA FÁCIL Y CLARA
PLANIFICA LA ESTRUCTURA ANTES DE DISEÑAR
LA ESTRUCTURA DEPENDE DEL CONTENIDO
DUPLICA LOS ELEMENTOS DE NAVEGACIÓN SI ES NECESARIO
AÑADE UN ENLACE AL INICIO DEL SITIO
NO CREES PÁGINAS QUE SEAN UN CALLEJÓN SIN SALIDA
JERARQUIZA! PÁGINAS TÍTULOS ELEMENTOS TEXTOS
DISEﾃ前 WEB CONDICIONES EN LA ENTREGA DEL MENSAJE
ERGONOMÍA
MULTITAREA
TIEMPO LIMITADO
DISPOSITIVOS DE LECTURA
ASPECTOS FORMALES
LA ESTRUCTURA
PIRÁMIDE INVERTIDA
PIRÁMIDE INVERTIDA TITULARES
PIRÁMIDE INVERTIDA TITULARES EXPLICACIÓN
PIRÁMIDE INVERTIDA TITULARES EXPLICACIÓN TEXTOS
ASPECTOS FORMALES
RECOMENDACIONES
1 LAS IDEAS PRINCIPALES ESTÁN EN EL PRIMER PÁRRAFO.
2 EL TEXTO SE ESTRUCTURA EN SECCIONES, SUBSECCIONES Y PÁRRAFOS.
3 SE DESTACAN LAS PARTES DEL TEXTO: TÍTULOS, NEGRITAS, IMÁGENES.
4 SE INCORPORAN ELEMENTOS EN EL TEXTO: IMÁGENES, LISTADOS.
5 SE INCORPORAN VÍNCULOS PARA COMPLETAR LA INFORMACIÓN.
6 SE CUIDA LA CORRECCIÓN ORTOGRÁFICA Y GRAMATICAL.
7 EL ASPECTO GRÁFICO DE LA LETRA RESULTA CÓMODO: TAMAÑO, COLOR.
8 EL VOCABULARIO UTILIZADO ES ADECUADO AL USUARIO OBJETIVO.
DISEﾃ前 WEB BASADO EN GRILLAS
ORDEN EN EL CAOS
PLANO DE LA CIUDAD DE WASHINGTON, DC ELABORADO POR CHARLES L'ENFANT EN 1792.
CARTEL ICÓNICO DE JOSEF MÜLLERBROCKMANN PERSONIFICA PRINCIPIOS DE LA RED BASADA EN EL DISEÑO DE IMPRESIÓN. FUE CREADO EN 1959 CON LA LISTA DE HORARIOS PARA EL TEATRO DE LA CIUDAD (TEATRO DEL ESTADO) DE SUIZA EN ZURICH.
“LOS SISTEMAS DE LA GRILLAS PUEDEN FACILITAR LA CREATIVIDAD, PROPORCIONANDO UN MARCO Y PARA RESPONDER PREGUNTAS COMO "DÓNDE DEBEN IR A LOS FOLIOS?", "QUÉ ANCHO DEBE TENER?” UN BUEN SISTEMA DE GRILLA PUEDE RESPONDER A ESTAS PREGUNTAS Y MÁS” MARK BOULTON
• THEGRIDSYSTEM.ORG • DESIGNBYGRID.COM • 960.GS
DISEÑO WEB PALETAS CORMÁTICAS
• COLOURLOVERS.COM • COLORHUNTER.COM • COLORSCHEMEDESIGNER.COM
KULER
KULER.ADOBE.COM
DISEﾃ前 WEB USOS TIPOGRﾃ：ICOS
TYPETESTER
WWW.TYPETESTER.ORG