SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
UX in Perú uxinperu.wordpress.com
20 LEYES HEURÍSTICAS SOBRE USABILIDAD
Ley Resultado
1 El logotipo de la organización deberá estar enlazada con la página de inicio.
2 Actualizar regularmente el contenido que sus usuarios utilizan con más
frecuencia
3 Cerciórese de que el contenido de las secciones esenciales del sitio no se
encuentre a más de tres ‘clicks’ (niveles de enlace) de la página principal
4 La navegación del sitio debe ser colocada en un área inmediatamente visible,
usualmente a lo largo de la parte superior de la página o bien a lo largo del lado
izquierdo de la ventana del “Browser”.
5 El logotipo de la organización debe ser localizado en la esquina izquierda
superior de cada página y se recomienda emplear en lo posible las medidas
estándar de 60x60 pixels
6 La distribución de los diversos elementos de contenido en el interfaz deberán
ser organizadas jerárquicamente con el fin de que los usuarios lo perciban y
asimilen con un esfuerzo mínimo
7 Todas las imágenes deberán contar con texto descriptivo mediante el empleo de
el atributo ‘ALT’ para que los navegadores con la opción de descargar imágenes
desactivada o de solo texto lo puedan leer, así como sistemas alternativos
especializados para usuarios con discapacidad
8 Cada una de las páginas del Sitio Web deben contar con títulos de página
diferentes y descriptivos del contenido de la misma.
UX in Perú uxinperu.wordpress.com
9 El nombre de cada página debe tener el nombre de la Marca de la empresa u
organización, así como también algunas palabras claves. referentes al
contenido expuesto en la página. El nombre deberá ser el propio, sin
pronombres (“el”, “la”, “una”, etc) para que permita la facilidad de indexado tanto
en motores de búsqueda como de listas de favoritos (“bookmarks”)…(El
Nombre… NO! - Nombre…SÍ!)
10 Todo sitio público deberá ser creado pensado en una conexión a Internet
promedio de 56 kbps o menos. Entre más rápido cargue el sitio mejor, ya que
empezamos a satisfacer la necesidad prioritaria del visitante, esto es, obtener la
información que busca.
11 En una página tipo galería de fotos o similar, Evite el empleo de imágenes
grandes que descarguen lentamente. Emplee imágenes pequeñas
(“thumbnails”) que sugieran su ampliación a conveniencia de los usuarios
12 Considere en el diseño del Sitio que el contenido sea adaptable a las diversas
resoluciones –tamaños de pantalla-- empleadas por los usuarios. En caso de
usar listas en tablas, no utilice tamaños fijos en las mismas (para efectos de
crecimientos de texto o interfaces “elásticas” que se adapten al ancho de la
pantalla).
13 El sitio de debe ser accesible por browsers alternativos (Firefox, Internet
Explorer, Mozilla, Opera, Safari, Netscape, etc…) y sistemas operativos (Linux,
Windows, Macintosh, etc) sin trabas o exclusiones técnicas de ningún tipo
14 Emplee fuentes (tipografías) en los textos del sitio web que sean comunes a
todos los usuarios (Ej: Helvetica, Verdana, Arial, Times New Roman, Georgia)
ya que las mismas son empleadas por la mayoría de los sistemas operativos,
permitiendo la accesibilidad al contenido sin problemas de compatibilidad
15 En el caso de sitios que cuentan con amplia cantidad de información, incluya un
mecanismo de búsqueda en la página de inicio (o principales secciones, a
conveniencia), analice su comportamiento y sugiera una opción avanzada con
las respuestas a las preguntas más comunes (Frequently Asked Questions)
UX in Perú uxinperu.wordpress.com
16 Evite el uso de términos para vínculos tales como “click aquí”, “más
información”, “ver detalles”, los cuáles son genéricos. Procure que el texto del
vínculo describa el destino del enlace. (Ej. “click aquí para ampliar foto” NO,
“Ampliar fotografía de la actividad” SÍ)
17 El uso de ventanas “pop-ups”. deben utilizarse con cuidado. Nunca emplee
ventanas “pop-ups” en enlaces de contenido interno. En caso de que su empleo
sea necesario y según las circunstancias que se presenten, se debe indicar al
usuario que la ventana será abierta en una ventana separada
18 En lo posible, no utilizar “Framesets” (marcos), pues son virtualmente
imposibles de utilizar por los “Spiders” (robots de buscadores en Internet) en su
proceso de indexado además de que son difíciles de desplegar e interpretar por
algunos “browsers”.
19 Desarrolle el sitio mediante la creación de plantillas que empleen formatos
estándar para presentación (hojas de estilo – CSS -) y estructura de contenido
(XHTML) los cuales permitirán que el sitio sea accedido correctamente, y
agregar credibilidad en la percepción del usuario.
20 Cree paralelamente al desarrollo del sitio una hoja de estilos (CSS) que permita
imprimir el contenido correctamente, eliminando elementos innecesarios en una
impresión (menús, etc.) y en hojas de tamaño estándar (81/2 X 11).

