SlideShare una empresa de Scribd logo
IMPORTANCIA DEL DISEÑO EN EL
                      WEB
Ante el cúmulo de imágenes con que se comunica el 3W se hace necesaria la atención al
diseño informacional. Existen normas en el diseño de las interfaces Web que resultan
menospreciadas: el uso correcto del lenguaje, el valor semántico de títulos de Páginas
Iniciales que en ocasiones no tienen correspondencia con su significado, así como la
relación que debe tener el texto o icono vinculado con el significado que representa. Es
esencial tener un criterio de diseño antes de comenzar a crear un sitio, esto permitirá
ajustarse a las necesidades informativas y comunicativas del que navegará por las
páginas.


El Web consta de una Página Inicial, Home Page, index o default que es la página que
ofrece los vínculos y enlaces a todas las otras páginas. El Home Page o Página Inicial,
como la página de mayor importancia en el Web, es la que señala el contenido del
documento y es a la que se le da mejor diseño. Todo Web debe tener un índice que en
ocasiones es la Página Inicial y tener varias vías de acceso a otras páginas, también de
retorno a la Página Inicial esto último permite que si el usuario está perdido en el mar de
información pueda regresar al inicio desde cualquier lugar.
IMPORTANCIA DEL DISEÑO EN EL
               WEB

El diseño de una web es muy importante , porque se trata de la carta de presentación

de tu empresa que va a caer en manos de miles y miles de clientes potenciales. Ellos

juzgarán y decidirán si tu negocio es o no interesante sólo por el diseño de tu web,

independientemente de si tus productos son o no interesantes. Sabiendo esto,

¿cómo es posible que las empresas sigan sin gastar dinero en su web?
IMPORTANCIA DEL DISEÑO EN EL
                  WEB
PRIMERA IMPRESIÓN : La primera impresión si importa, y mucho!. La opinión
se forma en cuestión de segundos, con lo que una impresión positiva es
fundamental ya que los usuarios son muy rápidos para salir de una web que no
les ha impresionado, diseño y unas buenas fotografías pueden ayudar a captar
la atención. 1 2 3

TIEMPO DE CARGA : Si una web tarda en cargar el usuario se va, así de
simple. Es aconsejable que una página no supere los 100kb, sabemos que suele
ser difícil, pero es mejor saber distribuir la información en varias páginas ligeras
que tener una muy pesada con toda la información.

FACILIDAD DE LECTURA DEL CONTENIDO : Fuentes suficientemente legibles
por tamaño, buenos contrastes entre color de fuente y fondo, división de textos
en párrafos por ideas, etc… Tenemos que hacer agradable la lectura, destacando
las ideas importantes en titulares y subtítulos. La arquitectura de la página así
mismo es muy importante, el número de columnas, la distribución de la
información, el saber destacar lo importante sobre lo secundario. 1 2 3
IMPORTANCIA DEL DISEÑO EN EL
                  WEB
NAVEGACIÓN : Nunca sabemos por dónde va a llegar un usuario, por eso
mismo tenemos que pensar en que cualquier página de la web puede ser la
home (Index) en esos momentos, por eso no podemos permitirnos romper la
navegación en ninguna página, porque puede ser la puerta de entrada de
muchos                                                            usuarios.
Una buena navegación nos ayudará a incrementar el número de páginas vista de
nuestra web. 1 2 3

EL TÍTULO AYUDA : Hay además varios elementos que pueden ser de ayuda al
usuario, por ejemplo, el poner un título descriptivo de la página hace que cuando
el usuario meta esa página en favoritos, dentro de dos meses cuando quiera
verla la podrá reconocer inmediatamente dentro de sus favoritos. También,
cuando navega en varios exploradores, el título de la página es lo que se ve en la
ventana minimizada, por lo que también es importante colocar las palabras
importantes en las primeras posiciones del título. 1 2 3
IMPORTANCIA DEL DISEÑO EN EL
                  WEB

Para el correcto diseño de un sitio Web es necesario seguir una serie de etapas
en su creación:

