Está en la página 1de 6

CUESTIONARIO DE INTERFACES WEB

1. ¿Cuáles son las consideraciones que deben tenerse al diseñar un interfaz web?
2. ¿Cuál es su contenido y organización?
3. ¿Qué es accesibilidad? ¿Qué características deben tenerse en cuenta?
4. ¿Qué otros elementos pueden mencionarse como parte del diseño web?
Descríbalos.

Respuestas

1. Consideraciones del diseño de interfaz web:


a. Establecer un nivel de importancia:
Se debe establecer un nivel de importancia de mayor a menor para cada
categoría y destacarlas en el diseño. Las categorías más importantes deben
aparecer al principio de la página (normalmente un menú de barra) para que
los usuarios puedan acceder a ella más rápidamente.
b. Reducir la sobrecarga de trabajo a los usuarios:
Automatizar la mayor parte de la función del sitio como sea posible. Eliminar
la necesidad de que los usuarios realicen tareas como realizar cálculos
mentales, realizar estimaciones, recuperar números de cuenta y
contraseñas, etc. Permita que el equipo realice tantas tareas como sea
posible para que los usuarios puedan concentrarse en realizar tareas que
realmente requieren procesamiento y entrada de datos humanos.
c. Ser consistente:
Presente información y funciones similares de manera consistente en todo el
sitio, incluyendo logos, títulos de páginas, encabezados, elementos de
navegación, etc. También use una posición consistente en todas las páginas
para logos, texto recurrente, botones y gráficos. Cuanto más consistente sea
un sitio web en su diseño, más fácil será para los usuarios evaluar
rápidamente las categorías y las expectativas de coincidencia en todas las
páginas. Los usuarios, especialmente los usuarios mayores, tienden a
aprender y recordar lugares de información, funciones y controles. Tenga en
cuenta que los usuarios pasan la mayor parte de su tiempo en otros sitios,
que es donde forman sus expectativas sobre cómo funciona la Web en su
sitio.
d. Proveer un feedback a los usuarios:
El feedback proporciona a los usuarios la información necesaria para pasar
a la siguiente actividad, este puede ser tan simple como cambiar el color de
un vínculo que ya haya sido visitado.
e. Incluir logos:
Coloque un logotipo (s) en un lugar coherente en cada página para
asegurarse de que los usuarios son plenamente conscientes de que están
en su sitio web. Frecuentemente los usuarios no son conscientes cuando
han hecho clic en un sitio Web diferente. Los logotipos son la forma más
efectiva de asegurar que los usuarios sepan dónde están. El logotipo debe
estar en una ubicación consistente en cada página; Muchos diseñadores
colocan el logotipo en la esquina superior izquierda.
f. Limitar el tamaño máximo de la página:
Mantenga el tamaño de página web igual o inferior a 30.000 bytes para un
tiempo de cargado de página aceptable. Las páginas que superan este
tamaño pueden aumentar el tiempo de espera de los usuarios; Dependiendo
de su conexión, los usuarios no pueden esperar a que la página se cargue.
g. Limitar el uso de frames:
No incluya frames en sitios Web, a menos que exista una razón fuerte
(claramente justificable) para hacerlo. Utilice frames solamente cuando otras
soluciones de diseño no sean adecuadas. Los frames pueden tomar más
tiempo para diseñar, desarrollar y mantener. La división de una página en
frames puede ser confusa para los usuarios ya que pueden romper el
modelo de usuario fundamental.

2. Consideraciones del contenido y su organización


a. Establecer un nivel de importancia:
Se debe establecer un nivel de importancia de mayor a menor para cada
categoría y destacarlas en el diseño. Las categorías más importantes deben
aparecer al principio de la página (normalmente un menú de barra) para que
los usuarios puedan acceder a ella más rápidamente. La información menos
importante requiere desplazarse hacia abajo
b. Proveer contenido útil:
Proporcione contenido útil y utilizable en cada página, de acuerdo al objetivo
del sitio Web.
El contenido es el elemento más crítico de un sitio Web, y proporcionar un fácil
acceso y buena usabilidad al contenido equivocado lo hace poco útil al sitio
c. Establecer la información relevante en lo alto de la jerarquía:
Poner el contenido más importante tan cerca de la parte superior de la
jerarquía de búsqueda como sea posible.
Crear un sitio Web que se presta a un estilo jerárquico de organización (es
decir, la estructura piramidal con la información más importante en la parte
superior), es beneficioso para "aplanar" la jerarquía y proporcionar más
información lo antes posible. Cuanto más pasos (o clics) los usuarios deben
tomar para encontrar la información deseada, mayor será la probabilidad de
que hagan una elección incorrecta.
d. Usar párrafos y oraciones cortas:
Escribir oraciones con 20 o menos palabras y párrafos con menos de cinco
oraciones. Use listas para romper frases largas, si es necesario. La
legibilidad mejora cuando las oraciones y los párrafos son relativamente
cortos, ya que los usuarios tienden a omitir el texto que consideran no
esencial.
e. Proveer opciones de impresión:
Se debe proporcionar una forma alternativa a todos los documentos,
recursos o archivos que puedan imprimirse en su totalidad.
Muchos usuarios prefieren leer el texto de una copia en papel de un
documento porque les resulta más conveniente, pues les permite tomar
notas en el papel. Además, los usuarios a veces imprimen páginas porque
no confían en que el sitio Web disponga de dichas páginas en un futuro.

3. ¿Qué es accesibilidad? ¿Qué características deben tenerse en cuenta?