Más contenido relacionado

La actualidad más candente

Navegadores cuadro comparativo
Navegadores cuadro comparativoNavegadores cuadro comparativo
Navegadores cuadro comparativojafiescos
 
2010 internet (navegadores)
2010 internet (navegadores)2010 internet (navegadores)
2010 internet (navegadores)jmpalao
 
Cuadro comparativo de navegadores
Cuadro comparativo de navegadoresCuadro comparativo de navegadores
Cuadro comparativo de navegadoresMercedesCC
 
Comparativo de Navegadores Web
Comparativo de Navegadores WebComparativo de Navegadores Web
Comparativo de Navegadores WebPatricia Lases
 
Navegadores caracteristicas ventajas_desventajas2
Navegadores caracteristicas ventajas_desventajas2Navegadores caracteristicas ventajas_desventajas2
Navegadores caracteristicas ventajas_desventajas2Adán Andrade
 
Browser y buscadores(mapa conceptual y cuadro comparativo)edna
Browser y buscadores(mapa conceptual y cuadro comparativo)ednaBrowser y buscadores(mapa conceptual y cuadro comparativo)edna
Browser y buscadores(mapa conceptual y cuadro comparativo)ednarochy1991
 
Ventajas y desventajas de los navegadores
Ventajas y desventajas de los navegadoresVentajas y desventajas de los navegadores
Ventajas y desventajas de los navegadoresJuangonzsa
 
Browser mas utlizados[1]
Browser mas utlizados[1]Browser mas utlizados[1]
Browser mas utlizados[1]lilianagt8429
 
Mapa mental de los browser
 Mapa mental de los browser Mapa mental de los browser
Mapa mental de los browserjesicagonzalez14
 
Tutoria 3 world wide web, navegadores
Tutoria 3  world wide web, navegadoresTutoria 3  world wide web, navegadores
Tutoria 3 world wide web, navegadoresYessica Henao
 
Patricia mapa mental navegadores
Patricia   mapa mental navegadoresPatricia   mapa mental navegadores
Patricia mapa mental navegadoresPatricia Vargass
 

La actualidad más candente (18)

Navegadores cuadro comparativo
Navegadores cuadro comparativoNavegadores cuadro comparativo
Navegadores cuadro comparativo
 
2010 internet (navegadores)
2010 internet (navegadores)2010 internet (navegadores)
2010 internet (navegadores)
 
Cuadro comparativo de navegadores
Cuadro comparativo de navegadoresCuadro comparativo de navegadores
Cuadro comparativo de navegadores
 
Comparativo de Navegadores Web
Comparativo de Navegadores WebComparativo de Navegadores Web
Comparativo de Navegadores Web
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Navegadores caracteristicas ventajas_desventajas2
Navegadores caracteristicas ventajas_desventajas2Navegadores caracteristicas ventajas_desventajas2
Navegadores caracteristicas ventajas_desventajas2
 
Browser y buscadores(mapa conceptual y cuadro comparativo)edna
Browser y buscadores(mapa conceptual y cuadro comparativo)ednaBrowser y buscadores(mapa conceptual y cuadro comparativo)edna
Browser y buscadores(mapa conceptual y cuadro comparativo)edna
 
Diferencia entre navegadores
Diferencia entre navegadoresDiferencia entre navegadores
Diferencia entre navegadores
 
Ventajas y desventajas de los navegadores
Ventajas y desventajas de los navegadoresVentajas y desventajas de los navegadores
Ventajas y desventajas de los navegadores
 
Navegadores cuadro comparativo
Navegadores cuadro comparativoNavegadores cuadro comparativo
Navegadores cuadro comparativo
 