•El análisis de la información que tendrá el Web.
•La búsqueda y la estructuración de dicha información.

•El diseño informacional del sitio (diseño gráfico).

•La confección digitalizada de la interfaz. 1

•La publicación del sitio en Internet. 1

•La supervisión de la información del sitio (por el Webmaster)
IMPORTANCIA DEL DISEÑO EN EL
                  WEB
Sin lugar a dudas la primera y segunda etapas están en las manos de los
especialistas de Información. La tercera corre a cargo de un diseñador gráfico,
puede trabajar también en esa etapa un comunicador, estos últimos,
conocedores de las herramientas para lograr la comunicación. En este sentido
debe destacarse que la simple presentación de la información no garantiza la
efectividad del sitio, por el contrario un sitio puramente informativo y no
comunicativo no conseguirá audiencia, por tanto no cumplirá su objetivo. La
cuarta y quinta etapa le correspondería a los cibernéticos y por último, la de
supervisión correría a cargo de un cibernético o de un profesional de la
Información.

a continuación algunos patrones y requisitos que deberán seguirse.
IMPORTANCIA DEL DISEÑO EN EL
                  WEB
DISEÑO DE FORMAS
Lograr una armonía agradable visualmente entre el fondo de las páginas y el
contenido que se muestra en ella es un requisito fundamental. En el caso que
hayan gran cantidad de bloques de textos que exijan disminuir el tamaño de
fuente, es necesario crear un contraste con el fondo para que el bloque sea
legible. (se recomienda en estos casos mantener el fondo blanco y la tipografía
en negro). En páginas de texto continuo conviene lograr interrupciones visuales
que eviten la monotonía y ayuden al interés de la lectura.

TIPOGRAFÍA
El estudio del espaciado, el tamaño de fuente y el interlineado adquieren gran
importancia en la estética y comprensión de los textos. Otro factor problemático
son los títulos, subtítulos y encabezados de páginas que suelen resultar
monótonos; se aconseja crear un énfasis ya sea cambiando el tamaño, el color,
el estilo, o combinando tipos dentro de una palabra o frase, o en otro caso
haciendo una combinación coherente de estos recursos.
IMPORTANCIA DEL DISEÑO EN EL
                  WEB

DISEÑO GRÁFICO
Una imagen gráfica es un punto de gran interés visual por eso no deben entrar
en conflicto con el texto, las ilustraciones gráficas han de tener una relación
profunda con el contenido de la página. El color presente siempre en el Web es,
de los recursos, el que a más abusos es sometido. Se usa en fondos, filetes,
subrayados, encuadrados, pero es necesario saber usarlo. Tiene poder en la
transmisión de estados de ánimo, emociones, conceptos, ambientes o reforzar el
interés visual; es preciso saber cómo, cuándo y dónde usarlo. 1

DISEÑO SONORO
Es de cuidado que el sonido empleado sea coherente con el texto o la imagen
con que esté relacionado. Los sonidos también tienen matices que influyen en
los estados de ánimo del individuo. Los sonidos y por general la música obtiene
un valor de signo de acuerdo a la cultura que los crea y el significado que le fue
conferido. Es importante no hacer un uso erróneo de ellos en el Web.
IMPORTANCIA DEL DISEÑO EN EL
                   WEB
DISEÑO TRIDIMENSIONAL 1
El Web puede incorporar a su formato filmaciones de vídeo y películas. Como
soporte multimedia tiene esta rica posibilidad. Con la creación de potentes
software de graficación tridimensional (3D) se ha creado una llamada "nueva
dimensión", la Realidad Virtual (VRML Virtual Reality Modeling Language) que
entre otras cosas es la simulación de un mundo real mediante una interfaz
tridimensional. El Web soporta también los llamados Gif animados que son
gráficos animados ; hay que cuidar del uso de ellos puesto que atraen mucho la
atención del navegante.

HECHOS QUE CONDUCEN A UN MAL DISEÑO
•No comprensión de lo que se quiere comunicar.

