SlideShare una empresa de Scribd logo
1 de 9
DAVID ALEXANDER URREGO ANGEL
         PUBLICIDAD Y MERCADEO
ANALISIS

   EN EL MOMENTO DE DISEÑAR UNA WEB DEBEMOS
   TENER EN CUENTA VARIOS ASPECTOS QUE SON DE
   GRAN IMPORTANCIA PARA QUE NUESTROS USARIOS
   NOS PREFIERAN O POR LO MENOS TENGA INTERES
   DE NAVEGAR Y ENTRAR A NUESTRO SITIO.
   UNO DE LOS ASPECTOS MÁS IMPORTANTES ES EL DE
   TENER IMPACTO VISUAL EN LA PANTALLA DEL
   ORDENADOR DESDE EL MOMENTO QUE SE INGRESA
   AL SITIO Y DURANTE TODO EL RECORRIDO.
ANALISIS

   ESTE RECORRIDO DEBE CAUSAR SENSACIONES PARA
   QUE NUESTROS USUARIOS SE SIENTAN ATRAIDOS Y
   SE CONVIERTAN EN DIVULGADORES ANTE LAS DEMAS
   PERSONAS Y GENERAR LOS OBJETIVOS QUE NOS
   HAYAMOS PUESTO EN LA CRACIÓN DE NUESTRA WEB.
   CUANDO INGRESAMOS A DIFERENTES PÁGINAS HAY
   COSAS QUE VAN IMPLICITAS PERO QUE SE VEN
   REFLEJADAS EN NUESTRO COMPORTAMIENTO Y EN
   LA FORMA DE USARLA.
ANALISIS

   LA TIPOGRAFÍA Y LOS COLORES QUE MANEJEMOS ES
   UNA DE ELLAS, CUANDO ENCONTRAMOS SATURACIÓN
   EN LOS COLORES Y TIPOGRAFÍAS DIFÍCILES DE
   ENTENDER    O    DE   VER    PREFEREMINOS    NO
   DESGASTARNOS Y SIMPLEMENTE VAMOS A OTRO
   SITIO.
   LA LECTURA DEL LIBRO NOS DA UN PANORAMA DE
   CUÁL ES LA MEJOR MANERA DE DISEÑAR UNA
   PANTALLA LIMPIA, LLAMATIVA Y ATRACTIVA PARA LOS
   USUARIOS
ANALISIS


  POR EJEMPLO DEBEMOS CUIDAR LOS COLORES QUE
  ESCOGEMOS DENTRO DE LA GRAN CANTIDAD QUE
  EXISTEN PARA ELEGIR, YA QUE EL ABUSO DE ESTAS
  GENERA SATURACIÓN, DEBEMOS TENER EN CUENTA A
  QUIEN NOS DIRIGIMOS Y DE ESTA MANERA PLANEAR
  COMO VAMOS A DISEÑAR, EN EL SIGUIENTE EJEMPLO
  VEMOS      COMO      SE   MANEJAN     COLORES
  FRESCOS, COLORES DIRIGIDOS A DOS GENEROS
  PARA QUE NO HAYA DISCRIMINACIÓN, ES UNA PÁGINA
  LIMPIA, SUAVE Y NO SATURADA
ANALISIS




Fondos
fríos      y
suaves que
no generan
saturación




               Manejan el color rosado y azul dirigido a los dos géneros
ANALISIS


           Colores en la
           Tipografía que la
           Hacen No legible

            Saturación de
            Visual con Imág
            y una no Correc
            Estructura de la
            página
ANALISIS


   ADICIONAL A LOS COLORES DEBEMOS TENER EN
   CUENTA UNA CORRECTA ARQUITECTURA EN ÉL PARA
   QUE SE FACILITE LA NAVEGACIÓN , CLARO ESTÁ QUE
   DEBEMOS TENER EN CUENTA LA CORRETA
   TIPOGRAFÍA SIN TERMINACIONES SIN ADORNOS Y SIN
   COSAS QUE DIFICULTE LA LECTURABILIDAD, SI
   USAMOS CURSIVA TENER EN CUENTA EL GROSOR LOS
   BORDES ETC.

  EN SÍ LO QUE DEBEMOS HACER ES FACILITARLE AL
  USUARIO LA NAVEGACIÓN PARA QUE PUEDA
  ENTENDER LO QUE QUEREMOS COMUNICARLE
ANALISIS
                                                Tipografía ancha normal
                                                Que hace que sea legible




                                                            Colores cálidos
                                                            Que no saturan



  Estructura en la arquitectura como longitud
  De la línea y cantidad de texto moderada

Más contenido relacionado

Similar a Diseño web atractivo: aspectos para impacto visual y navegabilidad

Similar a Diseño web atractivo: aspectos para impacto visual y navegabilidad (9)

Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas ok
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantalla
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantalla
 
Tipografia
TipografiaTipografia
Tipografia
 
Maslow
MaslowMaslow
Maslow
 
Lectura1_Diseño web y web 2.0
Lectura1_Diseño web y web 2.0Lectura1_Diseño web y web 2.0
Lectura1_Diseño web y web 2.0
 
Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 

