SlideShare una empresa de Scribd logo
1 de 25
USABILIDAD II
El texto atrae la atención antes que los gráficos.  Contrariamente a lo que podría imaginarse, lo primero que un usuario visita en un sitio web no son las imágenes. La mayoría de los usuarios que llegan a tu sitio lo hacen buscando información, y no imágenes, así que asegúrese de que tu sitio web está diseñado para que las partes más importantes de tu texto sean lo más destacado. USABILIDAD
El movimiento inicial de la mirada se centra en la esquina superior izquierda de la página.  No debe sorprender que un usuario visite las páginas web de esta manera, ya que la mayoría de las aplicaciones están diseñadas con la parte superior izquierda como el foco principal. El hábito es el hábito, aprovéchalo, es mejor que intentar cambiarlo.  USABILIDAD
Al inicio , los usuarios buscar en la parte superior izquierda y en la parte superior de la página antes de desplazarse hacia abajo y hacia la derecha. Los usuarios generalmente escanean las páginas web en forma de ‘F’.  Asegúrate de que los elementos importantes de tu contenido se encuentran en estas áreas clave . Utiliza titulares, subtítulos, viñetas, y texto resaltado a lo largo de la página de manera que incites a los lectores a leer más. USABILIDAD F
Los lectores ignoran los banners .  Los estudios han demostrado que los lectores en gran medida hacen caso omiso de los anuncios (banners). Si estás tratando de hacer dinero a través de anuncios, lo que necesitas es ser creativo en su ubicación o en los tipos de anuncios que coloques en tu sitio. USABILIDAD
El diseño en el formato de las fuentes no se tiene en cuenta .  ¿Por qué? Pues porque los usuarios suponen que son anuncios y que no tienen la información que necesitan. De hecho, los estudios demuestran que los usuarios tienen dificultades para encontrar la información en letras grandes de color con formato. USABILIDAD
Mostrar los números como números .  Lectores les resultará mucho más fácil de encontrar información en su sitio si utiliza números en lugar de escribirlos. Recuerda que estás escribiendo para los lectores que van a ser principalmente de exploración de su sitio, a fin de hacer que les resulte más fácil encontrar lo que necesitan y mantenerlos interesados. USABILIDAD
El Tipo de tamaño de la letra influye en el comportamiento de la visualización .  Las fuentes pequeñas aumentan la concentración de la lectura en el texto mientras que las fuentes más grandes animan al usuario a explorar por la página. Dependiendo de tus necesidades, elige un tipo de letra u otro. USABILIDAD
Haz que tus usuarios puedan buscar en una parte específica del texto .  No uses subtítulos como un formato particular, para ello asegúrate que sean pertinentes y de interés. También pueden ayudarte si incluyes palabras clave que ayuden a la indexación de la web. USABILIDAD
Los usuarios, en general, exploran la parte inferior de la página .  Puedes utilizar esto a tu favor dándoles información clave cuando los lectores están explorando la página. Resaltar algunas secciones o crear listas con viñetas ayuda a encontrar información y a leer la página. USABILIDAD
Frases cortas mejor que párrafos largos .  La información en tu página debe de estar diseñada para el corto tiempo de atención de la mayoría de los usuarios de Internet. Mantén los párrafos y las frases cortas a menos que el contexto lo requiera, por ejemplo las descripciones de los productos de un sitio de comercio electrónico. USABILIDAD
Una columna es mejor que varias para conseguir atraer la atención de los usuarios .  No abrumes a los visitantes de tu sitio con demasiada información. La simplificación es mejor en algunos casos. La utilización de múltiples columnas es probable que sean ignoradas por los usuarios. USABILIDAD
Los anuncios en la parte superior y en la parte izquierda de una página recibirán la mayor atención .  Si vas a publicar anuncios en tu sitio, intenta integrarlos en la parte superior izquierda de la página, dónde tendrás la mayor atención visual. Pero sólo porque los lectores los vean no significa que hagan clic sobre ellos, por lo tanto no sacrifiques el diseño sólo para ganar un poco de visibilidad. USABILIDAD
Los anuncios colocados junto a los mejores contenidos son los más vistos .  Si quieres que sus anuncios se vean y que hagan clic en él, incorpóralos en tu diseño de manera que se coloquen cerca de los elementos más interesantes de tu contenido. Los usuarios podrán encontrar lo que necesitan y además tendrás una óptima visualización de tu publicidad. USABILIDAD
Los anuncios de texto son los más leídos .  Como dijimos anteriormente, la media de usuarios de Internet, en general, no pierde mucho tiempo buscando en cosas que parecen ser de inmediato anuncios. Esa es la razón que sean mejores los anuncios de texto. No se trata de distraer y de mezclar con el resto del contenido de la página, pero son visualmente menos irritantes para el lector y, en definitiva, tienen más éxito. USABILIDAD
Las imágenes grandes reciben más atención .  Si vas a usar imágenes en tu página, cuanto más grandes mejor. La gente está más interesada en una imagen donde se pueden ver claramente los detalles y la información. Sólo asegúrate de que toda imagen que utilizas es particularmente pertinente a tu texto, de lo contrario es muy probable que sea ignorada. USABILIDAD
Imágenes sencillas y limpias atraen más la atención .  Si bien pueden funcionar bien con tu diseño, las imágenes artísticas no van a obtener mucha atención del lector. Si está usando fotos con gente, asegurarse de que son claras. Cabe señalar también que las fotos con el “verdadero” gente, y no con modelos, dan mejor resultado. USABILIDAD
Utiliza titulares. Lo primero que leen los usuarios en una página son los titulares .  Asegúrate que no bloquean otros temas de la página y que estos destacan lo suficiente para incitar al lector a seguir buscando. USABILIDAD
Los usuarios pasan mucho tiempo mirando los botones y menús .  Debido a esto, tendremos que dedicar algo de tiempo extra para asegurarnos que están bien diseñados. Después de todo, estos no sólo llaman mucho la atención de los ojos sino que son uno de los elementos más importantes de la página. USABILIDAD
Las listas hacen que el lector mantenga la atención durante más tiempo .  Una manera útil de para facilitar la lectura es la utilización de listas en lugar de párrafos largos. Utilice números o viñetas para resaltar la información importante dentro de su contenido. Esto hará tu sitio más escaneable y más fácil para los usuarios el poder encontrar la información que está buscando. USABILIDAD
Evitar grandes bloques de texto .  Los estudios han demostrado que los visitantes no se van a tomar el tiempo de estudiar grandes bloques de texto y no importa lo bien escrito que estén o la información que proporcionen. Debido a esto, es necesario romperlos en pequeños párrafos. Destaca áreas específicas, puede ayudar a mantener la atención del usuario. USABILIDAD
Dar formato al texto puede llamar la atención .  Para guiar al lector a los puntos más importantes del texto utilizar negrita, mayúsculas, cursiva, color, y texto subrayado. Pero con prudencia, si te excedes dificultará la lectura. USABILIDAD
El espacio en blanco es bueno .  Si bien se podría caer en la tentación de poner algo de texto en cada rincón de la página, es realmente mejor dejar algunos huecos. Los sitios con demasiado contenido tienden a abrumar a los usuarios y esto hace que hagan caso omiso de parte del mismo. Por lo tanto, deja espacios visuales limpios para no saturar al usuario. USABILIDAD
Las herramientas de navegación funcionan mejor cuando se colocan en la parte superior de la página .  No deseas que los lectores que llegan a tu web sólo busquen en la página inicial, querrán que naveguen por otras páginas y que localicen contenidos que puedan interesarles. Puedes ayudarles haciendo su navegación fácil, para ello coloca la barra de navegación en la parte superior de la página. USABILIDAD
Gracias

