SlideShare una empresa de Scribd logo
Diseño Web
“Informatica y Redes de Aprendizaje”
Diana Vargas
Introducción
El “Diseño web" se refiere a la actividad de organizar los
elementos gráficos de un sitio web para expresar
estéticamente la identidad visual de una compañía u
organización.
En esta presentación veremos los objetivos de las páginas
web, características, iconos, etc.
Objetivos para cada página
El objetivo del diseño web es realzar la imagen de una compañía
u organización a través de elementos gráficos con el objeto de
reforzar su identidad visual y despertar una sensación de
confianza en el usuario.
Un sitio web debe cubrir las expectativas del usuario y permitirle
encontrar fácilmente la información que busca.
Objetivos del sito
• Debemos bien determinar cual será el objetivo principal que tendrá
nuestro sitio web, para lo cual se debe intentar lograr establecer una
meta en común, pensando en las herramientas y recursos necesarios
para lograrlo.
• Aún cuando nuestro sitio fue desarrollado por mera recreación, habrá
un momento en que debamos idear un objetivo si es que queremos
llegar a obtener algo de ese proyecto.
Páginas Web
Las páginas web están desarrolladas con lenguajes de marcado como el
HTML, que pueden ser interpretados por los navegadores. De esta
forma, las páginas pueden presentar información en distintos formatos
(texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos
de estilo o contar con aplicaciones interactivas.
Páginas web
Entre las múltiples características que tiene una página web y que sirven
para identificarla se encuentran las siguientes: cuenta con información
textual y también con material de tipo audiovisual, está dotada de un
diseño atractivo, está optimizada y ejerce como la tarjeta de
presentación de una empresa, una persona o un profesional concreto.
Elementos de una página web
Contenido
La página no debe ser atractiva solamente en su parte visual
también debe tener un contenido interesante que atraiga
lectores.
Texto
El texto es el elemento más significativo de cualquier sitio
Web porque los usuarios navegan por la Web
fundamentalmente en busca de información expresada en
texto.
Imágenes
Las imágenes constituyen un elemento esencial para ofrecer
información visual del contenido y mostrar un diseño
atractivo y personal
Elementos de una página web
Botones e iconos
Utilizar botones prácticos y representativos, así como
iconos grandes y vistosos aumenta la facilidad de
navegación en la página y se dan una guía clara a los
usuarios.
Animaciones y movimiento
Para generar una sensación de dinamismo, es bueno
utilizar elementos animados. Pero es importante no
excederse con los elementos móviles.
Sobriedad
Una página debe permitir una fácil visualización de los
contenidos (videos, imágenes, textos), saturar al
cibernauta es contraproducente, si la información o
contenido tarda en ser cargado es una visita menos
Características
• Utilidad. El contenido debe de ser
útil para el usuario y relacionado
con su búsqueda y temáticas del
sitio.
• Facilidad de navegación. No
saber donde está el usuario en
cada momento y no encontrar la
información rápidamente es otro
aspecto que hará al navegante
cansarse y abandonar el sitio
• Apariencia. La apariencia de un
sitio es fundamental. Ten en
cuenta tus colores corporativos,
pero no uses colores fuertes ya
que causan fatiga y rechazo
• Estructura clara. La información
mostrada debe de estar bien
estructurada, haciéndo que esta se
presente de manera clara. Un
aspecto a tener en cuenta es la
posición de la información y la
longitud de esta, ya que el usuario
tiende a cansarse
• Información actualizada,
sencilla, creíble y concisa. La
información deberá ser lo más
sencilla y concisa posible, pero
suficiente. También deberá ser
creíble
• Rapidez de descarga. Páginas que
tardan demasiado en cargar están
abocadas al fracaso.
Características
• Pocos clicks. Fundamental.
Cuanto más rápido, mejor.
• Evita malos hábitos. Registros
innecesarios, ventanas emergentes,
obligarietoridad de instalar
software, enlaces que no
funcionan, contenido que no
existe, etc. Son elementos que
mayor rechazo provocan entre los
internautas
• Interactividad. En la era social, la
web también ha de serlo. El
usuario ya no solo demanda
información sino, además, la
posibilidad de interactuar en la
misma página
• Información de contacto. Su sitio
ganará en crediblidad y confianza
al ofrecer información de contacto
de su empresa.
Iconos
Los iconos son pequeños elementos que pueden hacer una gran
diferencia y darle un toque más profesional a tu sitio si los utilizas de
manera correcta. Las posiciones de estos no suelen ser específicas, ya
que dependiendo del diseño pueden variar.
También los íconos facilitan el uso del sitio, haciéndolo más amigable,
intuitivo y fácil de navegar para las visitas. Cuando una visita observa
un ícono, asume que es un elemento de navegación y luego hace clic
para conseguir el efecto deseado.
Iconos
Los iconos sociales
Podemos distinguir entre los iconos
sociales para compartir los contenidos, y
los iconos que representan los perfiles
sociales de la empresa. Los iconos
sociales simbolizan la presencia de la
empresa en las redes sociales.
Si nuestra empresa está presente en las
redes sociales, tenemos que dejarlo claro
en la página web corporativa.
Diseño Web

Más contenido relacionado

La actualidad más candente

Actividad uno
Actividad unoActividad uno
Actividad uno
Gabriela Díaz
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad WebAriazu
 
diseño e imágenes web
diseño e imágenes webdiseño e imágenes web
diseño e imágenes web
Uniminuto - SENA
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
alejandra diaz
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)alexpulupa
 

