SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
10 claves para
un buen diseño Web
1 – La fuerza de la home
• La página de inicio es la puerta de entrada y presentación de tu
Web.
• En un par de segundos debe resultar atractiva al usuario para
conseguir que se quede y descubra todo el contenido.
• La home debe ser clara, mostrar imagen de marca, centrada en los
contenidos de mayor relevancia y sin otras distracciones.
2 – Concordancia con la marca
• La imagen que una marca muestra en Internet debe concordar
con la imagen que muestra en el mundo offline.
• Los valores y objetivos de una Web deben quedar claros en la
imagen.
• Los usuarios ganan más confianza cuando no perciben
incoherencias.
• El logotipo es una pieza muy importante para presentar la
esencia de una marca en una sola imagen.
3 – Agrupar contenidos
• El usuario debe comprender el mensaje de la Web de forma sencilla.
• Los contenidos deben agruparse de forma lógica y simple.
• Agrupar contenidos en cápsulas de información claras es la mejor
forma de conseguir que el usuario comprenda el mensaje.
4 – Jerarquía de contenidos
• Es importante establecer una jerarquía de contenidos, tener
claro qué es lo que nos interesa destacar.
• Establecer de forma clara la sección bajo la que se quiere
mostrar cada contenido ayuda a que los usuario puedan
escanear fácilmente una Web.
5 – Tiempo de carga
• El tiempo de carga es uno de los factores claves de un buen
diseño Web.
• El acceso a la Web no debe tardar más de 4 segundos.
• El tiempo de carga es importante en todas las páginas de la
Web, no solo en la home.
• Algunos consejos para reducir el tiempo de carga:
• Optimizar las imágenes
• Comprimir el código de programación
6 – Diseño responsivo
• La página Web debe resultar atractiva y fácil de leer
independientemente del dispositivo desde el que se acceda a
ella.
• Gracias al diseño responsivo la Web se adapta a cualquier
tamaño de pantalla.
7 – Datos de contacto
• Los datos de contacto deben de aparecer siempre en una Web,
aunque se trate de un negocio online.
• Los usuarios perciben con mayor confianza una Web que facilita
todos sus datos y con la que se puede contactar de diferentes
formas.
• Dirección física, teléfono, e-mail, foros y cuentas en redes sociales.
8 – Contenido de calidad
• No sirve de nada jerarquizar bien el contenido si éste no es de
calidad.
• El contenido debe ser relevante, innovador, atractivo y
fresco.
• Una Web debe ofrecer el contenido que un usuario busca para
conseguir que permanezca en ella más tiempo y decida volver
en el futuro.
• Es importante tener en cuenta que el contenido no es solo
texto, también lo son las imágenes, los vídeos, los gráficos…
9 – Comunicación visual
• «Una imagen vale más que mil palabras» y más aún en el mundo
actual saturado de información.
• Los elementos gráficos son muy importantes, ofrecen información
rápida y no requieren mucho esfuerzo por parte del usuario.
• Vigila la presentación de las imágenes, deben tener el tamaño
adecuado y no pixelarse.
10 – SEO
• El SEO no es una parte del diseño Web, en realidad es un
complemento indispensable para obtener de ella los
resultados que esperamos.
• Seguir las pautas que más gustan a Google en cuanto a
estructura, organización y contenido ayudarán a un buen
posicionamiento de la Web.
• Gracias a un buen desarrollo SEO se conseguirá una
indexación óptima por parte de Google y los usuarios podrán
acceder más rápido a nuestro contenido.

Más contenido relacionado

La actualidad más candente

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
 
Las características y las partes que debe tener un sitio web
Las características y las partes  que debe tener un sitio web Las características y las partes  que debe tener un sitio web
Las características y las partes que debe tener un sitio web HUGOJAREDSANCHEZMARTINEZ
 
web....animacion on-line
web....animacion on-lineweb....animacion on-line
web....animacion on-linejonny0107
 
Resumen de pasos básicos generar una página web
Resumen de pasos básicos generar una página webResumen de pasos básicos generar una página web
Resumen de pasos básicos generar una página webDiego Trujillo
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Webmarissa
 
Wpo para wordpress josé antonio esteve sáez - meetup wp murcia
Wpo para wordpress   josé antonio esteve sáez - meetup wp murciaWpo para wordpress   josé antonio esteve sáez - meetup wp murcia
Wpo para wordpress josé antonio esteve sáez - meetup wp murciaJose Antonio Esteve Saez
 

