SlideShare una empresa de Scribd logo
1 de 12
Guías de diseño gráfico




http://ucab-informaticaii.blogspot.com
Guías de diseño gráfico / Errores frecuentes


   Mala Navegación / Usabilidad
Nada genera más frustración en un visitante que un
sitio web difícil de navegar. La navegación compleja
o inconsistente hará que el visitante se sienta
perdido o incluso enojado, emociones que
definitivamente debemos evitar.

                                 Fuente: http://www.kissmetrics.com
Qué no hacer                                 Cómo arreglarlo
                                               La navegación de su sitio
No provea elementos                            web debe ser
visuales que no ayuden al                      lógica, intuitiva y fácil de
usuario a ubicarse y que                       comprender
cosas puede hacer.
                                               Agrupe los elementos de
                                               navegación en un área
No disperse la navegación a                    importante de la página
lo largo de la página




No esconda los link en medio
de mucho texto




No use textos genéricos para
sus vínculos.




                               Fuente: http://www.kissmetrics.com
Guías de diseño gráfico / Errores frecuentes


                Demasiados Anuncios
Colocar una gran cantidad de anuncios publicitarios
que ocupen una gran cantidad de la pantalla
terminará por espantar a los visitante.



                                 Fuente: http://www.kissmetrics.com
Qué no hacer                                    Cómo arreglarlo
                                                    Colocar anuncios en
                                                    su página web es una
Los anuncios no deben ser la
                                                    forma legítima de
primera cosa que vea el
                                                    ganar dinero, sin
usuario
                                                    embargo debe
                                                    mantener el buen
                                                    gusto y la discreción
                                                    para no molestar a los
                                                    usuarios.




 Los pop up no deben cubrir el
 contenido importante




 No coloque anuncios que
 ocupen más espacio que su
 contenido




                                 Fuente: http://www.kissmetrics.com
Guías de diseño gráfico / Errores frecuentes


 Mala estructura de contenidos
Una mala estructura de contenidos puede destruir
la tasa de retención de usuarios. La información
debe ser accesible en la menor cantidad de clic
posible


                                 Fuente: http://www.kissmetrics.com
Qué no hacer                                 Cómo arreglarlo
                                              Los usuarios no debes estar
 No complique la cosas                        pescando el contenido que
 distribuyendo en contenido                   les interesa
 en varias páginas si puede
 estar junto                                  Agrupe los contenidos
                                              similares de manera clara y
                                              concisa

                                              Destaque los títulos,
  No de olvide de colocar                     subtítulos y palabras clave.
  títulos y textos
  introductorios donde
  aplique




                              Fuente: http://www.kissmetrics.com
Guías de diseño gráfico / Errores frecuentes


            Música y audio intrusivo
La gente aprecia que contenido desea absorber,
colocar videos o audios que comienza a correr
automáticamente puede molestar a algunas
personas


                                 Fuente: http://www.kissmetrics.com
Guías de diseño gráfico / Errores frecuentes


                    La cajita de registro
No se debe pedir a los usuarios que se registren
antes de ver el contenido del sitio es como colocar
una barrera física.



                                 Fuente: http://www.kissmetrics.com
Guías de diseño gráfico / Errores frecuentes


   Contenido aburrido, diseño aburrido
Un sitio aburrido y sin interactividad nunca podrá
crear una experiencia memorable para el visitante.
Algunos datos sugieren que el 40% de los visitantes
no regresa a un sitio web si ha tenido una
experiencia negativa.

                                 Fuente: http://www.kissmetrics.com
Guías de diseño gráfico / Errores frecuentes


                              Mala Legibilidad
Malas tipografías, malas combinaciones de colores y
demasiadas fuentes contribuyen a la mala
legibilidad y por ende a una mala experiencia de
usuario


                                 Fuente: http://www.kissmetrics.com
Guías de diseño gráfico / Errores frecuentes


                        Pocas Actualizaciones
Los sitios web deben estar actualizados, de nada
sirve el buen diseño y la interactividad si el visitante
se encuentra con un contenido viejo.



                                   Fuente: http://www.kissmetrics.com

Más contenido relacionado

La actualidad más candente

Diseño Web Profesional
Diseño Web ProfesionalDiseño Web Profesional
Diseño Web ProfesionalDomestika
 