La actualidad más candente (7)

Actividad uno
Actividad unoActividad uno
Actividad uno
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
diseño e imágenes web
diseño e imágenes webdiseño e imágenes web
diseño e imágenes web
 
Expo seo
Expo seoExpo seo
Expo seo
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 

Similar a Diseño Web

Paola
PaolaPaola
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimiento
BenjaminBentez
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En Sistemas
IsaacToxic15
 
Evaluar un sitio web
Evaluar un sitio webEvaluar un sitio web
Evaluar un sitio web
ArbelaezGroUP
 
Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0
Isaac Daniel Guzman Torres
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
MaryferGaitan
 
Actividad uno páginas web
Actividad uno páginas web Actividad uno páginas web
Actividad uno páginas web
alejandra charry lozano
 
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
Yadith 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 web
Yadith Gomez Nolasco
 
10 claves para un buen diseño Web
10 claves para un buen diseño Web10 claves para un buen diseño Web
10 claves para un buen diseño Web
DesarrolloWebProfesional
 
Web corporativa
Web corporativaWeb corporativa
Web corporativa
Josu Badillo
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masIsabel Ojeda
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masIsabel Ojeda
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
Isabel Ojeda
 
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantesPresentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Enrique Rodriguez
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
JossetyFloresMuoz
 
Marketing online 2009 ssrr imade
Marketing online 2009 ssrr imadeMarketing online 2009 ssrr imade
Marketing online 2009 ssrr imade
Pedro Jesús González
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADEDomestika
 

Similar a Diseño Web (20)

Paola
PaolaPaola
Paola
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimiento
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En Sistemas
 
Evaluar un sitio web
Evaluar un sitio webEvaluar un sitio web
Evaluar un sitio web
 
Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0
 
M2 Diseño Web
M2   Diseño WebM2   Diseño Web
M2 Diseño Web
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Actividad uno páginas web
Actividad uno páginas web Actividad uno páginas web
Actividad uno páginas 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
 
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
 
10 claves para un buen diseño Web
10 claves para un buen diseño Web10 claves para un buen diseño Web
10 claves para un buen diseño Web
 
Web corporativa
Web corporativaWeb corporativa
Web corporativa
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
 
Cuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web masCuanto mas contexto tenga tu sitio web mas
Cuanto mas contexto tenga tu sitio web mas
 
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantesPresentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
Marketing online 2009 ssrr imade
Marketing online 2009 ssrr imadeMarketing online 2009 ssrr imade
Marketing online 2009 ssrr imade
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADE
 

Último

corpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdfcorpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdf
YolandaRodriguezChin
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
JAVIER SOLIS NOYOLA
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
YasneidyGonzalez
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcional
YasneidyGonzalez
 
Portafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPNPortafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPN
jmorales40
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
arleyo2006
 
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdfTestimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Txema Gs
 
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Monseespinoza6
 
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezPRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
Ruben53283
 
Educar por Competencias GS2 Ccesa007.pdf
Educar por Competencias GS2 Ccesa007.pdfEducar por Competencias GS2 Ccesa007.pdf
Educar por Competencias GS2 Ccesa007.pdf
Demetrio Ccesa Rayme
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
20minutos
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
Distea V región
 
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdfINFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
Alejandrogarciapanta
 
MIP PAPA Rancha Papa.pdf.....y caracteristicas
MIP PAPA  Rancha Papa.pdf.....y caracteristicasMIP PAPA  Rancha Papa.pdf.....y caracteristicas
MIP PAPA Rancha Papa.pdf.....y caracteristicas
jheisonraulmedinafer
 
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
AracelidelRocioOrdez
 
Proceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de PamplonaProceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de Pamplona
Edurne Navarro Bueno
 
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
rosannatasaycoyactay
 
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de MadridHorarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
20minutos
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
20minutos
 
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdfHABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
DIANADIAZSILVA1
 

Último (20)

corpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdfcorpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdf
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcional
 
Portafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPNPortafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPN
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
 
Testimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdfTestimonio Paco Z PATRONATO_Valencia_24.pdf
Testimonio Paco Z PATRONATO_Valencia_24.pdf
 
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
 
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezPRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
 
Educar por Competencias GS2 Ccesa007.pdf
Educar por Competencias GS2 Ccesa007.pdfEducar por Competencias GS2 Ccesa007.pdf
Educar por Competencias GS2 Ccesa007.pdf
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
 
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdfINFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
 
