SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
8 Claves para hacer una
web atractiva
Fuentes: Fisher
Appelt Furore
1.- Tener una jerarquía clara y lógica
Los sitios web no se leen de manera lineal, 
sino que el lector salta de un elemento a otro y
por tanto lo más importante debe
aparecer al principio de forma destacada. La
estructura de la web puede ser: Lineales,
Jerárquicos o en Red
Lineales o secuenciales
Este orden se establece para que el usuario
mire el contenido en un orden pre-establecido.
Tal como lo haría si leyera un libro.
Jerárquico
Los contenidos se organizan en secciones y
sub-secciones.
Red
La estructura de la información permite saltar
entre ellos de forma flexible y sin orden preestablecidos.
Las páginas web con estructura de red son las
que mejor facilitan la navegación
del usuario
2.- Una buena página web debe conocer muy
bien a su público objetivo.
El verdadero control de la página web lo debe
tener el usuario. En consecuencia, 
su arquitectura, diseño y contenido deben 
adecuarse al público objetivo.
3.- Respetar los estándares y las normas de
accesibilidad.
Conviene ajustarse a ciertas especificaciones técnicas 
como las definidas por el World Wide Web 
consortium W3c68.
Hay estándares sobre: el diseño y arquitectura de web y de sus aplicaciones, 
sobre la tecnología XML, sobre la web semántica o la web de servicios, 
sobre navegadores y herramientas.
4.- Es directa.
eL internauta valora su tiempo y requiere que
la navegación sea
clara y que haya atajos para acceder a los
contenidos.
5.- Es multimedia,
con un formato adecuado para cada 
contenido, en el que se combina el texto, el 
audio, las imágenes, los vídeos y los 
elementos interactivos.
6.- Es interesante
Porque tiene contenidos atractivos.
7.- Ofrece valor añadido.
Cuando el usuario abandona la web debe
sentir que ha ganado algo en el tiempo en que
ha pasado navegando por ella.
8.- Es interactiva
Procura el equilibrio entre el internauta y el
responsable de la página.
9.- Su sistema de navegación es visible
 Es fácilmente reconocible y está situado en 
la misma posición durante todo el tiempo de 
navegación, para facilitar el acceso al
usuario a todos los contenidos. Debe permitir
volver en cualquier momento a los distintos 
niveles (página principal, otras secciones, 
producto, etc.).
10.- En ningún momento de la navegación hay
que utilizar el botón “atrás” del
navegador.
Esto significaría que desde el documento 
que se está visualizando no se puede
continuar navegando hacia otros por medio de
enlaces internos. Si se crea un callejón sin 
salida, los usuarios pueden abandonar la 
web.
11.- Se ha minimizado el número de clicks
El usuario tiene que hacer menos clic para
llegar a la parte más importante (compra, 
solicitud de información, etc.).

Contenu connexe

Tendances

Características de la Web 2.0
Características de la Web 2.0Características de la Web 2.0
Características de la Web 2.0
Yenny González
 
taller de recursos web 2.0
taller de recursos web 2.0taller de recursos web 2.0
taller de recursos web 2.0
MafeArias25
 
Webquest cecy y fernando
Webquest cecy y fernandoWebquest cecy y fernando
Webquest cecy y fernando
ceci seraquive
 

Tendances (18)

Actividad uno
Actividad unoActividad uno
Actividad uno
 
La web
La webLa web
La web
 
Características de la Web 2.0
Características de la Web 2.0Características de la Web 2.0
Características de la Web 2.0
 
Web 1.0 ,web 2.0 ,web3.0
Web 1.0 ,web 2.0 ,web3.0 Web 1.0 ,web 2.0 ,web3.0
Web 1.0 ,web 2.0 ,web3.0
 
cuadro comparativo.pptx
cuadro comparativo.pptxcuadro comparativo.pptx
cuadro comparativo.pptx
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes sociales
 
Html5 y lms
Html5 y lmsHtml5 y lms
Html5 y lms
 
Preentacion slideshare
Preentacion slidesharePreentacion slideshare
Preentacion slideshare
 