Sistema de Gestion de Contenidos Web
Sistema de Gestion de Contenidos WebSistema de Gestion de Contenidos Web
Sistema de Gestion de Contenidos WebLiliana Pages
 
Presencia web pyme
Presencia web pymePresencia web pyme
Presencia web pymeDomestika
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosRoger Crunch
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas websara paredes
 
Pp
PpPp
PpADZM
 
Buenas practicas en programacion web
Buenas practicas en programacion webBuenas practicas en programacion web
Buenas practicas en programacion webCésar Jodra
 
Pautas de un diseño Web para Niños
Pautas de un diseño Web para NiñosPautas de un diseño Web para Niños
Pautas de un diseño Web para NiñosJulietheavy
 
Responsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarciaResponsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarciaJano Garcia
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front endDavid Hurtado
 
Jessica ximena narváez estrada
Jessica ximena narváez estradaJessica ximena narváez estrada
Jessica ximena narváez estradaJessik Narváez
 

La actualidad más candente (18)

Diseño Web Profesional
Diseño Web ProfesionalDiseño Web Profesional
Diseño Web Profesional
 
Sistema de Gestion de Contenidos Web
Sistema de Gestion de Contenidos WebSistema de Gestion de Contenidos Web
Sistema de Gestion de Contenidos Web
 
Lavoratorio
LavoratorioLavoratorio
Lavoratorio
 
Presencia web pyme
Presencia web pymePresencia web pyme
Presencia web pyme
 
Preguntas generadoras 9 semestre
Preguntas generadoras 9 semestrePreguntas generadoras 9 semestre
Preguntas generadoras 9 semestre
 
Fundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivosFundamentos del diseño gráfico para web e interactivos
Fundamentos del diseño gráfico para web e interactivos
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Diseño Web 02
Diseño Web 02Diseño Web 02
Diseño Web 02
 
Pp
PpPp
Pp
 
Buenas practicas en programacion web
Buenas practicas en programacion webBuenas practicas en programacion web
Buenas practicas en programacion web
 
Pautas de un diseño Web para Niños
Pautas de un diseño Web para NiñosPautas de un diseño Web para Niños
Pautas de un diseño Web para Niños
 
Yola
YolaYola
Yola
 
Responsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarciaResponsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarcia
 
La buena
La buenaLa buena
La buena
 
Consulta
ConsultaConsulta
Consulta
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
Yola- Información
Yola- Información Yola- Información
Yola- Información
 
Jessica ximena narváez estrada
Jessica ximena narváez estradaJessica ximena narváez estrada
Jessica ximena narváez estrada
 

Similar a Guías de diseño gráfico

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
 
Diseño y Usabilidad
Diseño y UsabilidadDiseño y Usabilidad
Diseño y UsabilidadDomestika
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
Evaluar un sitio web
Evaluar un sitio webEvaluar un sitio web
Evaluar un sitio webArbelaezGroUP
 
Buenas practicas web
Buenas practicas webBuenas practicas web
Buenas practicas webElio Laureano
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Alexa Zárrate
 
Errores al contratar a un Diseñador Web
Errores al contratar a un Diseñador WebErrores al contratar a un Diseñador Web
Errores al contratar a un Diseñador WebChristiam Alvarado
 
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
 
Actividad uno
Actividad unoActividad uno
Actividad unoanylj15
 
10 pasos para una web exitosa
10 pasos para una web exitosa 10 pasos para una web exitosa
10 pasos para una web exitosa IdeasDigitalesCo
 
10 pasos básicos para realizar una página web de éxito
10 pasos básicos para realizar una página web de éxito 10 pasos básicos para realizar una página web de éxito
10 pasos básicos para realizar una página web de éxito Jessica Tovar
 
Aplicación de conceptos de Internet
Aplicación de conceptos de InternetAplicación de conceptos de Internet
Aplicación de conceptos de InternetAlejandro Sanchez B.
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXAdan Avelar
 
Cómo se habla, se escribe y se vende en los nuevos medios
Cómo se habla, se escribe y se vende en los nuevos mediosCómo se habla, se escribe y se vende en los nuevos medios
Cómo se habla, se escribe y se vende en los nuevos mediosPlaneta Digital 360
 

