SlideShare a Scribd company logo
1 of 11
Download to read offline
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.

More Related Content

What's hot

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
 

What's hot (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
 

Viewers also liked

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
 

Viewers also liked (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 to 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 to 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
 

Recently uploaded

RESPUESTAS-Evaluacion-Trimestral-1-Sexto-grado-2023-2024.pdf
RESPUESTAS-Evaluacion-Trimestral-1-Sexto-grado-2023-2024.pdfRESPUESTAS-Evaluacion-Trimestral-1-Sexto-grado-2023-2024.pdf
RESPUESTAS-Evaluacion-Trimestral-1-Sexto-grado-2023-2024.pdfcoordinadorprimerode
 
Elegant_and_Professional_Company_Business_Proposal_Presentation (1).pdf
Elegant_and_Professional_Company_Business_Proposal_Presentation (1).pdfElegant_and_Professional_Company_Business_Proposal_Presentation (1).pdf
Elegant_and_Professional_Company_Business_Proposal_Presentation (1).pdfanthonyramos422819
 
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...#LatamDigital
 
PowerPoint y sus partes más contenidos...
PowerPoint y sus partes más contenidos...PowerPoint y sus partes más contenidos...
PowerPoint y sus partes más contenidos...delvalleelizabeth400
 
TALLER DE ANALISIS SOLUCION DE TECNOLOGIA
TALLER DE ANALISIS SOLUCION DE TECNOLOGIATALLER DE ANALISIS SOLUCION DE TECNOLOGIA
TALLER DE ANALISIS SOLUCION DE TECNOLOGIAobandopaula444
 
PLANIFICACIÓN 2°SEC-PUERTO RICO. 2024 .04.11
PLANIFICACIÓN 2°SEC-PUERTO RICO. 2024 .04.11PLANIFICACIÓN 2°SEC-PUERTO RICO. 2024 .04.11
PLANIFICACIÓN 2°SEC-PUERTO RICO. 2024 .04.11THALIAEUGENIOMAIZ
 
Medios Digitales Teorías y Metodologías de Análisis.pptx
Medios Digitales Teorías y Metodologías de Análisis.pptxMedios Digitales Teorías y Metodologías de Análisis.pptx
Medios Digitales Teorías y Metodologías de Análisis.pptxUniversidad de Bielefeld
 
Software y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfSoftware y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfDanielaEspitiaHerrer
 
triptico de redes sociales ejemplo para que te puedas bazar en la realizacion...
triptico de redes sociales ejemplo para que te puedas bazar en la realizacion...triptico de redes sociales ejemplo para que te puedas bazar en la realizacion...
triptico de redes sociales ejemplo para que te puedas bazar en la realizacion...ulisesochoa5
 
Cultura digital diferentes tipos de fraudes ciberneticos.
Cultura digital diferentes tipos de fraudes ciberneticos.Cultura digital diferentes tipos de fraudes ciberneticos.
Cultura digital diferentes tipos de fraudes ciberneticos.JOSE69482
 
Guía para registrarse en slideshare..pdf
Guía para registrarse en slideshare..pdfGuía para registrarse en slideshare..pdf
Guía para registrarse en slideshare..pdfJohn Muñoz
 
LA ETICA DEL UTILITARISMO DE JEREMY BENTHAM
LA ETICA DEL UTILITARISMO DE JEREMY BENTHAMLA ETICA DEL UTILITARISMO DE JEREMY BENTHAM
LA ETICA DEL UTILITARISMO DE JEREMY BENTHAMalejandroortizm
 
Inteligencias Artificiales: Herramientas de internet.pptx
Inteligencias Artificiales: Herramientas de internet.pptxInteligencias Artificiales: Herramientas de internet.pptx
Inteligencias Artificiales: Herramientas de internet.pptxJuanDiegoMeloLosada
 
Módulo 3 escuela activa presentacion.pptx
Módulo 3 escuela activa presentacion.pptxMódulo 3 escuela activa presentacion.pptx
Módulo 3 escuela activa presentacion.pptxMiguelAngelCifuentes10
 
DS 011-2023-MTC.pdf DISTANCIAS DE CARRETERAS.pdf
DS 011-2023-MTC.pdf DISTANCIAS DE CARRETERAS.pdfDS 011-2023-MTC.pdf DISTANCIAS DE CARRETERAS.pdf
DS 011-2023-MTC.pdf DISTANCIAS DE CARRETERAS.pdfKAREN553987
 

Recently uploaded (15)

RESPUESTAS-Evaluacion-Trimestral-1-Sexto-grado-2023-2024.pdf
RESPUESTAS-Evaluacion-Trimestral-1-Sexto-grado-2023-2024.pdfRESPUESTAS-Evaluacion-Trimestral-1-Sexto-grado-2023-2024.pdf
RESPUESTAS-Evaluacion-Trimestral-1-Sexto-grado-2023-2024.pdf
 
Elegant_and_Professional_Company_Business_Proposal_Presentation (1).pdf
Elegant_and_Professional_Company_Business_Proposal_Presentation (1).pdfElegant_and_Professional_Company_Business_Proposal_Presentation (1).pdf
Elegant_and_Professional_Company_Business_Proposal_Presentation (1).pdf
 
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
 
PowerPoint y sus partes más contenidos...
PowerPoint y sus partes más contenidos...PowerPoint y sus partes más contenidos...
PowerPoint y sus partes más contenidos...
 
TALLER DE ANALISIS SOLUCION DE TECNOLOGIA
TALLER DE ANALISIS SOLUCION DE TECNOLOGIATALLER DE ANALISIS SOLUCION DE TECNOLOGIA
TALLER DE ANALISIS SOLUCION DE TECNOLOGIA
 
PLANIFICACIÓN 2°SEC-PUERTO RICO. 2024 .04.11
PLANIFICACIÓN 2°SEC-PUERTO RICO. 2024 .04.11PLANIFICACIÓN 2°SEC-PUERTO RICO. 2024 .04.11
PLANIFICACIÓN 2°SEC-PUERTO RICO. 2024 .04.11
 
Medios Digitales Teorías y Metodologías de Análisis.pptx
Medios Digitales Teorías y Metodologías de Análisis.pptxMedios Digitales Teorías y Metodologías de Análisis.pptx
Medios Digitales Teorías y Metodologías de Análisis.pptx
 
Software y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfSoftware y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdf
 
triptico de redes sociales ejemplo para que te puedas bazar en la realizacion...
triptico de redes sociales ejemplo para que te puedas bazar en la realizacion...triptico de redes sociales ejemplo para que te puedas bazar en la realizacion...
triptico de redes sociales ejemplo para que te puedas bazar en la realizacion...
 
Cultura digital diferentes tipos de fraudes ciberneticos.
Cultura digital diferentes tipos de fraudes ciberneticos.Cultura digital diferentes tipos de fraudes ciberneticos.
Cultura digital diferentes tipos de fraudes ciberneticos.
 
Guía para registrarse en slideshare..pdf
Guía para registrarse en slideshare..pdfGuía para registrarse en slideshare..pdf
Guía para registrarse en slideshare..pdf
 
LA ETICA DEL UTILITARISMO DE JEREMY BENTHAM
LA ETICA DEL UTILITARISMO DE JEREMY BENTHAMLA ETICA DEL UTILITARISMO DE JEREMY BENTHAM
LA ETICA DEL UTILITARISMO DE JEREMY BENTHAM
 
Inteligencias Artificiales: Herramientas de internet.pptx
Inteligencias Artificiales: Herramientas de internet.pptxInteligencias Artificiales: Herramientas de internet.pptx
Inteligencias Artificiales: Herramientas de internet.pptx
 
Módulo 3 escuela activa presentacion.pptx
Módulo 3 escuela activa presentacion.pptxMódulo 3 escuela activa presentacion.pptx
Módulo 3 escuela activa presentacion.pptx
 
DS 011-2023-MTC.pdf DISTANCIAS DE CARRETERAS.pdf
DS 011-2023-MTC.pdf DISTANCIAS DE CARRETERAS.pdfDS 011-2023-MTC.pdf DISTANCIAS DE CARRETERAS.pdf
DS 011-2023-MTC.pdf DISTANCIAS DE CARRETERAS.pdf
 

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.