Browser mas utlizados[1]
Browser mas utlizados[1]Browser mas utlizados[1]
Browser mas utlizados[1]
 
Mapa mental de los browser
 Mapa mental de los browser Mapa mental de los browser
Mapa mental de los browser
 
Mapa mental de los browser
Mapa mental de los browserMapa mental de los browser
Mapa mental de los browser
 
INTERNET 01
INTERNET 01INTERNET 01
INTERNET 01
 
Encuentro tutorial 3
Encuentro tutorial 3Encuentro tutorial 3
Encuentro tutorial 3
 
Tutoria 3 world wide web, navegadores
Tutoria 3  world wide web, navegadoresTutoria 3  world wide web, navegadores
Tutoria 3 world wide web, navegadores
 
Patricia mapa mental navegadores
Patricia   mapa mental navegadoresPatricia   mapa mental navegadores
Patricia mapa mental navegadores
 
Unidad 1 taller 3
Unidad 1 taller 3Unidad 1 taller 3
Unidad 1 taller 3
 

Similar a 20 leyes heuristicas usabilidad

Similar a 20 leyes heuristicas usabilidad (20)

Sobre disenno de_sitios_web
Sobre disenno de_sitios_webSobre disenno de_sitios_web
Sobre disenno de_sitios_web
 
Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación web
 
Diseño de un sitio web
Diseño de un sitio webDiseño de un sitio web
Diseño de un sitio web
 
Jm checklist
Jm checklistJm checklist
Jm checklist
 
Documento pdf
Documento pdfDocumento pdf
Documento pdf
 
Diseño web
Diseño webDiseño web
Diseño web
 
Análisis de Sitio Web
Análisis de Sitio WebAnálisis de Sitio Web
Análisis de Sitio Web
 
Sama ntha
Sama nthaSama ntha
Sama ntha
 
Sobre Disenno De Sitios Web
Sobre Disenno De Sitios WebSobre Disenno De Sitios Web
Sobre Disenno De Sitios Web
 
Jm checklist
Jm checklistJm checklist
Jm checklist
 
Guia para evaluacion experta
Guia para evaluacion expertaGuia para evaluacion experta
Guia para evaluacion experta
 
Guia de Evaluacion Experta
Guia de Evaluacion ExpertaGuia de Evaluacion Experta
Guia de Evaluacion Experta
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
Prueba prprprp
Prueba prprprpPrueba prprprp
Prueba prprprp
 
Caracteristicas y partes de un sitio web
Caracteristicas y partes de un sitio webCaracteristicas y partes de un sitio web
Caracteristicas y partes de un sitio web
 
Criterios para una Página Web
Criterios para una Página WebCriterios para una Página Web
Criterios para una Página Web
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación experta
 
Guía paraevaluación experta
Guía paraevaluación expertaGuía paraevaluación experta
Guía paraevaluación experta
 
G:\diseño web
G:\diseño webG:\diseño web
G:\diseño web
 

Más de Angel Sánchez Cáceres (6)

Ux y Big Data
Ux y Big DataUx y Big Data
Ux y Big Data
 
Ux y Big Data
Ux y Big DataUx y Big Data
Ux y Big Data
 
UX para start ups
UX para start upsUX para start ups
UX para start ups
 
Moderar un test de usuarios
Moderar un test de usuarios Moderar un test de usuarios
Moderar un test de usuarios
 
LeanUX
LeanUX LeanUX
LeanUX
 
Plan Comunicacion 2 0
Plan Comunicacion 2 0Plan Comunicacion 2 0
Plan Comunicacion 2 0
 

Último

Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
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
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxNorberto Chacon
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
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
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxcalc5597
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanaMarsielMendoza1
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTADMaryNavarro1717
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
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
 

Último (20)

Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
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
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
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
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
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
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
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
 
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
 