Similar a Guías de diseño gráfico (20)

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
 
Usabilidad web simo network 2009
Usabilidad web simo network 2009Usabilidad web simo network 2009
Usabilidad web simo network 2009
 
Diseño y Usabilidad
Diseño y UsabilidadDiseño y Usabilidad
Diseño y Usabilidad
 
1 presencia web_empresas_i
1 presencia web_empresas_i1 presencia web_empresas_i
1 presencia web_empresas_i
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Web tips
Web tipsWeb tips
Web tips
 
1.7 y 1.8
1.7 y 1.81.7 y 1.8
1.7 y 1.8
 
Evaluar un sitio web
Evaluar un sitio webEvaluar un sitio web
Evaluar un sitio web
 
Buenas practicas web
Buenas practicas webBuenas practicas web
Buenas practicas web
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
 
Elementos
ElementosElementos
Elementos
 
Errores al contratar a un Diseñador Web
Errores al contratar a un Diseñador WebErrores al contratar a un Diseñador Web
Errores al contratar a un Diseñador 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 marcas
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Actividad uno páginas web
Actividad uno páginas web Actividad uno páginas web
Actividad uno páginas web
 
10 pasos para una web exitosa
10 pasos para una web exitosa 10 pasos para una web exitosa
10 pasos para una web exitosa
 
10 pasos básicos para realizar una página web de éxito
10 pasos básicos para realizar una página web de éxito 10 pasos básicos para realizar una página web de éxito
10 pasos básicos para realizar una página web de éxito
 
Aplicación de conceptos de Internet
Aplicación de conceptos de InternetAplicación de conceptos de Internet
Aplicación de conceptos de Internet
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMX
 
Cómo se habla, se escribe y se vende en los nuevos medios
Cómo se habla, se escribe y se vende en los nuevos mediosCómo se habla, se escribe y se vende en los nuevos medios
Cómo se habla, se escribe y se vende en los nuevos medios
 

Más de Francisco Berrizbeitia

Evaluación de diferentes estrategias de muestreo para tratar el problema de ...
Evaluación de diferentes estrategias de muestreo  para tratar el problema de ...Evaluación de diferentes estrategias de muestreo  para tratar el problema de ...
Evaluación de diferentes estrategias de muestreo para tratar el problema de ...Francisco Berrizbeitia
 
Un enfoque de aprendizaje automático supervisado para el etiquetado de mensaj...
Un enfoque de aprendizaje automático supervisado para el etiquetado de mensaj...Un enfoque de aprendizaje automático supervisado para el etiquetado de mensaj...
Un enfoque de aprendizaje automático supervisado para el etiquetado de mensaj...Francisco Berrizbeitia
 
News construction from microblogging posts using open data
News construction from microblogging posts using open data News construction from microblogging posts using open data
News construction from microblogging posts using open data Francisco Berrizbeitia
 
News construction from microblogging post using open data
News construction from microblogging post using open dataNews construction from microblogging post using open data
News construction from microblogging post using open dataFrancisco Berrizbeitia
 
Trabajo 1 - Definición de un sitio web de contenido multimedia
Trabajo 1 - Definición de un sitio web de contenido multimediaTrabajo 1 - Definición de un sitio web de contenido multimedia
Trabajo 1 - Definición de un sitio web de contenido multimediaFrancisco Berrizbeitia
 
Introducción al el mercadeo en Internet
Introducción al el mercadeo en InternetIntroducción al el mercadeo en Internet
Introducción al el mercadeo en InternetFrancisco Berrizbeitia
 
2013 digital future_in_focus_venezuela
2013 digital future_in_focus_venezuela2013 digital future_in_focus_venezuela
2013 digital future_in_focus_venezuelaFrancisco Berrizbeitia
 
Tiene sentido crear contenido audiovisual para ser difundido exclusivamente ...
Tiene sentido crear contenido audiovisual para ser difundido  exclusivamente ...Tiene sentido crear contenido audiovisual para ser difundido  exclusivamente ...
Tiene sentido crear contenido audiovisual para ser difundido exclusivamente ...Francisco Berrizbeitia
 