Más contenido relacionado

La actualidad más candente

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
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2blogdevon
 
web....animacion on-line
web....animacion on-lineweb....animacion on-line
web....animacion on-linejonny0107
 
Construyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web ConvertidorConstruyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web Convertidorguest075d9e
 
Parámetros para crear una página web
Parámetros para crear una página webParámetros para crear una página web
Parámetros para crear una página webYesenia Guerra
 
Sólidos Consejos Sobre Diseño Web Que Puede Ayudar A Cualquier Persona
Sólidos Consejos Sobre Diseño Web Que Puede Ayudar A Cualquier Persona Sólidos Consejos Sobre Diseño Web Que Puede Ayudar A Cualquier Persona
Sólidos Consejos Sobre Diseño Web Que Puede Ayudar A Cualquier Persona efficientverse593
 
Diseño web en argentina
Diseño web en argentinaDiseño web en argentina
Diseño web en argentinagustosoweb
 
Textos que podrían estar arruinando las conversiones
Textos que podrían estar arruinando las conversionesTextos que podrían estar arruinando las conversiones
Textos que podrían estar arruinando las conversionesAgu Casorzo
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generalesga12007
 
Taller WordPress de Infolagun: Escribe para personas y posiciona en Google
Taller WordPress de Infolagun: Escribe para personas y posiciona en GoogleTaller WordPress de Infolagun: Escribe para personas y posiciona en Google
Taller WordPress de Infolagun: Escribe para personas y posiciona en Googleinfolagun
 