La accesibilidad web tiene como objetivo lograr que las páginas web sean
utilizables por el máximo número de personas, independientemente de sus
conocimientos o capacidades personales e independientemente de las
características técnicas del equipo utilizado para acceder a la Web.
a. Uso sabio del color:
No hay que confiar sólo en el color para comunicar un mensaje.
Debemos asegurarnos de que el texto y los gráficos son comprensibles
cuando se ven sin color. Si los diseñadores dependen del color para
transmitir la información, los usuarios que son daltónicos pueden recibir la
información. Cuando los colores de primer plano y de fondo están cerca del
mismo tono, pueden producir un contraste insuficiente en pantallas
monocromáticas y para personas con ciertos tipos de déficit de color.

b. Diseño para la independencia del dispositivo:


La independencia de dispositivos está basada principalmente en la idea de
que los usuarios deben poder interactuar con el sitio Web utilizando un
dispositivo de entrada (o salida) preferido para acceder a la información y de
que la misma estará siempre disponible y accesible para el usuario, evitando
la fragmentación de la Web en espacios accesibles sólo por dispositivos
concretos. El objetivo principal es mejorar la experiencia del usuario y al
mismo tiempo reducir costes al desarrollar estándares que permitan acceder
a esa información desde cualquier dispositivo.
La Independencia de Dispositivo, desde dos puntos de vista diferentes,
implicaría:
● Desde el punto de vista del usuario implica acceso universal.
● Desde el punto de vista del desarrollador, implica un único desarrollo
con multitud de aplicaciones. Ejemplo: lo que implicaría un Diseño
web adaptativo (adaptable) o Responsive Web Design (RWD).

c. Proporcionar formatos alternativos:


Ofrecer alternativas equivalentes al contenido visual y auditivo para los
usuarios que no tienen el software adecuado o lectores de texto.
Algunos usuarios no pueden usar directamente imágenes, películas,
sonidos, applets, etc., pero pueden usar páginas que incluyan información
equivalente a esta visual o al sonido de contenido auditivo.
● Utilice la etiqueta HTML "alt" para dar a los usuarios una descripción de
texto simple de un elemento visual o para cuando no carga la imagen en vez
de aparecer el típico recuadro con la cruz te puede salir (dependiendo del
navegador) el texto que has colocado en el “alt”.
● Proporcione descripciones detalladas de texto para contenido visual (por
ejemplo, un gráfico o diagrama) o contenido auditivo.
● Considere la posibilidad de proporcionar equivalentes de texto no textual
para los no lectores o usuarios que tienen dificultades para leer.

d. Proporcionar enlaces de texto redundantes:


Proporcionar enlaces de texto redundantes para cada región activa de un
mapa de imagen.
Si el software de los usuarios no puede ver una imagen, no puede
seleccionar la imagen en sí o partes de la imagen.

e. Proporcionar contenido de control de usuario:


Permitir a los usuarios controlar los cambios de contenido sensibles al
tiempo, para que puedan detener el movimiento, el parpadeo, el
desplazamiento o la actualización automática de objetos en la páginas.
Los usuarios con discapacidades físicas pueden no ser capaces de leer de
forma rápida o precisa lo suficiente como para interactuar con el texto u
objetos en movimiento. Algunos usuarios con discapacidades cognitivas o
visuales son incapaces de leer el texto en movimiento rápidamente. Para
algunos usuarios con discapacidades cognitivas, cualquier movimiento
puede causar tal distracción que el resto de la página se vuelve ilegible.

4. ¿Qué otros elementos pueden mencionarse como parte del diseño web?
Descríbalos.
a. Contenido:
La página no debe ser atractiva solamente en su parte visual, debe tener un
contenido interesante que atraiga lectores.
Ninguna página puede considerarse exitosa si no cuenta con un contenido
apropiado y actualizado frecuentemente. El contenido da la posibilidad real
de aumentar el número de visitas y hacer que los viejos visitantes consulten
la página a menudo (porque encuentran siempre algo nuevo).

b. Botones e iconos:
Utilizar botones prácticos y representativos, así como iconos grandes y
vistosos aumenta la facilidad de navegación en la página y se dan una guía
clara a los usuarios, no es necesario colocar accesorios que no van a
brindar un valor real, por ejemplo un reloj para clientes que se encuentran
en el mismo huso horario.

c. Animaciones y movimiento:
Para generar una sensación de dinamismo, es bueno utilizar elementos
animados. Pero es importante no excederse con los elementos móviles, la
cuota del 20% del total de la página es suficiente, porque pueden causar
saturación, distraer la atención de las cosas importantes que se quieren
decir y por último sacar al usuario del sitio

d. Imágenes:
Deben usarse buenas fotografías, imágenes que no estén pixeladas (baja
resolución) o desenfocadas, ya que esto da idea sobre la calidad misma del
sitio.También se pueden utilizar ilustraciones sencillas (imágenes
vectoriales).

e. Fondos claros y sencillos:


Los fondos claros o totalmente blancos facilitan la visualización, también
dan un aspecto despejado a la página resaltando las imágenes. Para
lecturas largas se usan fondos oscuros para no cansar la vista.
f. Sobriedad:
Una página debe permitir una fácil visualización de los contenidos
(videos,
imágenes, textos) sin saturar al cibernauta.
Si la información o contenido tarda en ser cargado es una visita menos y un
potencial cliente o negocio que no conoció la oferta que se propone.
Tener un diseño sencillo con botones o enlaces en el lugar adecuado,
genera un fácil reconocimiento y navegación que en posteriores visitas se
traduce en una identificación con los usuarios.
Un sistema de contenido dinámico atrae, y es necesario actualizar la
información de acuerdo al ritmo que determine la organización.