Caracterización de la popularidad de los archivos de un wiki a gran escala v3
Caracterización de la popularidad de los archivos de un wiki a gran escala v3Caracterización de la popularidad de los archivos de un wiki a gran escala v3
Caracterización de la popularidad de los archivos de un wiki a gran escala v3Francisco Berrizbeitia
 
Formación en salud y seguridad industrial llave en mano
Formación en salud y seguridad industrial llave en manoFormación en salud y seguridad industrial llave en mano
Formación en salud y seguridad industrial llave en manoFrancisco Berrizbeitia
 
Trabajo 1 - Conceptualización del proyecto de difusión audiovisual
Trabajo 1 - Conceptualización del proyecto de difusión audiovisualTrabajo 1 - Conceptualización del proyecto de difusión audiovisual
Trabajo 1 - Conceptualización del proyecto de difusión audiovisualFrancisco Berrizbeitia
 

Más de Francisco Berrizbeitia (20)

Evaluación de diferentes estrategias de muestreo para tratar el problema de ...
Evaluación de diferentes estrategias de muestreo  para tratar el problema de ...Evaluación de diferentes estrategias de muestreo  para tratar el problema de ...
Evaluación de diferentes estrategias de muestreo para tratar el problema de ...
 
Un enfoque de aprendizaje automático supervisado para el etiquetado de mensaj...
Un enfoque de aprendizaje automático supervisado para el etiquetado de mensaj...Un enfoque de aprendizaje automático supervisado para el etiquetado de mensaj...
Un enfoque de aprendizaje automático supervisado para el etiquetado de mensaj...
 
News construction from microblogging posts using open data
News construction from microblogging posts using open data News construction from microblogging posts using open data
News construction from microblogging posts using open data
 
News construction from microblogging post using open data
News construction from microblogging post using open dataNews construction from microblogging post using open data
News construction from microblogging post using open data
 
Autosimilaridad en vinculaciones
Autosimilaridad en vinculacionesAutosimilaridad en vinculaciones
Autosimilaridad en vinculaciones
 
Vinculaciones autosimilares
Vinculaciones autosimilaresVinculaciones autosimilares
Vinculaciones autosimilares
 
Trabajo 1 - Definición de un sitio web de contenido multimedia
Trabajo 1 - Definición de un sitio web de contenido multimediaTrabajo 1 - Definición de un sitio web de contenido multimedia
Trabajo 1 - Definición de un sitio web de contenido multimedia
 
Introducción al el mercadeo en Internet
Introducción al el mercadeo en InternetIntroducción al el mercadeo en Internet
Introducción al el mercadeo en Internet
 
¿ Cómo empezar con mi sitio web?
¿ Cómo empezar con mi sitio web?¿ Cómo empezar con mi sitio web?
¿ Cómo empezar con mi sitio web?
 
2013 digital future_in_focus_venezuela
2013 digital future_in_focus_venezuela2013 digital future_in_focus_venezuela
2013 digital future_in_focus_venezuela
 
Tiene sentido crear contenido audiovisual para ser difundido exclusivamente ...
Tiene sentido crear contenido audiovisual para ser difundido  exclusivamente ...Tiene sentido crear contenido audiovisual para ser difundido  exclusivamente ...
Tiene sentido crear contenido audiovisual para ser difundido exclusivamente ...
 
Caracterización de la popularidad de los archivos de un wiki a gran escala v3
Caracterización de la popularidad de los archivos de un wiki a gran escala v3Caracterización de la popularidad de los archivos de un wiki a gran escala v3
Caracterización de la popularidad de los archivos de un wiki a gran escala v3
 
Formación en salud y seguridad industrial llave en mano
Formación en salud y seguridad industrial llave en manoFormación en salud y seguridad industrial llave en mano
Formación en salud y seguridad industrial llave en mano
 
Listado de cursos manual rse
Listado de cursos manual rseListado de cursos manual rse
Listado de cursos manual rse
 
Text mining
Text miningText mining
Text mining
 
AID Aprendizaje - Nosotros
AID Aprendizaje - NosotrosAID Aprendizaje - Nosotros
AID Aprendizaje - Nosotros
 
Keylight ae user guide
Keylight ae user guideKeylight ae user guide
Keylight ae user guide
 