La actualidad más candente (17)

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
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2
 
Cómo escribir para la web
Cómo escribir para la webCómo escribir para la web
Cómo escribir para la web
 
web....animacion on-line
web....animacion on-lineweb....animacion on-line
web....animacion on-line
 
Construyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web ConvertidorConstruyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web Convertidor
 
Parámetros para crear una página web
Parámetros para crear una página webParámetros para crear una página web
Parámetros para crear una página web
 
Elementos
ElementosElementos
Elementos
 
Las Claves En La Construccion De Un Sitio Web
Las  Claves En La  Construccion De Un  Sitio  WebLas  Claves En La  Construccion De Un  Sitio  Web
Las Claves En La Construccion De Un Sitio Web
 
Sólidos Consejos Sobre Diseño Web Que Puede Ayudar A Cualquier Persona
Sólidos Consejos Sobre Diseño Web Que Puede Ayudar A Cualquier Persona Sólidos Consejos Sobre Diseño Web Que Puede Ayudar A Cualquier Persona
Sólidos Consejos Sobre Diseño Web Que Puede Ayudar A Cualquier Persona
 
Escribe para la web
Escribe para la webEscribe para la web
Escribe para la web
 
Diseño web en argentina
Diseño web en argentinaDiseño web en argentina
Diseño web en argentina
 
ACTIVIDAD PÁGINA WEB Y BLOG
 ACTIVIDAD PÁGINA WEB Y BLOG ACTIVIDAD PÁGINA WEB Y BLOG
ACTIVIDAD PÁGINA WEB Y BLOG
 
Textos que podrían estar arruinando las conversiones
Textos que podrían estar arruinando las conversionesTextos que podrían estar arruinando las conversiones
Textos que podrían estar arruinando las conversiones
 
T07 dawebtask
T07 dawebtaskT07 dawebtask
T07 dawebtask
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
 
Redes Sociales 2013 día 2013
Redes Sociales 2013 día 2013Redes Sociales 2013 día 2013
Redes Sociales 2013 día 2013
 
Taller WordPress de Infolagun: Escribe para personas y posiciona en Google
Taller WordPress de Infolagun: Escribe para personas y posiciona en GoogleTaller WordPress de Infolagun: Escribe para personas y posiciona en Google
Taller WordPress de Infolagun: Escribe para personas y posiciona en Google
 

Destacado

Everett McKay: Diseño para la Credibilidad y la Confianza
Everett McKay: Diseño para la Credibilidad y la ConfianzaEverett McKay: Diseño para la Credibilidad y la Confianza
Everett McKay: Diseño para la Credibilidad y la ConfianzaInteraction South America 2014
 
Webinar prototipado y usabilidad
Webinar prototipado y usabilidadWebinar prototipado y usabilidad
Webinar prototipado y usabilidadIEBSchool
 
Documentos de UX
Documentos de UXDocumentos de UX
Documentos de UXElsa Canto
 