Más de durrego

Diseño del blog
Diseño del blogDiseño del blog
Diseño del blogdurrego
 
Retículos para pantalla
Retículos para pantallaRetículos para pantalla
Retículos para pantalladurrego
 
Formatos
FormatosFormatos
Formatosdurrego
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitariodurrego
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñodurrego
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñodurrego
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñodurrego
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñodurrego
 

Más de durrego (9)

Diseño del blog
Diseño del blogDiseño del blog
Diseño del blog
 
Retículos para pantalla
Retículos para pantallaRetículos para pantalla
Retículos para pantalla
 
Formatos
FormatosFormatos
Formatos
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 
Layout
LayoutLayout
Layout
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 

Último

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
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
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
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
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
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
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
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 

Último (20)

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
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
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...
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.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
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
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
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 

Diseño web atractivo: aspectos para impacto visual y navegabilidad

  • 1. DAVID ALEXANDER URREGO ANGEL PUBLICIDAD Y MERCADEO
  • 2. ANALISIS EN EL MOMENTO DE DISEÑAR UNA WEB DEBEMOS TENER EN CUENTA VARIOS ASPECTOS QUE SON DE GRAN IMPORTANCIA PARA QUE NUESTROS USARIOS NOS PREFIERAN O POR LO MENOS TENGA INTERES DE NAVEGAR Y ENTRAR A NUESTRO SITIO. UNO DE LOS ASPECTOS MÁS IMPORTANTES ES EL DE TENER IMPACTO VISUAL EN LA PANTALLA DEL ORDENADOR DESDE EL MOMENTO QUE SE INGRESA AL SITIO Y DURANTE TODO EL RECORRIDO.
  • 3. ANALISIS ESTE RECORRIDO DEBE CAUSAR SENSACIONES PARA QUE NUESTROS USUARIOS SE SIENTAN ATRAIDOS Y SE CONVIERTAN EN DIVULGADORES ANTE LAS DEMAS PERSONAS Y GENERAR LOS OBJETIVOS QUE NOS HAYAMOS PUESTO EN LA CRACIÓN DE NUESTRA WEB. CUANDO INGRESAMOS A DIFERENTES PÁGINAS HAY COSAS QUE VAN IMPLICITAS PERO QUE SE VEN REFLEJADAS EN NUESTRO COMPORTAMIENTO Y EN LA FORMA DE USARLA.
  • 4. ANALISIS LA TIPOGRAFÍA Y LOS COLORES QUE MANEJEMOS ES UNA DE ELLAS, CUANDO ENCONTRAMOS SATURACIÓN EN LOS COLORES Y TIPOGRAFÍAS DIFÍCILES DE ENTENDER O DE VER PREFEREMINOS NO DESGASTARNOS Y SIMPLEMENTE VAMOS A OTRO SITIO. LA LECTURA DEL LIBRO NOS DA UN PANORAMA DE CUÁL ES LA MEJOR MANERA DE DISEÑAR UNA PANTALLA LIMPIA, LLAMATIVA Y ATRACTIVA PARA LOS USUARIOS
  • 5. ANALISIS POR EJEMPLO DEBEMOS CUIDAR LOS COLORES QUE ESCOGEMOS DENTRO DE LA GRAN CANTIDAD QUE EXISTEN PARA ELEGIR, YA QUE EL ABUSO DE ESTAS GENERA SATURACIÓN, DEBEMOS TENER EN CUENTA A QUIEN NOS DIRIGIMOS Y DE ESTA MANERA PLANEAR COMO VAMOS A DISEÑAR, EN EL SIGUIENTE EJEMPLO VEMOS COMO SE MANEJAN COLORES FRESCOS, COLORES DIRIGIDOS A DOS GENEROS PARA QUE NO HAYA DISCRIMINACIÓN, ES UNA PÁGINA LIMPIA, SUAVE Y NO SATURADA
  • 6. ANALISIS Fondos fríos y suaves que no generan saturación Manejan el color rosado y azul dirigido a los dos géneros
  • 7. ANALISIS Colores en la Tipografía que la Hacen No legible Saturación de Visual con Imág y una no Correc Estructura de la página
  • 8. ANALISIS ADICIONAL A LOS COLORES DEBEMOS TENER EN CUENTA UNA CORRECTA ARQUITECTURA EN ÉL PARA QUE SE FACILITE LA NAVEGACIÓN , CLARO ESTÁ QUE DEBEMOS TENER EN CUENTA LA CORRETA TIPOGRAFÍA SIN TERMINACIONES SIN ADORNOS Y SIN COSAS QUE DIFICULTE LA LECTURABILIDAD, SI USAMOS CURSIVA TENER EN CUENTA EL GROSOR LOS BORDES ETC. EN SÍ LO QUE DEBEMOS HACER ES FACILITARLE AL USUARIO LA NAVEGACIÓN PARA QUE PUEDA ENTENDER LO QUE QUEREMOS COMUNICARLE
  • 9. ANALISIS Tipografía ancha normal Que hace que sea legible Colores cálidos Que no saturan Estructura en la arquitectura como longitud De la línea y cantidad de texto moderada