20 leyes heuristicas usabilidad

  • 1. UX in Perú uxinperu.wordpress.com 20 LEYES HEURÍSTICAS SOBRE USABILIDAD Ley Resultado 1 El logotipo de la organización deberá estar enlazada con la página de inicio. 2 Actualizar regularmente el contenido que sus usuarios utilizan con más frecuencia 3 Cerciórese de que el contenido de las secciones esenciales del sitio no se encuentre a más de tres ‘clicks’ (niveles de enlace) de la página principal 4 La navegación del sitio debe ser colocada en un área inmediatamente visible, usualmente a lo largo de la parte superior de la página o bien a lo largo del lado izquierdo de la ventana del “Browser”. 5 El logotipo de la organización debe ser localizado en la esquina izquierda superior de cada página y se recomienda emplear en lo posible las medidas estándar de 60x60 pixels 6 La distribución de los diversos elementos de contenido en el interfaz deberán ser organizadas jerárquicamente con el fin de que los usuarios lo perciban y asimilen con un esfuerzo mínimo 7 Todas las imágenes deberán contar con texto descriptivo mediante el empleo de el atributo ‘ALT’ para que los navegadores con la opción de descargar imágenes desactivada o de solo texto lo puedan leer, así como sistemas alternativos especializados para usuarios con discapacidad 8 Cada una de las páginas del Sitio Web deben contar con títulos de página diferentes y descriptivos del contenido de la misma.
  • 2. UX in Perú uxinperu.wordpress.com 9 El nombre de cada página debe tener el nombre de la Marca de la empresa u organización, así como también algunas palabras claves. referentes al contenido expuesto en la página. El nombre deberá ser el propio, sin pronombres (“el”, “la”, “una”, etc) para que permita la facilidad de indexado tanto en motores de búsqueda como de listas de favoritos (“bookmarks”)…(El Nombre… NO! - Nombre…SÍ!) 10 Todo sitio público deberá ser creado pensado en una conexión a Internet promedio de 56 kbps o menos. Entre más rápido cargue el sitio mejor, ya que empezamos a satisfacer la necesidad prioritaria del visitante, esto es, obtener la información que busca. 11 En una página tipo galería de fotos o similar, Evite el empleo de imágenes grandes que descarguen lentamente. Emplee imágenes pequeñas (“thumbnails”) que sugieran su ampliación a conveniencia de los usuarios 12 Considere en el diseño del Sitio que el contenido sea adaptable a las diversas resoluciones –tamaños de pantalla-- empleadas por los usuarios. En caso de usar listas en tablas, no utilice tamaños fijos en las mismas (para efectos de crecimientos de texto o interfaces “elásticas” que se adapten al ancho de la pantalla). 13 El sitio de debe ser accesible por browsers alternativos (Firefox, Internet Explorer, Mozilla, Opera, Safari, Netscape, etc…) y sistemas operativos (Linux, Windows, Macintosh, etc) sin trabas o exclusiones técnicas de ningún tipo 14 Emplee fuentes (tipografías) en los textos del sitio web que sean comunes a todos los usuarios (Ej: Helvetica, Verdana, Arial, Times New Roman, Georgia) ya que las mismas son empleadas por la mayoría de los sistemas operativos, permitiendo la accesibilidad al contenido sin problemas de compatibilidad 15 En el caso de sitios que cuentan con amplia cantidad de información, incluya un mecanismo de búsqueda en la página de inicio (o principales secciones, a conveniencia), analice su comportamiento y sugiera una opción avanzada con las respuestas a las preguntas más comunes (Frequently Asked Questions)
  • 3. UX in Perú uxinperu.wordpress.com 16 Evite el uso de términos para vínculos tales como “click aquí”, “más información”, “ver detalles”, los cuáles son genéricos. Procure que el texto del vínculo describa el destino del enlace. (Ej. “click aquí para ampliar foto” NO, “Ampliar fotografía de la actividad” SÍ) 17 El uso de ventanas “pop-ups”. deben utilizarse con cuidado. Nunca emplee ventanas “pop-ups” en enlaces de contenido interno. En caso de que su empleo sea necesario y según las circunstancias que se presenten, se debe indicar al usuario que la ventana será abierta en una ventana separada 18 En lo posible, no utilizar “Framesets” (marcos), pues son virtualmente imposibles de utilizar por los “Spiders” (robots de buscadores en Internet) en su proceso de indexado además de que son difíciles de desplegar e interpretar por algunos “browsers”. 19 Desarrolle el sitio mediante la creación de plantillas que empleen formatos estándar para presentación (hojas de estilo – CSS -) y estructura de contenido (XHTML) los cuales permitirán que el sitio sea accedido correctamente, y agregar credibilidad en la percepción del usuario. 20 Cree paralelamente al desarrollo del sitio una hoja de estilos (CSS) que permita imprimir el contenido correctamente, eliminando elementos innecesarios en una impresión (menús, etc.) y en hojas de tamaño estándar (81/2 X 11).