Ux design strategy_slideshare[1]
Ux design strategy_slideshare[1]Ux design strategy_slideshare[1]
Ux design strategy_slideshare[1]Different
 
Isabel Murillo: Cómo implementar procesos de Lean UX e innovación en grandes ...
Isabel Murillo: Cómo implementar procesos de Lean UX e innovación en grandes ...Isabel Murillo: Cómo implementar procesos de Lean UX e innovación en grandes ...
Isabel Murillo: Cómo implementar procesos de Lean UX e innovación en grandes ...Interaction South America 2014
 
Metodología de Diseño Centrada en el Usuario
Metodología de Diseño Centrada en el UsuarioMetodología de Diseño Centrada en el Usuario
Metodología de Diseño Centrada en el UsuarioMaximiliano Martin
 
Taller UX: Salvando al usuario - Diseño visual
Taller UX: Salvando al usuario - Diseño visualTaller UX: Salvando al usuario - Diseño visual
Taller UX: Salvando al usuario - Diseño visualIxDA Mendoza
 
¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...
¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...
¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...Juan Manuel Carraro
 
Diseñando sin desperdicio: Qué podemos aprender los diseñadores de las metodo...
Diseñando sin desperdicio: Qué podemos aprender los diseñadores de las metodo...Diseñando sin desperdicio: Qué podemos aprender los diseñadores de las metodo...
Diseñando sin desperdicio: Qué podemos aprender los diseñadores de las metodo...Santiago Bustelo
 
UX Nights Vol. 07.02: UX sin UI
UX Nights Vol. 07.02: UX sin UIUX Nights Vol. 07.02: UX sin UI
UX Nights Vol. 07.02: UX sin UIUX Nights
 
Presentación design research
Presentación design researchPresentación design research
Presentación design researchGrace Ascuasiati
 
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoUsabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoPercy Negrete
 
Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Martin Redigolo
 
Introducción usabilidad y ux mejorandola-natalia
Introducción usabilidad y ux   mejorandola-nataliaIntroducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux mejorandola-nataliaBrainy Bog
 
El botón de los 300 millones de dólares. Qué es la usabilidad/UX y por qué de...
El botón de los 300 millones de dólares. Qué es la usabilidad/UX y por qué de...El botón de los 300 millones de dólares. Qué es la usabilidad/UX y por qué de...
El botón de los 300 millones de dólares. Qué es la usabilidad/UX y por qué de...Fundació Bit
 
Taller de prototipado iterativo
Taller de prototipado iterativoTaller de prototipado iterativo
Taller de prototipado iterativoMartín S
 
5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)Brox Technology
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))King-eClient
 

Destacado (20)

Everett McKay: Diseño para la Credibilidad y la Confianza
Everett McKay: Diseño para la Credibilidad y la ConfianzaEverett McKay: Diseño para la Credibilidad y la Confianza
Everett McKay: Diseño para la Credibilidad y la Confianza
 
Webinar prototipado y usabilidad
Webinar prototipado y usabilidadWebinar prototipado y usabilidad
Webinar prototipado y usabilidad
 
Documentos de UX
Documentos de UXDocumentos de UX
Documentos de UX
 
Ux design strategy_slideshare[1]
Ux design strategy_slideshare[1]Ux design strategy_slideshare[1]
Ux design strategy_slideshare[1]
 
Isabel Murillo: Cómo implementar procesos de Lean UX e innovación en grandes ...
Isabel Murillo: Cómo implementar procesos de Lean UX e innovación en grandes ...Isabel Murillo: Cómo implementar procesos de Lean UX e innovación en grandes ...
Isabel Murillo: Cómo implementar procesos de Lean UX e innovación en grandes ...
 
Metodología de Diseño Centrada en el Usuario
Metodología de Diseño Centrada en el UsuarioMetodología de Diseño Centrada en el Usuario
Metodología de Diseño Centrada en el Usuario
 
