Pgina de Inicio 0 20 0 Navegabilidad y Arq. De la Informacin 0 29 0 Formularios y entrada de datos 0 23 0 Calidad del Contenido y Escritura 0 23 0 Diagramacin y Diseo Grfico 29 38 38 88% Calificacin Final 133 38 0% 25% 50% 75% 100% Pgina de Inicio Navegabilidad y Arq. De la Informacin Formularios y entrada de datos Calidad del Contenido y Escritura Diagramacin y Diseo Grfico Revisin de Experto Userfocus Ltd 2005 1 Calificacin Userfocus Ltd 2005 2 Directriz Comentarios Todos los elementos de la pgina de inicio estn claramente enfocados en las tareas claves de los usuarios (La featuritis - proliferacin de caractersticas - ha sido evitada). La pgina de inicio contiene un campo de texto para bsquedas. Se presentan las categoras de productos y estn claramente visibles en la pgina de inicio. Existe contenido de utilidad en la pgina de inicio o a un clic de distancia de la pgina inicial. La pgina de inicio contiene buenos ejemplos sobre el contenido en el resto del sitio web. Los links de la pgina de inicio empiezan con la palabra clave ms importante (ej. en ingls "Sun holidays" en vez de "Holidays in the sun"). Existe en la pgina de inicio una lista breve de elementos recientes, con un link hacia el contenido completo. Las reas de navegacin en la pgina de inicio no sufren de un abuso de formato/diseo y los usuarios no las podran confundir con publicidad. La proposicin de valor est claramente establecida en la pgina de incio (e.g. con un lema o propaganda de bienvenida). La pgina de inicio contiene informacin grfica con sentido, sin clip art por ejemplo. Las opciones en la navegacin estn ordenadas en el orden ms lgico o de alguna forma orientada a las tareas ms importantes (con la informacin corporativa menos importante al final). El ttulo de la pgina de inicio va a proveer buena visibilidad a mquinas de bsqueda como Google. Toda la informacin corporativa est bien agrupada en una sola rea por aparte (ej. "Acerca de"). Los usuarios van a entender la proposicin de valor. Con solo un vistazo a la pgina de inicio el usuario que ingresa por primera vez puede entender por dnde comenzar. La pgina de inicio muestra todas las opciones principales. La pgina de inicio tiene una direccin URL fcil de recordar. La pgina de inicio est diseada profesionalmente y va a crear una primera impresin positiva. El diseo de la pgina de inicio va a animar a los usuarios a explorar ms del sitio. La pgina de inicio realmente luce como una pgina de inicio, es decir, las pginas secundarias no se podran confundir con sta. Pgina de Inicio Userfocus Ltd 2009 3 Directriz Comentarios Existe una manera obvia y conveniente para moverse entre las pginas relacionadas y secciones y es fcil retornar a la pgina de inicio. La informacin que ms necesitan los usuarios es fcil de navegar en la mayora de las pginas. Las opciones de navegacin son ordenadas en la manera ms lgica u orientada a las tareas. El sistema de navegacin es amplio y sencillo (muchos tems en un men) en vez de un men profundo (con varios niveles). La estructura es simple, con un modelo conceptual claro sin niveles innecesarios. La mayora de secciones del sitio estn disponibles en todas las pginas (navegacin persistente) y no hay puntos muertos. Las pestaas de navegacin estn localizadas en la parte superior de la pgina y se ven como versiones clickeables de pestaas reales. Existe un mapa del sitio que provee una descripcin general del contenido del sitio. El link al mapa del sitio aparece en todas las pginas del sitio. El mapa del sitio provee una concisa descripcin general del sitio y no es una redistribucin de la navegacin principal o una lista de cada tpico. Existe una buena retroalimentacin para el usuario (e.g. indicndole en cul lugar del sitio se encuentra). Las etiquetas de las categoras describen con precisin la informacin de las mismas. Las etiquetas de navegacin y links contienen las palabras clave que los usuarios necesitan para alcanzar su objetivo. La terminologa y convenciones (como los colores de los links) son aproximadamente consistentes con el uso web general. Los links se ven igual en las diferentes secciones del sitio. Las pginas de productos contienen links a productos similares o complementarios con el fin de dar soporte a la venta cruzada. Los trminos usados para la navegacin de los tems y links no son ambiguos ni especficos de una regin. Los usuarios pueden ordenar y filtrar las pginas de catlogos (e.g. ordenando segn el precio o mostrar los 'ms populares'). Existe un cambio visible cuando el ratn apunta a algo clickeable (excluyendo los cambios de cursor). El contenido importante puede ser accesado por ms de un link (usuarios diferentes pueden requerir diferentes etiquetas para los links). Las pginas de slo navegacin (como la pgina de inicio) pueden ser vistas sin necesidad de desplazamiento. Los links que invocan acciones (e.g. descargas, nuevas ventanas) estn claramente distinguidos de los links que cargan otras pginas. El sitio permite al usuario controlar el ritmo y secuencia de la interaccin. Existen puntos claros de salida en cada pgina permitiendo al usuario abandonar la tarea actual sin tener que ir a una ventana extensa. El sitio no deshabilita el botn Regresar y dicho botn aparece en la barra de herramientas del navegador en todas las pginas. Hacer click en el botn Regresar siempre lleva al usuario de vuelta a la pgina de donde vino. Un link para el carrito de compras y otro para el checkout aparecen siempre visibles en todas las pginas. Si el sitio abre nuevas ventanas, estas no deben confundir al usuario (e.g. son del tamao de las ventanas de dilogo y pueden ser fcilmente cerradas). Las instrucciones del men, las preguntas y los mensajes aparecen en el mismo lugar en cada pgina. Navegabilidad y arquitectura de la informacin Userfocus Ltd 2009 4 Directriz Comentarios Los campos de entrada contienen valores predeterminados cuando as se requiera y muestran la estructura de los datos y la longitud del campo. Cuando una tarea involucra documentos fuente (como un formulario de papel), la interfaz es compatible con las caractersticas del documento fuente. El sitio automticamente introduce el formateo de los datos (e.g. smbolos de moneda, comas para los miles, espacios al principio o al final). Los usuarios no necesitan introducir caracteres como or Las etiquetas para los campos explican claramente cules campos son requeridos. Las cajas de texto en los formularios tienen el tamao adecuado para el dato que se debe introducir. Existe una clara distincin entre campos requeridos y opcionales en los formularios. El mismo formulario es utilizado tanto para conectarse o registrarse (e.g. como Amazon). Los formularios deben advertir al usuario si informacin externa es necesitada para su completitud (e.g. nmero de pasaporte). Las preguntas en los formularios estn agrupadas de manera lgica y cada grupo tiene un ttulo descriptivo. Los campos en los formularios contienen ayudas, ejemplos o modelos de respuestas para demostrar el dato que se debe introducir. Cuando hay campos en el formulario que toman la forma de preguntas, dichas preguntas deben ser claras y en lenguaje simple. Las listas de opciones, botones de radio y casillas son preferibles a las cajas de texto en los formularios (e.g. no se debe abusar del uso de las cajas de texto). En las ventanas para introducir informacin, el cursor es ubicado en donde el dato debe ser introducido. Los formatos de los datos estn claramente indicados por el dato de entrada (e.g. fechas) y el dato de salida (e.g. unidades de medida). Los usuarios pueden completar tareas simples introduciendo solamente la informacin esencial (y el sistema supliendo la informacin no-esencial de manera predeterminada). Los formularios permiten a los usuarios permanecer con un mtodo simple de interaccin lo ms que se pueda (e.g. los usuarios no necesitan hacer numerosos cambios de teclado a mouse). El usuario puede cambiar los valores predeterminados en los campos de los formularios. Las cajas de texto indican la cantidad y el formato de los datos que deben ser introducidos. Los formularios son validados cuando la informacin es enviada (submit). En las ventanas para introducir informacin, el sitio lleva a cabo la revisin de los campos y la revisin del formulario en el momento apropiado. El sitio hace fcil corregir los errores (e.g. cuando un formulario est incompleto, posicionar el cursor en donde la correccin debe ser hecha). Hay consistencia entre los datos que deben ser introducidos y los datos que se muestran en la pantalla. Las etiquetas estn cerca de los campos del formulario (e.g. las etiquetas estn justificadas a la derecha). Formularios y entrada de datos Userfocus Ltd 2009 5 Directriz Comentarios El sitio tiene contenido nico y atractivo. El texto es conciso, sin instrucciones innecesarias ni mensajes de bienvenida. El contenido de cada pgina comienza con conclusiones o implicaciones y el texto es escrito en estilo de pirmide invertida. Las pginas usan vietas y listas numeradas en vez del texto narrativo. Las listas son precedidas de una introduccin concisa (e.g. una palabra o frase) ayudando a los usuarios a apreciar cmo los tems se relacionan unos con otros. Los temes ms importantes de una lista estn situados al inicio de la misma. La informacin est organizada jerrquicamente, de lo general a lo especfico, y la organizacin es clara y lgica. El contenido ha sido especficamente creado para la web (las pginas web no contienen material de brochures por ejemplo). Las pginas de productos contienen el detalle necesario para hacer una compra y los usuarios pueden ver las imgenes del producto con acercamiento. El hipertexto ha sido usado apropiadamente en la estructura del contenido. Las oraciones estn escritas en voz activa. Las pginas son rpidas de examinar, con ttulos grandes, subttulos y prrafos cortos. El sitio usa mapas, diagramas, grficos, diagramas de flujo y otros componentes visuales en vez de puros bloques de texto. Cada pgina est claramente etiquetada con un til y descriptivo ttulo que tiene sentido cuando se desea guardar en los marcadores. Los links y sus ttulos son descriptivos y no hay links tipo Click aqu!. El sitio evita los ttulos con lenguaje difcil de entender. Los links coinciden con el ttulo de las pginas destino, as los usuarios sabrn cuando han llegado a la pgina a la que queran ir. Las etiquetas de los botones y links comienzan con palabras de accin. Los ttulos y subttulos son cortos, fciles, sencillos y descriptivos. Las palabras, frases y conceptos utilizados son familiares para cualquier usuario convencional. Las listas numeradas comienzan en 1 y no en 0. Los acrnimos y abreviaturas deben ser definidos al ser usados por primera vez. Los textos de los links son lo suficientemente largos para ser entendidos, pero lo suficientemente cortos para evitar el corte de palabras en diferentes renglones (especialmente si son usados en una Calidad del Contenido y Escritura Userfocus Ltd 2009 6 ALAN LOPEZ HUAYNATES Directriz Comentarios La densidad de la pantalla es apropiada para los usuarios finales y sus tareas. 1 El diseo ayuda a poner atencin en cul paso es el siguiente. 1 En todas las pginas, la informacin ms importante (como los tpicos, caractersticas y funciones ms frecuentemente usados) es presentada en la primera pantalla de informacin (por encima de la tapa). 1 El sitio puede ser usado sin desplazamiento horizontal. 1 Todo lo que es clickeable (como los botones) son efectivamente presionables. 0 Falla al clickear en esta opcion. http://www.apesoft.org/oComerciales.html Los tems que no son clickeables tienen caractersticas que sugieren que efectivamente no son clickeables. 1 La funcionalidad de los botones y controles es obvia a partir de sus etiquetas o de su diseo. 1 Las imgenes clickeables incluyen textos redundantes (no existe una navegacin misteriosa). 0 La palabra Asociados se repite por banner colocado, deberia verse como una seccion Los links son fciles de identificar sin necesidad de ir pasando el mouse para verificar si son links (e.g. estn subrayados). 1 Las fuentes son usadas consistentemente. 1 La relacin entre los controles y sus acciones es obvia. 1 Los conos y grficos son estndar y/o intuitivos (concretos y familiares). 0 Al inicio la grafica es muy recargada de imgenes parpdeandtes que distraen la vista, seria bueno utilizar un script que permita generar un efecto de ruleta. Existe un claro punto visual de partida en todas las pginas. 1 Cada pgina del sitio comparte un diseo consistente. 0 Creo que podria mejorar el diseo plantilla, es muy angosto, existe un autosize para que esta se dimencione de acuerdo a la configuracion de la pantalla. Las pginas del sitio son formateadas para impresin, o en su defecto, existe una versin imprimible. 1 Los botones y los links muestran cuando son clickeados. 1 Los componentes grficos (como los botones de radio y las casillas) son usados apropiadamente. 1 Las fuentes son legibles. 1 El sitio evita el texto itlico y utiliza el subrayado solamente para los links. 1 Existe un buen balance entre la densidad de la informacin y el uso del espacio en blanco. 1 El sitio es agradable a la vista. 0 El sitio no contiene elementos que crean la ilusin de que el usuario ha alcanzado el inicio o el final de una pgina cuando no es as. 0 El sitio evita el uso excesivo del texto en maysculas. 1 El sitio tiene un consistente y claro diseo visual que es capaz de enganchar a los usuarios. 0 Deberia trabajarse en la teoria de colores. El azul saturado se evita para detalles finos (e.g. lneas delgadas y smbolos). 1 El color es utilizado en la estructura y para agrupar tems en la pgina. 1 Los grficos no deben ser confundidos con los anuncios de publicidad. 1 La negrita es usada solamente para enfatizar los tpicos importantes. 1 912228.00 Diagramacin y diseo grfico Userfocus Ltd 2009 7 En las pginas de contenido, los renglones no son ni muy cortos (menos de 50 caracteres por rengln) ni muy largos (ms de 100 caracteres por rengln) cuando son vistos en un navegador con ancho estndar. 1 Las pginas han sido diseadas en una cuadrcula, es decir, con tems y objetos alineados tanto horizontalmente como verticalmente. 1 Las etiquetas significativas, los colores usados en los fondos y el apropiado uso de bordes y espacios en blanco ayudan a los usuarios a identificar un conjunto de tems como un bloque 1 Existe una correcta combinacin de colores y se evitan los fondos complicados. 0 Si existe una correcta, pero insisto los tonos son aburridos a la vista. Las pginas individuales estn libres de informacin irrelevante y desordenada. 1 Los elementos estndar (como ttulos de pginas, navegacin del sitio, navegacin de pginas, poltica de privacidad, etc.) son fciles de localizar. 1 El logo de la organizacin est ubicado en el mismo lugar en todas las pginas y hacer click en el logo retorna al usuario a la pgina ms lgica (e.g. la pgina de inicio). 1 Las caractersticas que atraen la atencin (como las animaciones, las negritas y los elementos con diferente tamao) son usadas con moderacin y slo cuando son relevantes. 0 Al inicio son muy recargadas las imgenes que parpadean. Los conos son visualmente y conceptualmente distintos pero mantienen una armona (pertenecen a la misma familia). 1 Las funciones e informacin relacionada son agrupadas y cada grupo puede ser examinado en un espacio fijo (5 grados, aproximadamente 4.4cm de dimetro de crculo en la pantalla). 1 Userfocus Ltd 2009 8