Diseño Web: Errores Frecuentes y Consejos Prácticos

DISEÑO WEB

{ Taller
Diseño Gráﬁco 6
DISEÑO WEB

TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010

DISEÑO WEB

{ Errores
Frecuentes
DISEÑO WEB


DISEÑO WEB

LEGIBILIDAD { Fuentes excesivamente pequeñas o
con poco contraste con respecto a
los colores de fondo.


DISEÑO WEB


DISEÑO WEB

ENLACES { Son poco accesibles, no se diferencian los
visitados de los no visitados o se usan
anclajes tan malos como “Haz click aquí”


DISEÑO WEB

{
Intentando hacer una web más
vistosa, se consigue el efecto

USO DE FLASH contrario: Hacerla menos accesible y
darle menos importancia al
contenido, elemento primordial para
un sitio.


DISEÑO WEB

{
Lo ideal en una web es mostrar
CONTENIDO información de una manera corta y
concisa, sin extenderse y dando las
CONCRETO ideas principales además de una
opción para ampliar la información.


DISEÑO WEB

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.


DISEÑO WEB

{
Aunque para muchos el único
navegador es el Internet Explorer lo
INCOMPATIBILIDAD cierto es que existen muchos otros
DE NAVEGADORES como Firefox que están consiguiendo
una cuota muy importante del
mercado.


DISEÑO WEB

{ Estructuración
de Contenidos
DISEÑO WEB


DISEÑO WEB

{ LOS USUARIOS CENTRAN EL
INTERÉS EN LOS CONTENIDOS
POR SOBRE LOS GRÁFICOS


DISEÑO WEB

{ ELLOS BUSCAN:
TITULARES-INDICACIONES
(LINKS, GRÁFICOS DE CONTENIDOS)


DISEÑO WEB

{ Escribir
para la web
DISEÑO WEB


DISEÑO WEB

{
· Escribir la mitad del texto que se

{
escribiría en la versión impresa.

Escribir · Escribir para poder encontrar las

para la web cosas, utilizando párrafos cortos,
subencabezados y listas con
DISEÑO WEB viñetas.

· Utilizar hipertexto para dividir los
contenidos.


DISEÑO WEB

{ LEER EN COMPUTADOR ES UN
25% MÁS LENTO QUE EN UN
IMPRESO


DISEÑO WEB

{ Consejos
Prácticos
DISEÑO WEB


DISEÑO WEB

{
· Utilizar títulos y subtítulos

{
signiﬁcantes.

Consejos · Usar listas bulleteadas y elementos
Prácticos similares para romper la uniformidad
de los bloques de texto.
DISEÑO WEB
· Utilizar realces, enfatizaciones para
captar la atención del usuario.


DISEÑO WEB

{ USAR COLORES DE GRAN
CONTRASTE PARA TEXTO Y
FONDO


DISEÑO WEB

{ NO USAR FONDO GRÁFICOS
PUEDEN INTERFERIR EN LA CAPACIDAD DEL OJO
HUMANO PARA INTERPRETAR LÍNEAS Y LETRAS


DISEÑO WEB

{ FONT-SIZE / FONT-FAMILY
EL TEXTO PEQUEÑO ES MÁS LEGIBLE SI USAMOS
FUENTES DE LA FAMILIA SANS-SERIF


DISEÑO WEB

{ TEXT-ALIGN
JUSTIFICARLO A LA IZQUIERDA


DISEÑO WEB

{ Estructuración
de un Sitio
DISEÑO WEB


DISEÑO WEB

{ UNA BUENA ESTRUCTURA
PERMITIRÁ AL LECTOR VISUALIZAR TODOS LOS
CONTENIDOS DE UNA MANERA FÁCIL Y CLARA


DISEÑO WEB

{ PLANIFICA
LA ESTRUCTURA ANTES DE DISEÑAR


DISEÑO WEB

{ LA ESTRUCTURA DEPENDE DEL
CONTENIDO


DISEÑO WEB

{ DUPLICA LOS ELEMENTOS DE
NAVEGACIÓN SI ES NECESARIO


DISEÑO WEB

{ AÑADE UN ENLACE AL INICIO
DEL SITIO


DISEÑO WEB

{ NO CREES PÁGINAS QUE SEAN UN
CALLEJÓN SIN SALIDA


PRESENTACIÓN DEL TALLER

JERARQUIZA!
{ PÁGINAS
TÍTULOS
ELEMENTOS
TEXTOS


MAPAS CONCEPTUALES

{ Taller
Diseño Gráﬁco 6
MAPAS CONCEPTUALES


MAPAS CONCEPTUALES

MAPAS
CONCEPTUALES { Son una herramienta para
representar y comparar
conocimiento.


MAPAS CONCEPTUALES

MAPAS
CONCEPTUALES { Estrategia para representar
signiﬁcados conceptuales de
manera gráﬁca, jerárquica y
racional.


MAPAS CONCEPTUALES


MAPAS CONCEPTUALES

{ Elementos
Constitutivos
MAPAS CONCEPTUALES


MAPAS CONCEPTUALES

{ CONCEPTOS
PALABRAS QUE EXPRESAN O DESIGNAN UNA
IDEA O UN HECHO


MAPAS CONCEPTUALES

{ DESCRIPTORES
ELEMENTOS QUE UNEN DOS CONCEPTOS


MAPAS CONCEPTUALES

{ PROPOSICIONES
DOS CONCEPTOS UNIDOS POR UN ELEMENTO
DESCRIPTOR COMO UNA UNIDAD SEMÁNTICA


MAPAS CONCEPTUALES

{ A CONSIDERAR


MAPAS CONCEPTUALES

JERARQUÍA { Los conceptos más inclusivos, deben
aparecer primero que los conceptos más
especíﬁcos, integrándolos progresivamente.


MAPAS CONCEPTUALES

SIGNIFICATIVIDAD { Los conceptos deben de
representar una estructura
informativa del tema que se
está tratando.


MAPAS CONCEPTUALES

CONSIDERAR
UN MÉTODO { Buscar información e identiﬁcar las
palabras que expresan las ideas
principales.


MAPAS CONCEPTUALES

CREAR
UNA RELACIÓN { Relacionar las palabras
seleccionadas a ﬁn de crear
nodos de información.


MAPAS CONCEPTUALES

IDENTIFICAR
EL TEMA { Deﬁnir el asunto del mapa,
deduciéndolo de los nodos de
información.


MAPAS CONCEPTUALES

DEFINIR LOS
DESCRIPTORES { Elementos que van a unir la
idea principal con los temas
secundarios.


MAPAS CONCEPTUALES

DEFINIR LAS
RELACIONES { Dar cuenta de las posibles relaciones
entre cada una de las proposiciones.


MAPAS CONCEPTUALES

{ Infografías
GRÁFICA INFORMATIVA


MAPAS CONCEPTUALES

{ LAS PALABRAS SEPARAN
LAS IMÁGENES UNEN


MAPAS CONCEPTUALES

SIGNIFICADO DE
LA INFORMACIÓN { DESTACAR
LO IMPORTANTE


MAPAS CONCEPTUALES

SIGNIFICADO DE
LA INFORMACIÓN { VISUALIDAD
AGRADABLE


Diseño Web: Errores Frecuentes y Consejos Prácticos

Recomendados

Recomendados

Más contenido relacionado

Más de iConstruye

Más de iConstruye (20)

Último

Último (20)

Diseño Web: Errores Frecuentes y Consejos Prácticos