Taller UX: Salvando al usuario - Diseño visual
Taller UX: Salvando al usuario - Diseño visualTaller UX: Salvando al usuario - Diseño visual
Taller UX: Salvando al usuario - Diseño visual
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...
¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...
¿Cómo incorporar y hacer madurar la práctica de UX dentro de un equipo u orga...
 
Diseñando sin desperdicio: Qué podemos aprender los diseñadores de las metodo...
Diseñando sin desperdicio: Qué podemos aprender los diseñadores de las metodo...Diseñando sin desperdicio: Qué podemos aprender los diseñadores de las metodo...
Diseñando sin desperdicio: Qué podemos aprender los diseñadores de las metodo...
 
UX Nights Vol. 07.02: UX sin UI
UX Nights Vol. 07.02: UX sin UIUX Nights Vol. 07.02: UX sin UI
UX Nights Vol. 07.02: UX sin UI
 
Experiencia de Usuario (UX)
Experiencia de Usuario (UX)Experiencia de Usuario (UX)
Experiencia de Usuario (UX)
 
Presentación design research
Presentación design researchPresentación design research
Presentación design research
 
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoUsabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
 
Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.
 
Introducción usabilidad y ux mejorandola-natalia
Introducción usabilidad y ux   mejorandola-nataliaIntroducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux mejorandola-natalia
 
El botón de los 300 millones de dólares. Qué es la usabilidad/UX y por qué de...
El botón de los 300 millones de dólares. Qué es la usabilidad/UX y por qué de...El botón de los 300 millones de dólares. Qué es la usabilidad/UX y por qué de...
El botón de los 300 millones de dólares. Qué es la usabilidad/UX y por qué de...
 
Taller de prototipado iterativo
Taller de prototipado iterativoTaller de prototipado iterativo
Taller de prototipado iterativo
 
5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
 

Similar a USABILIDAD WEB II

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
 
página web .pptx
página web .pptxpágina web .pptx
página web .pptxMonseReyes28
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosMarivi
 
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantesPresentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantesEnrique Rodriguez
 
Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación webAlexis Morillo
 
7 formas de aumentar la usabilidad de un sitio web
7 formas de aumentar la usabilidad de un sitio web7 formas de aumentar la usabilidad de un sitio web
7 formas de aumentar la usabilidad de un sitio webAgu Casorzo
 
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la webpaoloarevaloortiz
 
R E C O M E N D A C I O N E S
R E C O M E N D A C I O N E SR E C O M E N D A C I O N E S
R E C O M E N D A C I O N E Sguest571a0b
 
Como Escribir En Un Blog
Como Escribir En Un BlogComo Escribir En Un Blog
Como Escribir En Un BlogMaría H Gómez
 
Cómo optimizar landingpages
Cómo optimizar landingpagesCómo optimizar landingpages
Cómo optimizar landingpagesJesús Navarro
 

Similar a USABILIDAD WEB II (20)

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
 
página web .pptx
página web .pptxpágina web .pptx
página web .pptx
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
 
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantesPresentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación web
 
7 formas de aumentar la usabilidad de un sitio web
7 formas de aumentar la usabilidad de un sitio web7 formas de aumentar la usabilidad de un sitio web
7 formas de aumentar la usabilidad de un sitio web
 
Las Claves En La Construccion De Un Sitio Web
Las Claves En La Construccion De Un Sitio WebLas Claves En La Construccion De Un Sitio Web
Las Claves En La Construccion De Un Sitio Web
 
Como Optimizar las Landing Page
Como Optimizar las Landing PageComo Optimizar las Landing Page
Como Optimizar las Landing Page
 
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la web
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
R E C O M E N D A C I O N E S
R E C O M E N D A C I O N E SR E C O M E N D A C I O N E S
R E C O M E N D A C I O N E S
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
 
Como Escribir En Un Blog
Como Escribir En Un BlogComo Escribir En Un Blog
Como Escribir En Un Blog
 
Pag de Aterrizaje
Pag de AterrizajePag de Aterrizaje
Pag de Aterrizaje
 
Cómo optimizar landingpages
Cómo optimizar landingpagesCómo optimizar landingpages
Cómo optimizar landingpages
 