La actualidad más candente (14)

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
 
Las características y las partes que debe tener un sitio web
Las características y las partes  que debe tener un sitio web Las características y las partes  que debe tener un sitio web
Las características y las partes que debe tener un sitio web
 
web....animacion on-line
web....animacion on-lineweb....animacion on-line
web....animacion on-line
 
Widison
WidisonWidison
Widison
 
Resumen de pasos básicos generar una página web
Resumen de pasos básicos generar una página webResumen de pasos básicos generar una página web
Resumen de pasos básicos generar una página web
 
LA WEB
LA WEBLA WEB
LA WEB
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Usabilidad para sitios móviles #Devhangout
Usabilidad para sitios móviles   #DevhangoutUsabilidad para sitios móviles   #Devhangout
Usabilidad para sitios móviles #Devhangout
 
Elementos
ElementosElementos
Elementos
 
Navegadores
NavegadoresNavegadores
Navegadores
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
 
Sitios Web
Sitios Web Sitios Web
Sitios Web
 
Wpo para wordpress josé antonio esteve sáez - meetup wp murcia
Wpo para wordpress   josé antonio esteve sáez - meetup wp murciaWpo para wordpress   josé antonio esteve sáez - meetup wp murcia
Wpo para wordpress josé antonio esteve sáez - meetup wp murcia
 
Planificacion de una pagina web
Planificacion de una pagina webPlanificacion de una pagina web
Planificacion de una pagina web
 

Destacado

Miss Gay [autosaved]
Miss Gay [autosaved]Miss Gay [autosaved]
Miss Gay [autosaved]chaggoy
 
smithfield food 2004 AR
smithfield food  2004 ARsmithfield food  2004 AR
smithfield food 2004 ARfinance23
 
Dusseiller on Hackteria - MAT seminar, UCSB
Dusseiller on Hackteria - MAT seminar, UCSBDusseiller on Hackteria - MAT seminar, UCSB
Dusseiller on Hackteria - MAT seminar, UCSBMarc Dusseiller Dusjagr
 
IT-PS Performance Monitoring Solution
IT-PS Performance Monitoring SolutionIT-PS Performance Monitoring Solution
IT-PS Performance Monitoring SolutionKlaus Haderer
 
Presentación Corporativa Projar Group
Presentación Corporativa Projar GroupPresentación Corporativa Projar Group
Presentación Corporativa Projar GroupProjarGroup
 
Ecosistemes 1el-biòtop
Ecosistemes 1el-biòtopEcosistemes 1el-biòtop
Ecosistemes 1el-biòtopmgene4
 
Planificacionygestiondeemprendimientos
PlanificacionygestiondeemprendimientosPlanificacionygestiondeemprendimientos
Planificacionygestiondeemprendimientosmarleroc
 
11 pede guarenas-guatire
11 pede guarenas-guatire11 pede guarenas-guatire
11 pede guarenas-guatireOyudina
 
Industrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netIndustrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netPankaj Kushwaha
 
Product & services of soneri bank
Product & services of soneri bankProduct & services of soneri bank
Product & services of soneri bankM. Umair
 
Ríos principales de la República Dominicana
Ríos principales de la República DominicanaRíos principales de la República Dominicana
Ríos principales de la República DominicanaLedy Cabrera
 

Destacado (20)

Miss Gay [autosaved]
Miss Gay [autosaved]Miss Gay [autosaved]
Miss Gay [autosaved]
 
smithfield food 2004 AR
smithfield food  2004 ARsmithfield food  2004 AR
smithfield food 2004 AR
 
Resolución 089 2015
Resolución 089 2015Resolución 089 2015
Resolución 089 2015
 
Twitter Bots
Twitter BotsTwitter Bots
Twitter Bots
 
Dusseiller on Hackteria - MAT seminar, UCSB
Dusseiller on Hackteria - MAT seminar, UCSBDusseiller on Hackteria - MAT seminar, UCSB
Dusseiller on Hackteria - MAT seminar, UCSB
 
IT-PS Performance Monitoring Solution
IT-PS Performance Monitoring SolutionIT-PS Performance Monitoring Solution
IT-PS Performance Monitoring Solution
 
Vera Bradley
Vera BradleyVera Bradley
Vera Bradley
 