Personalizacion de blogspot
Personalizacion de blogspotPersonalizacion de blogspot
Personalizacion de blogspot
 
Trabajo 1 - Conceptualización del proyecto de difusión audiovisual
Trabajo 1 - Conceptualización del proyecto de difusión audiovisualTrabajo 1 - Conceptualización del proyecto de difusión audiovisual
Trabajo 1 - Conceptualización del proyecto de difusión audiovisual
 
Clase 3 estrategias de difusion
Clase 3   estrategias de difusionClase 3   estrategias de difusion
Clase 3 estrategias de difusion
 

Guías de diseño gráfico

  • 1. Guías de diseño gráfico http://ucab-informaticaii.blogspot.com
  • 2. Guías de diseño gráfico / Errores frecuentes Mala Navegación / Usabilidad Nada genera más frustración en un visitante que un sitio web difícil de navegar. La navegación compleja o inconsistente hará que el visitante se sienta perdido o incluso enojado, emociones que definitivamente debemos evitar. Fuente: http://www.kissmetrics.com
  • 3. Qué no hacer Cómo arreglarlo La navegación de su sitio No provea elementos web debe ser visuales que no ayuden al lógica, intuitiva y fácil de usuario a ubicarse y que comprender cosas puede hacer. Agrupe los elementos de navegación en un área No disperse la navegación a importante de la página lo largo de la página No esconda los link en medio de mucho texto No use textos genéricos para sus vínculos. Fuente: http://www.kissmetrics.com
  • 4. Guías de diseño gráfico / Errores frecuentes Demasiados Anuncios Colocar una gran cantidad de anuncios publicitarios que ocupen una gran cantidad de la pantalla terminará por espantar a los visitante. Fuente: http://www.kissmetrics.com
  • 5. Qué no hacer Cómo arreglarlo Colocar anuncios en su página web es una Los anuncios no deben ser la forma legítima de primera cosa que vea el ganar dinero, sin usuario embargo debe mantener el buen gusto y la discreción para no molestar a los usuarios. Los pop up no deben cubrir el contenido importante No coloque anuncios que ocupen más espacio que su contenido Fuente: http://www.kissmetrics.com
  • 6. Guías de diseño gráfico / Errores frecuentes Mala estructura de contenidos Una mala estructura de contenidos puede destruir la tasa de retención de usuarios. La información debe ser accesible en la menor cantidad de clic posible Fuente: http://www.kissmetrics.com
  • 7. Qué no hacer Cómo arreglarlo Los usuarios no debes estar No complique la cosas pescando el contenido que distribuyendo en contenido les interesa en varias páginas si puede estar junto Agrupe los contenidos similares de manera clara y concisa Destaque los títulos, No de olvide de colocar subtítulos y palabras clave. títulos y textos introductorios donde aplique Fuente: http://www.kissmetrics.com
  • 8. Guías de diseño gráfico / Errores frecuentes Música y audio intrusivo La gente aprecia que contenido desea absorber, colocar videos o audios que comienza a correr automáticamente puede molestar a algunas personas Fuente: http://www.kissmetrics.com
  • 9. Guías de diseño gráfico / Errores frecuentes La cajita de registro No se debe pedir a los usuarios que se registren antes de ver el contenido del sitio es como colocar una barrera física. Fuente: http://www.kissmetrics.com
  • 10. Guías de diseño gráfico / Errores frecuentes Contenido aburrido, diseño aburrido Un sitio aburrido y sin interactividad nunca podrá crear una experiencia memorable para el visitante. Algunos datos sugieren que el 40% de los visitantes no regresa a un sitio web si ha tenido una experiencia negativa. Fuente: http://www.kissmetrics.com
  • 11. Guías de diseño gráfico / Errores frecuentes Mala Legibilidad Malas tipografías, malas combinaciones de colores y demasiadas fuentes contribuyen a la mala legibilidad y por ende a una mala experiencia de usuario Fuente: http://www.kissmetrics.com
  • 12. Guías de diseño gráfico / Errores frecuentes Pocas Actualizaciones Los sitios web deben estar actualizados, de nada sirve el buen diseño y la interactividad si el visitante se encuentra con un contenido viejo. Fuente: http://www.kissmetrics.com