•La falta del valor semántico de los signos.

•La preferencia por lo estético.

•La subvaloración de lo funcional o viceversa.

Más contenido relacionado

PPTX
Importancia del diseno en la web
PPTX
Buenas Practicas - Web
PPT
Usabilidad web
DOCX
Analisis sitio web liverpool
PDF
Introducción tamaños y tipos de paginas
PDF
Diseño y web 2
PPTX
El arte del diseño web
PPT
Introducción creación web aula madrid tecnología 2010
Importancia del diseno en la web
Buenas Practicas - Web
Usabilidad web
Analisis sitio web liverpool
Introducción tamaños y tipos de paginas
Diseño y web 2
El arte del diseño web
Introducción creación web aula madrid tecnología 2010

La actualidad más candente (18)

PPT
Marketing Online
PPT
Introducción creación web aula madrid tecnología (coit) 2010
PPT
La Vaguada Coit 18 Feb
PPTX
Unidad 2. Páginas Web
PDF
Principios elementales de maquetación WEB
PPTX
¿Qué es el diseño web?
PPT
Marketing Online Pymes - IMADE
PPT
Puerta bonita
PPT
Marketing digital aula madrid tecnología 2010
PPT
Rentabilizar una web
PPT
Rentabilizar una web imade 2009
PPT
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
PPT
2 usabilidad ii
PPT
Usabilidad y accesibilidad web
PPTX
Páginas Web
PDF
Planificacion y maquetacion Web
PPTX
Principios
Marketing Online
Introducción creación web aula madrid tecnología (coit) 2010
La Vaguada Coit 18 Feb
Unidad 2. Páginas Web
Principios elementales de maquetación WEB
¿Qué es el diseño web?
Marketing Online Pymes - IMADE
Puerta bonita
Marketing digital aula madrid tecnología 2010
Rentabilizar una web
Rentabilizar una web imade 2009
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
2 usabilidad ii
Usabilidad y accesibilidad web
Páginas Web
Planificacion y maquetacion Web
Principios
Publicidad

Destacado (8)

PDF
Branchenhearing BMWi
PPT
Resposta sci
ODP
Gimp Evento5768
PDF
Programa Fiestas Valdemoro 2014
PPTX
Presentaci
PDF
Standesamtsregister im kreis
PDF
AS CONDIÇÕES NECESSÁRIAS E SUFICIENTES PARA A MUDANÇA TERAPÊUTICA DE PERSONAL...
PDF
Fachräume
Branchenhearing BMWi
Resposta sci
Gimp Evento5768
Programa Fiestas Valdemoro 2014
Presentaci
Standesamtsregister im kreis
AS CONDIÇÕES NECESSÁRIAS E SUFICIENTES PARA A MUDANÇA TERAPÊUTICA DE PERSONAL...
Fachräume
Publicidad

Similar a Importancia del diseno_en_web (2) (20)

PDF
DISEÑO WEB.pdf
PDF
Leccion V
PPTX
03_Precentaciooooooooon Web_Joel_501.pptx
ODP
Sin título 1
PPTX
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
PDF
Diseño de un sitio web
PDF
Diseño web
DOCX
Diseño de páginas web
PDF
Diseño e instalación de sitios web
PDF
Elementos básicos de un sitio web
PDF
Elementos básicos de un sitio web
PPT
Fundamentos DiseñO Web
PPT
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
DOC
G:\diseño web
PPTX
Proyecto web
PPTX
Proyecto web
PPT
Sist
PPT
Sist
PPTX
Diseño web samanta
PPT
Marketing Digital
DISEÑO WEB.pdf
Leccion V
03_Precentaciooooooooon Web_Joel_501.pptx
Sin título 1
MAPAS CONCEPTUALES SOBRE DISEÑO DE PAGINAS WEB.pptx
Diseño de un sitio web
Diseño web
Diseño de páginas web
Diseño e instalación de sitios web
Elementos básicos de un sitio web
Elementos básicos de un sitio web
Fundamentos DiseñO Web
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
G:\diseño web
Proyecto web
Proyecto web
Sist
Sist
Diseño web samanta
Marketing Digital