International experience with GHG and FE standards
International experience with GHG and FE standardsInternational experience with GHG and FE standards
International experience with GHG and FE standards
 
Presentación Corporativa Projar Group
Presentación Corporativa Projar GroupPresentación Corporativa Projar Group
Presentación Corporativa Projar Group
 
Ecosistemes 1el-biòtop
Ecosistemes 1el-biòtopEcosistemes 1el-biòtop
Ecosistemes 1el-biòtop
 
El chavillo 9
El chavillo 9El chavillo 9
El chavillo 9
 
Autocad toan tap
Autocad toan tapAutocad toan tap
Autocad toan tap
 
Planificacionygestiondeemprendimientos
PlanificacionygestiondeemprendimientosPlanificacionygestiondeemprendimientos
Planificacionygestiondeemprendimientos
 
11 pede guarenas-guatire
11 pede guarenas-guatire11 pede guarenas-guatire
11 pede guarenas-guatire
 
Alunoespanholv3baixa 130131135246-phpapp02
Alunoespanholv3baixa 130131135246-phpapp02Alunoespanholv3baixa 130131135246-phpapp02
Alunoespanholv3baixa 130131135246-phpapp02
 
Industrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netIndustrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.net
 
Vitrinismo y Escaparatismo
Vitrinismo y EscaparatismoVitrinismo y Escaparatismo
Vitrinismo y Escaparatismo
 
Product & services of soneri bank
Product & services of soneri bankProduct & services of soneri bank
Product & services of soneri bank
 
Ríos principales de la República Dominicana
Ríos principales de la República DominicanaRíos principales de la República Dominicana
Ríos principales de la República Dominicana
 
UD7 - La Composición
UD7 - La ComposiciónUD7 - La Composición
UD7 - La Composición
 

Similar a 10 claves para un buen diseño Web

Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
Tema 3: Diseño - Desarrollo
Tema 3:   Diseño - DesarrolloTema 3:   Diseño - Desarrollo
Tema 3: Diseño - Desarrollopromperuvirtual
 
La importancia del desarrollo web profesional
La importancia del desarrollo web profesionalLa importancia del desarrollo web profesional
La importancia del desarrollo web profesionalDesarrolloWebProfesional
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)iMaryferGaitan
 
Marketing online – manos a la obra
Marketing online – manos a la obraMarketing online – manos a la obra
Marketing online – manos a la obraEmakumeEkin
 
6 claves para un diseño web exitoso
6 claves para un diseño web exitoso6 claves para un diseño web exitoso
6 claves para un diseño web exitosoItotalWeb.com
 
características y las partes que debe tener un sitio web
 características y las partes que debe tener un sitio web características y las partes que debe tener un sitio web
características y las partes que debe tener un sitio webabigailhernandez123
 
Actividad uno
Actividad unoActividad uno
Actividad unoanylj15
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXJavier da Costa
 
Recursos gratuitos para crear tu web
Recursos gratuitos para crear tu webRecursos gratuitos para crear tu web
Recursos gratuitos para crear tu webVictor Canito
 
Infoxicados taller community manager 1
Infoxicados taller community manager 1Infoxicados taller community manager 1
Infoxicados taller community manager 1El Portico
 

Similar a 10 claves para un buen diseño Web (20)

Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Paola
PaolaPaola
Paola
 
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
 
Tema 3: Diseño - Desarrollo
Tema 3:   Diseño - DesarrolloTema 3:   Diseño - Desarrollo
Tema 3: Diseño - Desarrollo
 
M2 Diseño Web
M2   Diseño WebM2   Diseño Web
M2 Diseño Web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Tema3 diseño - desarrollo
Tema3   diseño - desarrolloTema3   diseño - desarrollo
Tema3 diseño - desarrollo
 
La importancia del desarrollo web profesional
La importancia del desarrollo web profesionalLa importancia del desarrollo web profesional
La importancia del desarrollo web profesional
 
Trabajo de tic
Trabajo de ticTrabajo de tic
Trabajo de tic
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
La importancia de una web. El CMS (Mayo 2017)
La importancia de una web. El CMS (Mayo 2017)La importancia de una web. El CMS (Mayo 2017)
La importancia de una web. El CMS (Mayo 2017)
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Marketing online – manos a la obra
Marketing online – manos a la obraMarketing online – manos a la obra
Marketing online – manos a la obra
 