Generadores de contenido
Generadores de contenidoGeneradores de contenido
Generadores de contenido
 

Último

Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 

Último (20)

Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 

USABILIDAD WEB II

  • 2. El texto atrae la atención antes que los gráficos. Contrariamente a lo que podría imaginarse, lo primero que un usuario visita en un sitio web no son las imágenes. La mayoría de los usuarios que llegan a tu sitio lo hacen buscando información, y no imágenes, así que asegúrese de que tu sitio web está diseñado para que las partes más importantes de tu texto sean lo más destacado. USABILIDAD
  • 3. El movimiento inicial de la mirada se centra en la esquina superior izquierda de la página. No debe sorprender que un usuario visite las páginas web de esta manera, ya que la mayoría de las aplicaciones están diseñadas con la parte superior izquierda como el foco principal. El hábito es el hábito, aprovéchalo, es mejor que intentar cambiarlo. USABILIDAD
  • 4. Al inicio , los usuarios buscar en la parte superior izquierda y en la parte superior de la página antes de desplazarse hacia abajo y hacia la derecha. Los usuarios generalmente escanean las páginas web en forma de ‘F’. Asegúrate de que los elementos importantes de tu contenido se encuentran en estas áreas clave . Utiliza titulares, subtítulos, viñetas, y texto resaltado a lo largo de la página de manera que incites a los lectores a leer más. USABILIDAD F
  • 5. Los lectores ignoran los banners . Los estudios han demostrado que los lectores en gran medida hacen caso omiso de los anuncios (banners). Si estás tratando de hacer dinero a través de anuncios, lo que necesitas es ser creativo en su ubicación o en los tipos de anuncios que coloques en tu sitio. USABILIDAD
  • 6. El diseño en el formato de las fuentes no se tiene en cuenta . ¿Por qué? Pues porque los usuarios suponen que son anuncios y que no tienen la información que necesitan. De hecho, los estudios demuestran que los usuarios tienen dificultades para encontrar la información en letras grandes de color con formato. USABILIDAD
  • 7. Mostrar los números como números . Lectores les resultará mucho más fácil de encontrar información en su sitio si utiliza números en lugar de escribirlos. Recuerda que estás escribiendo para los lectores que van a ser principalmente de exploración de su sitio, a fin de hacer que les resulte más fácil encontrar lo que necesitan y mantenerlos interesados. USABILIDAD
  • 8. El Tipo de tamaño de la letra influye en el comportamiento de la visualización . Las fuentes pequeñas aumentan la concentración de la lectura en el texto mientras que las fuentes más grandes animan al usuario a explorar por la página. Dependiendo de tus necesidades, elige un tipo de letra u otro. USABILIDAD
  • 9. Haz que tus usuarios puedan buscar en una parte específica del texto . No uses subtítulos como un formato particular, para ello asegúrate que sean pertinentes y de interés. También pueden ayudarte si incluyes palabras clave que ayuden a la indexación de la web. USABILIDAD
  • 10. Los usuarios, en general, exploran la parte inferior de la página . Puedes utilizar esto a tu favor dándoles información clave cuando los lectores están explorando la página. Resaltar algunas secciones o crear listas con viñetas ayuda a encontrar información y a leer la página. USABILIDAD
  • 11. Frases cortas mejor que párrafos largos . La información en tu página debe de estar diseñada para el corto tiempo de atención de la mayoría de los usuarios de Internet. Mantén los párrafos y las frases cortas a menos que el contexto lo requiera, por ejemplo las descripciones de los productos de un sitio de comercio electrónico. USABILIDAD
  • 12. Una columna es mejor que varias para conseguir atraer la atención de los usuarios . No abrumes a los visitantes de tu sitio con demasiada información. La simplificación es mejor en algunos casos. La utilización de múltiples columnas es probable que sean ignoradas por los usuarios. USABILIDAD
  • 13. Los anuncios en la parte superior y en la parte izquierda de una página recibirán la mayor atención . Si vas a publicar anuncios en tu sitio, intenta integrarlos en la parte superior izquierda de la página, dónde tendrás la mayor atención visual. Pero sólo porque los lectores los vean no significa que hagan clic sobre ellos, por lo tanto no sacrifiques el diseño sólo para ganar un poco de visibilidad. USABILIDAD
  • 14. Los anuncios colocados junto a los mejores contenidos son los más vistos . Si quieres que sus anuncios se vean y que hagan clic en él, incorpóralos en tu diseño de manera que se coloquen cerca de los elementos más interesantes de tu contenido. Los usuarios podrán encontrar lo que necesitan y además tendrás una óptima visualización de tu publicidad. USABILIDAD
  • 15. Los anuncios de texto son los más leídos . Como dijimos anteriormente, la media de usuarios de Internet, en general, no pierde mucho tiempo buscando en cosas que parecen ser de inmediato anuncios. Esa es la razón que sean mejores los anuncios de texto. No se trata de distraer y de mezclar con el resto del contenido de la página, pero son visualmente menos irritantes para el lector y, en definitiva, tienen más éxito. USABILIDAD
  • 16. Las imágenes grandes reciben más atención . Si vas a usar imágenes en tu página, cuanto más grandes mejor. La gente está más interesada en una imagen donde se pueden ver claramente los detalles y la información. Sólo asegúrate de que toda imagen que utilizas es particularmente pertinente a tu texto, de lo contrario es muy probable que sea ignorada. USABILIDAD
  • 17. Imágenes sencillas y limpias atraen más la atención . Si bien pueden funcionar bien con tu diseño, las imágenes artísticas no van a obtener mucha atención del lector. Si está usando fotos con gente, asegurarse de que son claras. Cabe señalar también que las fotos con el “verdadero” gente, y no con modelos, dan mejor resultado. USABILIDAD
  • 18. Utiliza titulares. Lo primero que leen los usuarios en una página son los titulares . Asegúrate que no bloquean otros temas de la página y que estos destacan lo suficiente para incitar al lector a seguir buscando. USABILIDAD
  • 19. Los usuarios pasan mucho tiempo mirando los botones y menús . Debido a esto, tendremos que dedicar algo de tiempo extra para asegurarnos que están bien diseñados. Después de todo, estos no sólo llaman mucho la atención de los ojos sino que son uno de los elementos más importantes de la página. USABILIDAD
  • 20. Las listas hacen que el lector mantenga la atención durante más tiempo . Una manera útil de para facilitar la lectura es la utilización de listas en lugar de párrafos largos. Utilice números o viñetas para resaltar la información importante dentro de su contenido. Esto hará tu sitio más escaneable y más fácil para los usuarios el poder encontrar la información que está buscando. USABILIDAD
  • 21. Evitar grandes bloques de texto . Los estudios han demostrado que los visitantes no se van a tomar el tiempo de estudiar grandes bloques de texto y no importa lo bien escrito que estén o la información que proporcionen. Debido a esto, es necesario romperlos en pequeños párrafos. Destaca áreas específicas, puede ayudar a mantener la atención del usuario. USABILIDAD
  • 22. Dar formato al texto puede llamar la atención . Para guiar al lector a los puntos más importantes del texto utilizar negrita, mayúsculas, cursiva, color, y texto subrayado. Pero con prudencia, si te excedes dificultará la lectura. USABILIDAD
  • 23. El espacio en blanco es bueno . Si bien se podría caer en la tentación de poner algo de texto en cada rincón de la página, es realmente mejor dejar algunos huecos. Los sitios con demasiado contenido tienden a abrumar a los usuarios y esto hace que hagan caso omiso de parte del mismo. Por lo tanto, deja espacios visuales limpios para no saturar al usuario. USABILIDAD
  • 24. Las herramientas de navegación funcionan mejor cuando se colocan en la parte superior de la página . No deseas que los lectores que llegan a tu web sólo busquen en la página inicial, querrán que naveguen por otras páginas y que localicen contenidos que puedan interesarles. Puedes ayudarles haciendo su navegación fácil, para ello coloca la barra de navegación en la parte superior de la página. USABILIDAD