Maicol
MaicolMaicol
Maicol
 
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
 
Actividad 3 webs
Actividad 3 websActividad 3 webs
Actividad 3 webs
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Qué es una página web
Qué es una página webQué es una página web
Qué es una página web
 
11 3 p2-lemusmuñozmariaisabellaweb1,2,3y4
11 3 p2-lemusmuñozmariaisabellaweb1,2,3y411 3 p2-lemusmuñozmariaisabellaweb1,2,3y4
11 3 p2-lemusmuñozmariaisabellaweb1,2,3y4
 
taller de recursos web 2.0
taller de recursos web 2.0taller de recursos web 2.0
taller de recursos web 2.0
 
Webquest cecy y fernando
Webquest cecy y fernandoWebquest cecy y fernando
Webquest cecy y fernando
 
Paginas web
Paginas webPaginas web
Paginas web
 
Cuadro Comparativo De Las WEB 0.1, 0.2, 0.3.
 Cuadro Comparativo De Las WEB 0.1, 0.2, 0.3. Cuadro Comparativo De Las WEB 0.1, 0.2, 0.3.
Cuadro Comparativo De Las WEB 0.1, 0.2, 0.3.
 

Similaire à 8 claves para hacer una web atractiva

Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
heider94
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
Sebastian Vargas
 

Similaire à 8 claves para hacer una web atractiva (20)

Página web
Página webPágina web
Página web
 
Página web
Página webPágina web
Página web
 
Página web
Página webPágina web
Página web
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Recursos web 2.0
Recursos web 2.0Recursos web 2.0
Recursos web 2.0
 
Recursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 JmRecursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 Jm
 
G:\diseño web
G:\diseño webG:\diseño web
G:\diseño web
 
Unidad 4.docx sotfwer
Unidad 4.docx sotfwerUnidad 4.docx sotfwer
Unidad 4.docx sotfwer
 
1.DW_AA5.pptx
1.DW_AA5.pptx1.DW_AA5.pptx
1.DW_AA5.pptx
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Robert primera informatica(1)
Robert primera informatica(1)Robert primera informatica(1)
Robert primera informatica(1)
 
Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
Recursoso web2
Recursoso web2Recursoso web2
Recursoso web2
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Recursos web 2.0
Recursos web 2.0 Recursos web 2.0
Recursos web 2.0
 
evolución de la web : cristian villamil , sebastian vargas
evolución de la web : cristian villamil , sebastian vargasevolución de la web : cristian villamil , sebastian vargas
evolución de la web : cristian villamil , sebastian vargas
 
Estándares Web
Estándares WebEstándares Web
Estándares Web
 
Web
WebWeb
Web
 

Plus de Social Media Panama

10 leyes de social media para recordar
10 leyes de social media para recordar10 leyes de social media para recordar
10 leyes de social media para recordar
Social Media Panama
 
Informe estado de los Blogs en Latam
Informe estado de los Blogs en LatamInforme estado de los Blogs en Latam
Informe estado de los Blogs en Latam
Social Media Panama
 

Plus de Social Media Panama (13)

Proyectos Web
Proyectos WebProyectos Web
Proyectos Web
 
Social Media Day 2012 en Panama
Social Media Day 2012 en PanamaSocial Media Day 2012 en Panama
Social Media Day 2012 en Panama
 
Entrevista al Director de Social Media Panama
Entrevista al Director de Social Media PanamaEntrevista al Director de Social Media Panama
Entrevista al Director de Social Media Panama
 
Casos de Estudio - Quien es Social Media Panama ?
Casos de Estudio - Quien es Social Media Panama ?Casos de Estudio - Quien es Social Media Panama ?
Casos de Estudio - Quien es Social Media Panama ?
 
Linkedin, visibilidad, empleos y oportunidades
Linkedin, visibilidad, empleos y oportunidadesLinkedin, visibilidad, empleos y oportunidades
Linkedin, visibilidad, empleos y oportunidades
 