MIP PAPA Rancha Papa.pdf.....y caracteristicas
MIP PAPA  Rancha Papa.pdf.....y caracteristicasMIP PAPA  Rancha Papa.pdf.....y caracteristicas
MIP PAPA Rancha Papa.pdf.....y caracteristicas
 
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
 
Proceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de PamplonaProceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de Pamplona
 
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
3° UNIDAD 3 CUIDAMOS EL AMBIENTE RECICLANDO EN FAMILIA 933623393 PROF YESSENI...
 
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de MadridHorarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
 
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdfHABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
 

Diseño Web

  • 1. Diseño Web “Informatica y Redes de Aprendizaje” Diana Vargas
  • 2. Introducción El “Diseño web" se refiere a la actividad de organizar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. En esta presentación veremos los objetivos de las páginas web, características, iconos, etc.
  • 3. Objetivos para cada página El objetivo del diseño web es realzar la imagen de una compañía u organización a través de elementos gráficos con el objeto de reforzar su identidad visual y despertar una sensación de confianza en el usuario. Un sitio web debe cubrir las expectativas del usuario y permitirle encontrar fácilmente la información que busca.
  • 4. Objetivos del sito • Debemos bien determinar cual será el objetivo principal que tendrá nuestro sitio web, para lo cual se debe intentar lograr establecer una meta en común, pensando en las herramientas y recursos necesarios para lograrlo. • Aún cuando nuestro sitio fue desarrollado por mera recreación, habrá un momento en que debamos idear un objetivo si es que queremos llegar a obtener algo de ese proyecto.
  • 5. Páginas Web Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.
  • 6. Páginas web Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, una persona o un profesional concreto.
  • 7. Elementos de una página web Contenido La página no debe ser atractiva solamente en su parte visual también debe tener un contenido interesante que atraiga lectores. Texto El texto es el elemento más significativo de cualquier sitio Web porque los usuarios navegan por la Web fundamentalmente en busca de información expresada en texto. Imágenes Las imágenes constituyen un elemento esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y personal
  • 8. Elementos de una página web Botones e iconos Utilizar botones prácticos y representativos, así como iconos grandes y vistosos aumenta la facilidad de navegación en la página y se dan una guía clara a los usuarios. Animaciones y movimiento Para generar una sensación de dinamismo, es bueno utilizar elementos animados. Pero es importante no excederse con los elementos móviles. Sobriedad Una página debe permitir una fácil visualización de los contenidos (videos, imágenes, textos), saturar al cibernauta es contraproducente, si la información o contenido tarda en ser cargado es una visita menos
  • 9. Características • Utilidad. El contenido debe de ser útil para el usuario y relacionado con su búsqueda y temáticas del sitio. • Facilidad de navegación. No saber donde está el usuario en cada momento y no encontrar la información rápidamente es otro aspecto que hará al navegante cansarse y abandonar el sitio • Apariencia. La apariencia de un sitio es fundamental. Ten en cuenta tus colores corporativos, pero no uses colores fuertes ya que causan fatiga y rechazo • Estructura clara. La información mostrada debe de estar bien estructurada, haciéndo que esta se presente de manera clara. Un aspecto a tener en cuenta es la posición de la información y la longitud de esta, ya que el usuario tiende a cansarse • Información actualizada, sencilla, creíble y concisa. La información deberá ser lo más sencilla y concisa posible, pero suficiente. También deberá ser creíble • Rapidez de descarga. Páginas que tardan demasiado en cargar están abocadas al fracaso.
  • 10. Características • Pocos clicks. Fundamental. Cuanto más rápido, mejor. • Evita malos hábitos. Registros innecesarios, ventanas emergentes, obligarietoridad de instalar software, enlaces que no funcionan, contenido que no existe, etc. Son elementos que mayor rechazo provocan entre los internautas • Interactividad. En la era social, la web también ha de serlo. El usuario ya no solo demanda información sino, además, la posibilidad de interactuar en la misma página • Información de contacto. Su sitio ganará en crediblidad y confianza al ofrecer información de contacto de su empresa.
  • 11. Iconos Los iconos son pequeños elementos que pueden hacer una gran diferencia y darle un toque más profesional a tu sitio si los utilizas de manera correcta. Las posiciones de estos no suelen ser específicas, ya que dependiendo del diseño pueden variar. También los íconos facilitan el uso del sitio, haciéndolo más amigable, intuitivo y fácil de navegar para las visitas. Cuando una visita observa un ícono, asume que es un elemento de navegación y luego hace clic para conseguir el efecto deseado.
  • 12. Iconos Los iconos sociales Podemos distinguir entre los iconos sociales para compartir los contenidos, y los iconos que representan los perfiles sociales de la empresa. Los iconos sociales simbolizan la presencia de la empresa en las redes sociales. Si nuestra empresa está presente en las redes sociales, tenemos que dejarlo claro en la página web corporativa.