Importancia del diseno_en_web (2)

  • 1. IMPORTANCIA DEL DISEÑO EN EL WEB Ante el cúmulo de imágenes con que se comunica el 3W se hace necesaria la atención al diseño informacional. Existen normas en el diseño de las interfaces Web que resultan menospreciadas: el uso correcto del lenguaje, el valor semántico de títulos de Páginas Iniciales que en ocasiones no tienen correspondencia con su significado, así como la relación que debe tener el texto o icono vinculado con el significado que representa. Es esencial tener un criterio de diseño antes de comenzar a crear un sitio, esto permitirá ajustarse a las necesidades informativas y comunicativas del que navegará por las páginas. El Web consta de una Página Inicial, Home Page, index o default que es la página que ofrece los vínculos y enlaces a todas las otras páginas. El Home Page o Página Inicial, como la página de mayor importancia en el Web, es la que señala el contenido del documento y es a la que se le da mejor diseño. Todo Web debe tener un índice que en ocasiones es la Página Inicial y tener varias vías de acceso a otras páginas, también de retorno a la Página Inicial esto último permite que si el usuario está perdido en el mar de información pueda regresar al inicio desde cualquier lugar.
  • 2. IMPORTANCIA DEL DISEÑO EN EL WEB El diseño de una web es muy importante , porque se trata de la carta de presentación de tu empresa que va a caer en manos de miles y miles de clientes potenciales. Ellos juzgarán y decidirán si tu negocio es o no interesante sólo por el diseño de tu web, independientemente de si tus productos son o no interesantes. Sabiendo esto, ¿cómo es posible que las empresas sigan sin gastar dinero en su web?
  • 3. IMPORTANCIA DEL DISEÑO EN EL WEB PRIMERA IMPRESIÓN : La primera impresión si importa, y mucho!. La opinión se forma en cuestión de segundos, con lo que una impresión positiva es fundamental ya que los usuarios son muy rápidos para salir de una web que no les ha impresionado, diseño y unas buenas fotografías pueden ayudar a captar la atención. 1 2 3 TIEMPO DE CARGA : Si una web tarda en cargar el usuario se va, así de simple. Es aconsejable que una página no supere los 100kb, sabemos que suele ser difícil, pero es mejor saber distribuir la información en varias páginas ligeras que tener una muy pesada con toda la información. FACILIDAD DE LECTURA DEL CONTENIDO : Fuentes suficientemente legibles por tamaño, buenos contrastes entre color de fuente y fondo, división de textos en párrafos por ideas, etc… Tenemos que hacer agradable la lectura, destacando las ideas importantes en titulares y subtítulos. La arquitectura de la página así mismo es muy importante, el número de columnas, la distribución de la información, el saber destacar lo importante sobre lo secundario. 1 2 3
  • 4. IMPORTANCIA DEL DISEÑO EN EL WEB NAVEGACIÓN : Nunca sabemos por dónde va a llegar un usuario, por eso mismo tenemos que pensar en que cualquier página de la web puede ser la home (Index) en esos momentos, por eso no podemos permitirnos romper la navegación en ninguna página, porque puede ser la puerta de entrada de muchos usuarios. Una buena navegación nos ayudará a incrementar el número de páginas vista de nuestra web. 1 2 3 EL TÍTULO AYUDA : Hay además varios elementos que pueden ser de ayuda al usuario, por ejemplo, el poner un título descriptivo de la página hace que cuando el usuario meta esa página en favoritos, dentro de dos meses cuando quiera verla la podrá reconocer inmediatamente dentro de sus favoritos. También, cuando navega en varios exploradores, el título de la página es lo que se ve en la ventana minimizada, por lo que también es importante colocar las palabras importantes en las primeras posiciones del título. 1 2 3
  • 5. IMPORTANCIA DEL DISEÑO EN EL WEB Para el correcto diseño de un sitio Web es necesario seguir una serie de etapas en su creación: •El análisis de la información que tendrá el Web. •La búsqueda y la estructuración de dicha información. •El diseño informacional del sitio (diseño gráfico). •La confección digitalizada de la interfaz. 1 •La publicación del sitio en Internet. 1 •La supervisión de la información del sitio (por el Webmaster)
  • 6. IMPORTANCIA DEL DISEÑO EN EL WEB Sin lugar a dudas la primera y segunda etapas están en las manos de los especialistas de Información. La tercera corre a cargo de un diseñador gráfico, puede trabajar también en esa etapa un comunicador, estos últimos, conocedores de las herramientas para lograr la comunicación. En este sentido debe destacarse que la simple presentación de la información no garantiza la efectividad del sitio, por el contrario un sitio puramente informativo y no comunicativo no conseguirá audiencia, por tanto no cumplirá su objetivo. La cuarta y quinta etapa le correspondería a los cibernéticos y por último, la de supervisión correría a cargo de un cibernético o de un profesional de la Información. a continuación algunos patrones y requisitos que deberán seguirse.
  • 7. IMPORTANCIA DEL DISEÑO EN EL WEB DISEÑO DE FORMAS Lograr una armonía agradable visualmente entre el fondo de las páginas y el contenido que se muestra en ella es un requisito fundamental. En el caso que hayan gran cantidad de bloques de textos que exijan disminuir el tamaño de fuente, es necesario crear un contraste con el fondo para que el bloque sea legible. (se recomienda en estos casos mantener el fondo blanco y la tipografía en negro). En páginas de texto continuo conviene lograr interrupciones visuales que eviten la monotonía y ayuden al interés de la lectura. TIPOGRAFÍA El estudio del espaciado, el tamaño de fuente y el interlineado adquieren gran importancia en la estética y comprensión de los textos. Otro factor problemático son los títulos, subtítulos y encabezados de páginas que suelen resultar monótonos; se aconseja crear un énfasis ya sea cambiando el tamaño, el color, el estilo, o combinando tipos dentro de una palabra o frase, o en otro caso haciendo una combinación coherente de estos recursos.
  • 8. IMPORTANCIA DEL DISEÑO EN EL WEB DISEÑO GRÁFICO Una imagen gráfica es un punto de gran interés visual por eso no deben entrar en conflicto con el texto, las ilustraciones gráficas han de tener una relación profunda con el contenido de la página. El color presente siempre en el Web es, de los recursos, el que a más abusos es sometido. Se usa en fondos, filetes, subrayados, encuadrados, pero es necesario saber usarlo. Tiene poder en la transmisión de estados de ánimo, emociones, conceptos, ambientes o reforzar el interés visual; es preciso saber cómo, cuándo y dónde usarlo. 1 DISEÑO SONORO Es de cuidado que el sonido empleado sea coherente con el texto o la imagen con que esté relacionado. Los sonidos también tienen matices que influyen en los estados de ánimo del individuo. Los sonidos y por general la música obtiene un valor de signo de acuerdo a la cultura que los crea y el significado que le fue conferido. Es importante no hacer un uso erróneo de ellos en el Web.
  • 9. IMPORTANCIA DEL DISEÑO EN EL WEB DISEÑO TRIDIMENSIONAL 1 El Web puede incorporar a su formato filmaciones de vídeo y películas. Como soporte multimedia tiene esta rica posibilidad. Con la creación de potentes software de graficación tridimensional (3D) se ha creado una llamada "nueva dimensión", la Realidad Virtual (VRML Virtual Reality Modeling Language) que entre otras cosas es la simulación de un mundo real mediante una interfaz tridimensional. El Web soporta también los llamados Gif animados que son gráficos animados ; hay que cuidar del uso de ellos puesto que atraen mucho la atención del navegante. HECHOS QUE CONDUCEN A UN MAL DISEÑO •No comprensión de lo que se quiere comunicar. •La falta del valor semántico de los signos. •La preferencia por lo estético. •La subvaloración de lo funcional o viceversa.