Diseño Del Sitio.
DISEÑO DE URL.
Las reglas para que un URL sea fácil de escribir son:
-Corto
-Palabras comunes
-Letras minúsculas.
-Evitar caracteres especiales, utilizar exclusivamente letras y
dígitos (cuidado con las oes y con los ceros)
•Soportar URL antiguos
Los URL antiguos deben permanecer funcionales durante al menos medio año,
y preferiblemente durar dos años o más.
En ellos se redirigirá desde el servidor al usuario al nuevo URL.
El protocolo http indica dos códigos:
-301 indica que la página se ha movido de forma permanente.,
-302 indica que es un traslado temporal.
•Hacer publicidad de un URL
Para integrar su presencia en línea con las actividades que realiza en el mundo
real, todos los anuncios y marketing deben incorporar los URL apropiados que
señalen a su sitio web.
Todo producto físico tamb
•Mantener las páginas en el mismo URL.
Siempre que se reorganiza un sitio o se mueven archivos por otros motivos,
hay que asegurarse de que los URL sigan funcionando.
•URL de archivado
Construir el sitio para facilitar la atracción de vínculos entrantes.
OPCIONES DE BÚSQUEDA.
La búsqueda debe resultar de fácil acceso desde cada una de las páginas del sitio.
No es recomendable ofrecer búsquedas dirigidas que estén limitadas a buscar en
un subsitio, en caso de ser necesario se tiene que declarar explícitamente en qué
ámbito se está buscando e incluir un vínculo con la página que busque en todo el
sitio. Este vínculo también tiene que estar en la página de consulta y en la página
de los resultados de búsqueda.
•Descripción de página y palabras clave.
Abstracciones breves de la página
Añadir una serie de palabras clave en una etiqueta meta que vaya dentro del
encabezado de página. La lista de palabras clave debe incluir términos
simples y términos compuestos.
Utilizar caja de búsquedas ancha.
•Página de resultados de búsqueda.
Situar los más importantes primero.
Eliminar coincidencias duplicadas de la misma página.
Los sistemas de búsqueda deben reconocer la calidad situando una página
FAQ en las primeras posiciones.
Estructurar los resultados de la búsqueda con arreglo a la estructura del sitio.
•Búsqueda avanzada.
Evitar la búsqueda booleana.
Utilizar la búsqueda avanzada cuando si se ofrece en una página que no sea
la de las búsquedas sencillas.
Sistema de búsqueda bien diseñado que lleve a cabo comprobaciones
ortográficas y que ofrezca gran número de sinónimos.
NAVEGACIÓN.
¿Dónde puedo ir? Existen tres tipos de vínculos de hipertexto que indican posibles
destinos:
-vínculos incrustados: texto subrayado, indican “más cosas”
-vínculos estructurales: señalan sistemáticamente a otros niveles de la
estructura del sitio, a los iguales y a los secundarios de una jerarquía. -
vínculos asociativos: ofrecen pistas a los usuarios “véase también”
•Anchura frente a profundidad.
Diseño de navegación más habitual enumera todos los niveles superiores del sitio,
normalmente con una banda en la parte izquierda de la página. Este diseño
acentúa la anchura.
•Estructura de un sitio.
Las dos reglas más importantes son: tener una estructura y hacer que ésta refleje
el punto de vista del usuario sobre el sitio, de la información o de los servicios.
La estructura de un sitio debe estar determinada por las tareas que los usuarios
van a llevar a cabo en su sitio. La mayor parte de los sitios poseen una estructura
jerárquica.
LAS PÁGINAS DE INICIO FRENTE A LAS INTERIORES.
Es mejor tratar de ser muy literal y describir cada elemento del interfaz por lo
que es y por lo que hace.
Sin embargo un símil puede ser útil por dos cosas: puede ofrecer una estructura
unificada para el diseño y puede facilitar el aprendizaje.
¿QUÉ TAMAÑO DEBE TENER LA PÁGINA?
Ancho de la página de inicio.
La mayoría están en 600 pixels.
Las pantallas de bienvenida deben desaparecer porque ralentizan al usuario en
su intento de llegar a la página de inicio.
LA PÁGINA DE INICIO
Debe ofrecer tres cosas:
-directorio de las principales áreas de contenido del sitio(esquema de
navegación del sitio)
-noticias o promociones especiales.
- opción de búsqueda.
Diseño Del Contenido
DOCUMENTACIÓN EN LÍNEA
Facilitar la localización de las páginas de documentación a los usuarios.
•Proporcionar muchos ejemplos.
•Resaltar cómo hacer las cosas paso a paso.
•Proporcionar un breve modelo conceptual del sistema.
•Glosario integrado.
•Ser breve.
LEGIBILIDAD
Reglas básicas que aseguran la legibilidad en un sitio web:
•Utilizar colores de alto contraste entre el texto y el fondo, lo mejor es texto
negro sobre fondo blanco
•Fondos de colores claros o patrones de formato muy sutiles.
•Fuentes suficientemente grandes para buena lectura.
•Texto estático y preferiblemente alineado a la izquierda.
•Evitar el uso de mayúsculas en el texto
ESCRIBIR TITULARES
Las principales directrices para escribir titulares son:
•Explicar claramente sobre qué versa el artículo.
•Lenguaje claro.
•No ser misterioso.
•No escribir los artículos en los asuntos de correo electrónico y en los títulos de
página pero no en los titulares incrustados en una página. •Convertir la primera
palabra en algo importante.
•Evitar que todos los artículos de la página comiencen por la misma palabra.
TÍTULOS DE PÁGINA
•Títulos que tengan de 2 a 6 palabras, con no más de 60-80 caracteres.
•Páginas diferentes necesitan títulos diferentes.
•Optimizar los títulos para una búsqueda rápida.
Eliminando los artículos del título y que se aproximen más a eslóganes
que a frases gramaticales.
•Haga que los textos sean breves
•Escribir un 50% menos de texto
•Revisión de los textos
Todas las páginas web deben pasar por un revisor ortográfico y las
organizaciones web de alto nivel deben contratar correctores
profesionales.
•Facultad de hojear
Se debe escribir para facilitar el hojeado estructurando los artículos con
dos o tres niveles de titular, utilizando encabezados significativos,
utilizando listas con viñetas y elementos de diseño similares, utilizando
resaltado y énfasis para hacer que las palabras importantes retengan la
atención del usuario.
•Lenguaje claro
Empezar cada página por la conclusión empleando la estructura de la
pirámide (lo más importante al principio de la página), lengua llana, no
abuso de metáforas ni tampoco del humor ni de juegos de palabras.•Fragmentación de las páginas
Texto breve dividiendo la información en múltiples nodos conectados por
vínculos de hipertexto. Dividir la información en fragmentos coherentes y
que cada uno se centre en un determinado tema. La información larga y
detallada puede ser relegada a páginas secundarias al igual que la
información interesante para una minoría se puede mostrar a través de un
vínculo.
Los estudios sobre usabilidad revelan que los usuarios centran su interés en el
contenido. El contenido es lo primero.
•Las tres directrices principales para escribir en la web son:
-Ser sucinto
-Escribir para poder encontrar las cosas.
-Utilizar hipertexto para dividir la información extensa en múltiples
páginas.
Factores que influyen en la usabilidad
A continuación se tratan los factores más importantes que influyen en la usabilidad
de un sitio Web
Diseño De Página
TIEMPOS DE RESPUESTA.
•Echar una ojeada a la primera pantalla.
Lo más importante relacionado con el tiempo de respuesta es que el
usuario vea una pantalla de información útil: la parte superior de la página debe tener sentido, utilice atributos de texto ALT en las imágenes,
el navegador debe dibujar rápidamente la parte superior de la página,
reducir la complejidad de las tablas dividiendo la información en varias
tablas.
Descargas rápidas, conexiones rápidas.
Los posibles recursos son reducir al mínimo el HTML, el número y el
tamaño de los gráficos y de los multimedia. Reutilizar las imágenes dentro
de sus páginas y sitio. Aparte de las descargas rápidas es necesario
conexiones a Internet muy rápidas, para ello es necesario mantener las
páginas web por debajo de 34 kilobytes para los usuarios con MODEM
(basado en un estudio de Proven Edge Inc)
Los usuarios solicitan que aceleremos la descarga de páginas. Actualmente, el
objetivo mínimo de los tiempos de respuesta es el de ofrecer páginas a los
usuarios en no más de diez segundos.
Recomendación normal en torno a los tiempos:
• 0.1segundos es el límite para que el usuario perciba la descarga como
inmediata.
• 1 segundo es el límite que hay para que el usuario piense que no hay
interrupción.
•10 segundos es el límite
•El tiempo de respuesta depende de una serie de elementos que forman
una cadena: rendimiento del servidor, conexión del servidor con el
navegador, propio Internet, conexión del usuario con Internet, velocidad
del navegador y de la computadora del usuario, por tanto las demoras son
acumulativas y no dependen de un único factor.
•Indicar el tamaño de los archivos cuya descarga vaya a durar más de diez
segundos tomando como referencia el ancho de banda medio de los
usuarios
•Tiempos de respuesta previsibles
Todo lo que se pueda hacer para estabilizar los tiempos de respuesta
redundará en una mejora de la usabilidad. Guarde la variabilidad del
tiempo de reacción de la página en un mínimo.
SEPARAR EL SIGNIFICADO DE LA PRESENTACIÓN
El diseño original de la web y su formato de datos, HTML, están basados en el
significado de la información y no en su presentación. El uso de la codificación
semántica permite que el dispositivo optimice la pantalla a la medida de sus
posibilidades
DISEÑO DE PLATAFORMA CRUZADA.
En la web el usuario suele controlar su navegación por las páginas mientras que
los diseñadores web tienen que soportar la navegación controlada por el usuario.
La flexibilidad es la clave.
•Uso de contenido no estándar.
Evitar en la medida de lo posible los códigos que no sean estándar y, si
no, utilizar valores predeterminados razonables que funcionen en cualquier
caso.
•Proporcione páginas imprimibles separadas
•Diseño independiente de la resolución
Diseñar para todas las resoluciones de pantalla. No usar nunca un ancho
de píxel fijo para ninguna tabla, marco o elemento de diseño, exceptuando
las barras finas en la parte lateral de la página. Habrá que especificar
diseños como porcentajes del espacio disponible.
Asegurarse de que los diseños funcionan bien tanto con fuentes pequeñas
como con las grandes.
Los elementos gráficos también deben diseñados para distintas
resoluciones.
Utilice el texto para el texto, no incluir texto en los gráficos.
•¿De dónde vienen los usuarios?
Normalmente vienen a través de computadoras tradicionales pero también
hay que considerar la posibilidad de que accedan a través de un móvil o
de un automóvil por ello diseñar las páginas sobre las pantallas pequeñas
y especificarlas en términos que permitan a los navegadores optimizar la
pantalla en base a las circunstancias individuales de cada usuario.
ESPACIO DE PANTALLA.
•Las páginas web deben estar presididas por un contenido que despierte la
atención del usuario.
•Como norma el contenido de interés para el usuario debe ocupar al menos la
mitad del diseño de una página y, preferiblemente, hasta un 80%. La navegación
debe mantenerse por debajo del 20% del espacio de las páginas de destino.
•Desde el punto de vista de la usabilidad sería mejor eliminar todos los elementos
innecesarios tal como la publicidad, en caso de que tenga que haber publicidad
considerarla dentro del espacio de navegación.
USABILIDAD EN LA WEB
La usabilidad se puede considerar como la capacidad del producto software para permitir que usuarios específicos logren realizar tareas específicas con productividad, efectividad, seguridad y satisfacción en determinados casos de uso. El objetivo de un producto es que posea la calidad necesaria y suficiente para que satisfaga las necesidades de usuario explícitas e implícitas.
2.4 Como Los Usuarios Utilizan Realmente La Webl
2.5 ¿Qué es la usabilidad?
2.5.1 Definiciones
¾ Definición 2
Podemos definir también la usabilidad [Nielsen] como la medida en la cual un
producto puede ser usado por usuarios específicos para conseguir objetivos
específicos con efectividad, eficiencia y satisfacción en un contexto de uso
especificado.
¾ Definición 3
La usabilidad, hace referencia, a la rapidez y facilidad con que las personas llevan
cabo sus tareas propias a través del uso del producto objeto de interés, idea que
descansa en cuatro puntos:
• Facilidad de aprender: ¿Cómo de rápido puede un usuario que nunca ha
visto el interfaz a usar ejecutar tareas básicas?
• Eficacia de uso: ¿Una vez que el usuario haya aprendido a utilizar el
sistema, cómo de rápido puede lograr tareas?
• Facilidad del sistema para ser recordado: ¿Si un usuario ha utilizado el
sistema anteriormente, recuerda lo bastante para utilizarlo con más eficacia
la próxima vez o no?
• Frecuencia y severidad del error: ¿ Con qué frecuencia los usuarios
cometen errores, cómo de serios son estos errores y cómo de fácil es solventar
estos errores?
• Satisfacción subjetiva: ¿ Al usuario le gusta utilizar el sistema, está
satisfecho?
Algunas de las características son más importantes que otras. Para la Web, la
facilidad de aprendizaje es a menudo la cualidad más importante de la usabilidad
puesto que los usuarios no suelen pasar mucho tiempo en un sitio web que no
entienden o no saben manejar. La satisfacción subjetiva también es un factor
importante ya que los usuarios pueden irse libremente a otro sitio.
• El producto ha de satisfacer la necesidades del usuario: Los usuarios son
gente ocupada intentando llevar a cabo una tarea. Se va a relacionar
usabilidad con productividad y calidad. El hardware y el software son las
herramientas que ayudan a la gente ocupada a realizar su trabajo y a disfrutar
de su ocio.
• Un amplio conocimiento del contexto de uso: Las personas utilizan los
productos para incrementar su propia productividad. Un producto se considera
fácil de aprender y usar en términos del tiempo que toma el usuario para llevar
a cabo su objetivo, el número de pasos que tiene que realizar para ello, y el
éxito que tiene en predecir la acción apropiada para llevar a cabo. Para
desarrollar productos usables hay que entender los objetivos del usuario, hay
que conocer los trabajos y tareas del usuario que el producto automatiza,
modifica o embellece.
• Una aproximación al usuario: Usabilidad significa enfocarse en los usuarios.
Para desarrollar un producto usable, se tienen que conocer, entender y
trabajar con las personas que representan a los usuarios actuales o
potenciales del producto.
•Satisfacción: ausencia de incomodidad y la actitud positiva en el uso del
producto. Se trata, pues, de un factor subjetivo.
•Eficiencia: recursos empleados en relación con la precisión y plenitud con que
los usuarios alcanzan los objetivos especificados. A esta idea van asociadas la
facilidad de aprendizaje (en tanto que supone un coste en tiempo; igualmente,
si se requiere un acceso continuo a los mecanismos de ayuda del sistema), la
tasa de errores del sistema y la facilidad del sistema para ser recordado (una
asimilación inapropiada puede traducirse en errores de usuario).
•Efectividad: precisión y la plenitud con las que los usuarios alcanzan los
objetivos especificados. A esta idea van asociadas la facilidad de aprendizaje
(en la medida en que este sea lo más amplio y profundo posible), la tasa de
errores del sistema y la facilidad del sistema para ser recordado (que no se
olviden las funcionalidades ni sus procedimientos).
¾ Definición 1
La usabilidad [Olsina,99] es una característica de alto nivel -que se puede medir
mediante el cálculo a partir de métricas directas e indirectas- y representa la
capacidad o potencialidad del producto para ser utilizado, comprendido y operado
por los usuarios, además de ser atractivo. Incluye a subcaracterísticas como
comprensibilidad, operabilidad y comunicatividad entre otras como estética y estilo
que hacen que el artefacto sea agradable de usar.
Por medio de la usabilidad se asegura un diseño útil y se prueba que el usuario
detecta de modo apropiado el uso del sistema y no de manera equívoca.
2.4.3 No aprecian cómo trabajan las cosas.
Una de las cosas que llega a ser obvia tan pronto como usted haga cualquier prueba
de usabilidad es el grado al cual la gente utiliza cosas sin entender cómo trabaja, o
con ideas totalmente incorrectas sobre cómo trabaja.
2.4.2 No hacen elecciones óptimas
Cuando estamos diseñando las páginas, tendemos a asumir que los usuarios
explorarán la página, considerarán todas las opciones disponibles, y elegirán la
mejor.¿ Por qué los usuarios de la web no buscan la mejor opción?
•Tienen generalmente prisa
Sopesar opciones puede no mejorar sus ocasiones. En sitios mal diseñados,
poner esfuerzo en la elección de la mejor opción realmente no ayuda.
•El conjeturar es más divertido.
Por supuesto, éstos no quiere decir que los usuarios nunca piensan opciones
antes de que chasquen. Depende de cosas como su mente, cómo están
presionados por tiempo, y de cuánta confianza tienen en el sitio.
2.4.1 No leen las páginas. Las exploran.
La excepción, por supuesto, es las páginas que contienen documentos como historias
de las noticias, informes, o descripciones del producto
¿Por qué explorar?
•Tienen generalmente prisa.
•Saben que no necesitan leer todo.
Un estudio realizado por Steve Krug en su libro “Don’t Make Me Think” revela los
siguientes comportamientos de los usuarios:
2.3 Situación actual
Desgraciadamente, el diseño y el desarrollo del sito web es
conducido a menudo por la tecnología o por la estructura de organización u objetivos
de negocio, más que por lo que el usuario necesita. En años recientes sin embargo,
los dueños y diseñadores del sitio web han comenzado gradualmente a reconocer la
importancia de la usabilidad.
¿Cuál es el propósito del sitio web?
- Qué servicios se proporciona a los usuarios
- Apoyo técnico a los clientes
- Información del producto a clientes posibles
Topic principal
Subtopic
2.2 En que se diferencia de un producto software
Sin embargo, la web es diferente de un producto software, y la naturaleza de la web
plantea nuevos desafíos a los diseñadores que están intentando incorporar usabilidad
en sus sitios.
¾ En el diseño de productos y software, los usuarios pagan de antemano y
experimentan la usabilidad después.
¾ En la Web, los usuarios experimentan primero la usabilidad y pagan
después.
¾ Las expectativas infladas del usuario de la tecnología del Internet pueden
ser difíciles de satisfacer.
¾ Un sitio Web puede atender a multiplicidad de perfiles de usuario y sus
distintos requerimientos. El construir un sitio orientado a audiencias no
siempre es fácil
¾ En la Web el usuario no ha hecho una inversión en un sitio particular, y otras
opciones son fácilmente disponibles y accesibles
¾ La mayoría de los sitios Web requieren estar operativos en un corto espacio
de tiempo y esto dificulta el nivel de rigor de varias actividades del proceso
2.1 Definición
La usabilidad se puede considerar como la capacidad del producto software para permitir que usuarios específicos logren realizar tareas específicas con productividad, efectividad, seguridad y satisfacción en determinados casos de uso. El objetivo de un producto es que posea la calidad necesaria y suficiente para que satisfaga las necesidades de usuario explícitas e implícitas.
