SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt?

Sobre Disenno De Sitios Web
Sobre Disenno De Sitios WebSobre Disenno De Sitios Web
Sobre Disenno De Sitios WebLety Quiñones
 
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 2010Pedro Jesús González
 
Marketing Online
Marketing OnlineMarketing Online
Marketing OnlineDomestika
 
La Vaguada Coit 18 Feb
La Vaguada Coit 18 FebLa Vaguada Coit 18 Feb
La Vaguada Coit 18 FebDomestika
 
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) 2010Pedro Jesús González
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación expertavictorusc2012
 
¿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 Webcolquis
 
Analisis sitio web liverpool
Analisis sitio web liverpoolAnalisis sitio web liverpool
Analisis sitio web liverpoolKarinagtzvl
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonitaDomestika
 
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 2010Pedro Jesús González
 
Presentación marketing de contenidos
Presentación marketing de contenidosPresentación marketing de contenidos
Presentación marketing de contenidosAleja Wittingham
 

Was ist angesagt? (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
 

Ähnlich wie Importancia del diseno en la web

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 marcasJomicast
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webLuisa Perez
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
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 webYadith Gomez Nolasco
 
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 webYadith Gomez Nolasco
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonioEsling Madrid
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad WebAriazu
 
Diseno web 3
Diseno web 3Diseno web 3
Diseno web 3blogdevon
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2Mena75
 
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 PasosMarivi
 
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 webKareliaRivas
 
Principios elementales de maquetación WEB
Principios elementales de maquetación WEBPrincipios elementales de maquetación WEB
Principios elementales de maquetación WEBJavier Navarro
 
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 - NominaliaNominalia
 

Ähnlich wie 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
 

Mehr von 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é
 

Kürzlich hochgeladen

proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
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.Alejandrino Halire Ccahuana
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 

Kürzlich hochgeladen (20)

proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
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.
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 

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.