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
 
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
 
Jm checklist
Jm checklistJm checklist
Jm checklist
 
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

Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfjuandavidbello432
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfSharonSmis
 
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdfyolandavalencia19
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.JimenaPozo3
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfsolidalilaalvaradoro
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfYesiRoh
 
Tarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfTarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfLigiaItzelPerez
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxPercyTineoPongo1
 
Arquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñoArquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñosindyaldana1
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfSharonSmis
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxYeissonRINCONRIVERA
 
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfCRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfpaulmaqueda395
 
exposuturas.pptxffffffffffffffffffffffffffffff
exposuturas.pptxffffffffffffffffffffffffffffffexposuturas.pptxffffffffffffffffffffffffffffff
exposuturas.pptxffffffffffffffffffffffffffffffCesarQuiroz35
 
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDREVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDElenitaIriarte1
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 20242024 GCA
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfTpicoAcerosArequipa
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello
 
elracismoati-131016234518-phpapp01.jjjpptx
elracismoati-131016234518-phpapp01.jjjpptxelracismoati-131016234518-phpapp01.jjjpptx
elracismoati-131016234518-phpapp01.jjjpptxFAngelChaupisGarcia
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlojefeer060122
 

Último (20)

Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdf
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdf
 
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdf
 
Tarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdfTarjetas de cumpleaños para imprimir.pdf
Tarjetas de cumpleaños para imprimir.pdf
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
 
Arquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñoArquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseño
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptx
 
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfCRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
 
exposuturas.pptxffffffffffffffffffffffffffffff
exposuturas.pptxffffffffffffffffffffffffffffffexposuturas.pptxffffffffffffffffffffffffffffff
exposuturas.pptxffffffffffffffffffffffffffffff
 
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDREVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
 
elracismoati-131016234518-phpapp01.jjjpptx
elracismoati-131016234518-phpapp01.jjjpptxelracismoati-131016234518-phpapp01.jjjpptx
elracismoati-131016234518-phpapp01.jjjpptx
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlo
 

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).