SlideShare a Scribd company logo
1 of 9
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.

More Related Content

What's hot

Sobre Disenno De Sitios Web
Sobre Disenno De Sitios WebSobre Disenno De Sitios Web
Sobre Disenno De Sitios Web
Lety Quiñones
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación experta
victorusc2012
 
¿Qué es el diseño web?
¿Qué es el diseño web? ¿Qué es el diseño web?
¿Qué es el diseño web?
Marisa Sánchez
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
colquis
 

What's hot (18)

Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Sobre Disenno De Sitios Web
Sobre Disenno De Sitios WebSobre Disenno De Sitios Web
Sobre Disenno De Sitios Web
 
Introducción creación web aula madrid tecnología 2010
Introducción creación web aula madrid  tecnología 2010Introducción creación web aula madrid  tecnología 2010
Introducción creación web aula madrid tecnología 2010
 
Marketing Online
Marketing OnlineMarketing Online
Marketing Online
 
Plantillas web
Plantillas webPlantillas web
Plantillas web
 
Tipos de Sitios Web
Tipos de Sitios WebTipos de Sitios Web
Tipos de Sitios Web
 
La Vaguada Coit 18 Feb
La Vaguada Coit 18 FebLa Vaguada Coit 18 Feb
La Vaguada Coit 18 Feb
 
Introducción creación web aula madrid tecnología (coit) 2010
Introducción creación web aula madrid  tecnología (coit) 2010Introducción creación web aula madrid  tecnología (coit) 2010
Introducción creación web aula madrid tecnología (coit) 2010
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación experta
 
T05 dawebweb
T05 dawebwebT05 dawebweb
T05 dawebweb
 
¿Qué es el diseño web?
¿Qué es el diseño web? ¿Qué es el diseño web?
¿Qué es el diseño web?
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
Analisis sitio web liverpool
Analisis sitio web liverpoolAnalisis sitio web liverpool
Analisis sitio web liverpool
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonita
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010
 
Presentación marketing de contenidos
Presentación marketing de contenidosPresentación marketing de contenidos
Presentación marketing de contenidos
 
Usabilidad y accesibilidad web
Usabilidad y accesibilidad webUsabilidad y accesibilidad web
Usabilidad y accesibilidad web
 
Sitio web
Sitio webSitio web
Sitio web
 

Similar to Importancia del diseno en la web

Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
Luisa Perez
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
Ariazu
 
Diseno web 3
Diseno web 3Diseno web 3
Diseno web 3
blogdevon
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Marivi
 

Similar to Importancia del diseno en la web (20)

Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Diseño web informatica
Diseño web informatica Diseño web informatica
Diseño web informatica
 
M2 DiseñO Web
M2   DiseñO WebM2   DiseñO Web
M2 DiseñO Web
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
ELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEBELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEB
 
Diseno web 3
Diseno web 3Diseno web 3
Diseno web 3
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
 
Diseño e instalación de sitios web
Diseño e instalación de sitios webDiseño e instalación de sitios web
Diseño e instalación de sitios web
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Principios elementales de maquetación WEB
Principios elementales de maquetación WEBPrincipios elementales de maquetación WEB
Principios elementales de maquetación WEB
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Wed
WedWed
Wed
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - Nominalia
 

More from paoloarevaloortiz

Lectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibuloLectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibulo
paoloarevaloortiz
 
La evolución de una industria
La evolución de una industriaLa evolución de una industria
La evolución de una industria
paoloarevaloortiz
 
Animacion digital mapa tematico u2
Animacion digital mapa tematico u2Animacion digital mapa tematico u2
Animacion digital mapa tematico u2
paoloarevaloortiz
 

More from paoloarevaloortiz (20)

Crear una empresa
Crear una empresaCrear una empresa
Crear una empresa
 
Consigna u ii
Consigna u iiConsigna u ii
Consigna u ii
 
Lectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibuloLectura n°3 el portero del prostibulo
Lectura n°3 el portero del prostibulo
 
Preguntas emprendimiento
Preguntas emprendimientoPreguntas emprendimiento
Preguntas emprendimiento
 
Preguntas Unidad II
Preguntas Unidad IIPreguntas Unidad II
Preguntas Unidad II
 
Exposiciones
ExposicionesExposiciones
Exposiciones
 
Factores de mercado
Factores de mercadoFactores de mercado
Factores de mercado
 
Escribir personajes
Escribir personajesEscribir personajes
Escribir personajes
 
Stopmotion
StopmotionStopmotion
Stopmotion
 
Consigna stop motion
Consigna stop motionConsigna stop motion
Consigna stop motion
 
Creacion personajes
Creacion personajesCreacion personajes
Creacion personajes
 
Color
ColorColor
Color
 
La evolución de una industria
La evolución de una industriaLa evolución de una industria
La evolución de una industria
 
Animacion digital mapa tematico u2
Animacion digital mapa tematico u2Animacion digital mapa tematico u2
Animacion digital mapa tematico u2
 
Guion
GuionGuion
Guion
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Tipos de animacion
Tipos de animacionTipos de animacion
Tipos de animacion
 
ganancia de punto
ganancia de puntoganancia de punto
ganancia de punto
 
Acerca del reventado
Acerca del reventadoAcerca del reventado
Acerca del reventado
 
Muaré
MuaréMuaré
Muaré
 

Recently uploaded

Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 

Recently uploaded (20)

Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 

Importancia del diseno en la web

  • 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.