Como participar concurso prueba suerte y gana un cambio de look con lupes gol...
Como participar concurso prueba suerte y gana un cambio de look con lupes gol...Como participar concurso prueba suerte y gana un cambio de look con lupes gol...
Como participar concurso prueba suerte y gana un cambio de look con lupes gol...
 
Quien es Social Media Panama ?
Quien es Social Media Panama ?Quien es Social Media Panama ?
Quien es Social Media Panama ?
 
12 razones para utilizar las redes sociales en caso de Emergencia
12 razones para utilizar las redes sociales en caso de Emergencia12 razones para utilizar las redes sociales en caso de Emergencia
12 razones para utilizar las redes sociales en caso de Emergencia
 
10 leyes de social media para recordar
10 leyes de social media para recordar10 leyes de social media para recordar
10 leyes de social media para recordar
 
Presentación realizada en Panama twittea3
Presentación realizada en Panama twittea3Presentación realizada en Panama twittea3
Presentación realizada en Panama twittea3
 
Informe estado de los Blogs en Latam
Informe estado de los Blogs en LatamInforme estado de los Blogs en Latam
Informe estado de los Blogs en Latam
 
Presentacion panama adeblok
Presentacion panama adeblokPresentacion panama adeblok
Presentacion panama adeblok
 
Por que usar Adeblok - Cemix
Por que usar Adeblok - CemixPor que usar Adeblok - Cemix
Por que usar Adeblok - Cemix
 

8 claves para hacer una web atractiva

  • 1. 8 Claves para hacer una web atractiva Fuentes: Fisher Appelt Furore
  • 2. 1.- Tener una jerarquía clara y lógica Los sitios web no se leen de manera lineal,  sino que el lector salta de un elemento a otro y por tanto lo más importante debe aparecer al principio de forma destacada. La estructura de la web puede ser: Lineales, Jerárquicos o en Red
  • 3. Lineales o secuenciales Este orden se establece para que el usuario mire el contenido en un orden pre-establecido. Tal como lo haría si leyera un libro.
  • 4. Jerárquico Los contenidos se organizan en secciones y sub-secciones.
  • 5. Red La estructura de la información permite saltar entre ellos de forma flexible y sin orden preestablecidos. Las páginas web con estructura de red son las que mejor facilitan la navegación del usuario
  • 6. 2.- Una buena página web debe conocer muy bien a su público objetivo. El verdadero control de la página web lo debe tener el usuario. En consecuencia,  su arquitectura, diseño y contenido deben  adecuarse al público objetivo.
  • 7. 3.- Respetar los estándares y las normas de accesibilidad. Conviene ajustarse a ciertas especificaciones técnicas  como las definidas por el World Wide Web  consortium W3c68. Hay estándares sobre: el diseño y arquitectura de web y de sus aplicaciones,  sobre la tecnología XML, sobre la web semántica o la web de servicios,  sobre navegadores y herramientas.
  • 8. 4.- Es directa. eL internauta valora su tiempo y requiere que la navegación sea clara y que haya atajos para acceder a los contenidos.
  • 10. 6.- Es interesante Porque tiene contenidos atractivos.
  • 11. 7.- Ofrece valor añadido. Cuando el usuario abandona la web debe sentir que ha ganado algo en el tiempo en que ha pasado navegando por ella.
  • 12. 8.- Es interactiva Procura el equilibrio entre el internauta y el responsable de la página.
  • 13. 9.- Su sistema de navegación es visible  Es fácilmente reconocible y está situado en  la misma posición durante todo el tiempo de  navegación, para facilitar el acceso al usuario a todos los contenidos. Debe permitir volver en cualquier momento a los distintos  niveles (página principal, otras secciones,  producto, etc.).
  • 14. 10.- En ningún momento de la navegación hay que utilizar el botón “atrás” del navegador. Esto significaría que desde el documento  que se está visualizando no se puede continuar navegando hacia otros por medio de enlaces internos. Si se crea un callejón sin  salida, los usuarios pueden abandonar la  web.
  • 15. 11.- Se ha minimizado el número de clicks El usuario tiene que hacer menos clic para llegar a la parte más importante (compra,  solicitud de información, etc.).