6 claves para un diseño web exitoso
6 claves para un diseño web exitoso6 claves para un diseño web exitoso
6 claves para un diseño web exitoso
 
características y las partes que debe tener un sitio web
 características y las partes que debe tener un sitio web características y las partes que debe tener un sitio web
características y las partes que debe tener un sitio web
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UX
 
Recursos gratuitos para crear tu web
Recursos gratuitos para crear tu webRecursos gratuitos para crear tu web
Recursos gratuitos para crear tu web
 
Recursos web gratis
Recursos web gratisRecursos web gratis
Recursos web gratis
 
Infoxicados taller community manager 1
Infoxicados taller community manager 1Infoxicados taller community manager 1
Infoxicados taller community manager 1
 

Último

3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 

Último (19)

3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 

10 claves para un buen diseño Web

  • 1. 10 claves para un buen diseño Web
  • 2. 1 – La fuerza de la home • La página de inicio es la puerta de entrada y presentación de tu Web. • En un par de segundos debe resultar atractiva al usuario para conseguir que se quede y descubra todo el contenido. • La home debe ser clara, mostrar imagen de marca, centrada en los contenidos de mayor relevancia y sin otras distracciones.
  • 3. 2 – Concordancia con la marca • La imagen que una marca muestra en Internet debe concordar con la imagen que muestra en el mundo offline. • Los valores y objetivos de una Web deben quedar claros en la imagen. • Los usuarios ganan más confianza cuando no perciben incoherencias. • El logotipo es una pieza muy importante para presentar la esencia de una marca en una sola imagen.
  • 4. 3 – Agrupar contenidos • El usuario debe comprender el mensaje de la Web de forma sencilla. • Los contenidos deben agruparse de forma lógica y simple. • Agrupar contenidos en cápsulas de información claras es la mejor forma de conseguir que el usuario comprenda el mensaje.
  • 5. 4 – Jerarquía de contenidos • Es importante establecer una jerarquía de contenidos, tener claro qué es lo que nos interesa destacar. • Establecer de forma clara la sección bajo la que se quiere mostrar cada contenido ayuda a que los usuario puedan escanear fácilmente una Web.
  • 6. 5 – Tiempo de carga • El tiempo de carga es uno de los factores claves de un buen diseño Web. • El acceso a la Web no debe tardar más de 4 segundos. • El tiempo de carga es importante en todas las páginas de la Web, no solo en la home. • Algunos consejos para reducir el tiempo de carga: • Optimizar las imágenes • Comprimir el código de programación
  • 7. 6 – Diseño responsivo • La página Web debe resultar atractiva y fácil de leer independientemente del dispositivo desde el que se acceda a ella. • Gracias al diseño responsivo la Web se adapta a cualquier tamaño de pantalla.
  • 8. 7 – Datos de contacto • Los datos de contacto deben de aparecer siempre en una Web, aunque se trate de un negocio online. • Los usuarios perciben con mayor confianza una Web que facilita todos sus datos y con la que se puede contactar de diferentes formas. • Dirección física, teléfono, e-mail, foros y cuentas en redes sociales.
  • 9. 8 – Contenido de calidad • No sirve de nada jerarquizar bien el contenido si éste no es de calidad. • El contenido debe ser relevante, innovador, atractivo y fresco. • Una Web debe ofrecer el contenido que un usuario busca para conseguir que permanezca en ella más tiempo y decida volver en el futuro. • Es importante tener en cuenta que el contenido no es solo texto, también lo son las imágenes, los vídeos, los gráficos…
  • 10. 9 – Comunicación visual • «Una imagen vale más que mil palabras» y más aún en el mundo actual saturado de información. • Los elementos gráficos son muy importantes, ofrecen información rápida y no requieren mucho esfuerzo por parte del usuario. • Vigila la presentación de las imágenes, deben tener el tamaño adecuado y no pixelarse.
  • 11. 10 – SEO • El SEO no es una parte del diseño Web, en realidad es un complemento indispensable para obtener de ella los resultados que esperamos. • Seguir las pautas que más gustan a Google en cuanto a estructura, organización y contenido ayudarán a un buen posicionamiento de la Web. • Gracias a un buen desarrollo SEO se conseguirá una indexación óptima por parte de Google y los usuarios podrán acceder más rápido a nuestro contenido.