Etapa de Diseño Web

PROGRAMACIÓN III
ETAPA DISEÑO
Lic. Eduardo A. Zubieta C.
"La usabilidad trata sobre el comportamiento humano; reconoce
que el humano es emotivo, no está interesado en poner demasiado
esfuerzo en algo, y generalmente prefiere las cosas que son fáciles
de hacer contra las que son difíciles de hacer."
David McQuillen
”Taking Usability Offline" Darwin Magazine, Junio 2003
2
CREES QUE ESTOS OBJETOS PUEDEN USARSE
3
4
5
¿POR QUE EXISTE?
6
7
Y QUE OPINAS DE ESTAS PAGINAS WEB
8
9
http://dokimos.org/
10
11
Como se puede observar estas paginas no cumplen
con el estándar de usabilidad
¿Que paso?
En muchos
casos los
diseñadores
piensan que
los usuarios
son perfectos
12
DEFINCIONES DE USABILIDAD
13
USABILIDAD EN LA WEB
La usabilidad web es el grado de facilidad de uso que tiene una
página web para los visitantes que entran e interactúan con ella.
Una web con una buena usabilidad es aquella que permite a los
usuarios una interacción sencilla, intuitiva, agradable y segura.
14
REGLAS DE ORO DE LA USABILIDAD
Según Jakob Nilesen en su investigación determino las reglas de oro
de usabilidad web, las cuales se mencionan a continuación:
El usuario manda en internet: Sin usuarios la aplicación web no
sirve de nada.
Rapidez y fiabilidad: La aplicación sea confiable y rápida.
Seguridad: Garantizar la seguridad (considerar Cyber Ataques)
Confianza: Implementar niveles de protección y privacidad de
la información de los usuarios.
Simplificar, reducir y optimizar: Diseñar una aplicación web
simple, pero que cumpla sus objetivos.
Buenos contenidos: Escribir un 25% de lo que normalmente
pondría en una versión escrita. 15
ASPECTOS A CONSIDERAR EN EL
DISEÑO WEB USABLES Y ACCESIBLES
Tiempo de Carga
La página debe tener un máximo de 10 segundos a la conexión
media de los usuarios, esto permitirá a los usuarios acceder a la
página fácilmente y sentirse satisfecho con su búsqueda.
16
Longitud de la Pagina
Una página no sea muy extensa ayudará que la web sea más usable y
le ahorrará tiempo al momento de buscar contenidos en el sitio.
Al momento de hacer scroll en la página es importante que esta tenga

una extensión de una o dos páginas completas, no debe excederse con
más de tres pantallas.
17
Colocación del Logotipo
Ubicarlo el logo en la parte superior izquierda, este debe estar
vinculado al inicio de la página, de tal forma que si el usuario quiere
regresar a la página principal solo marque el logo y pueda regresar.
18
Opción de búsqueda
Para que una página web sea usable debe contar con opciones que
ayuden a mejorar la búsqueda de los contenidos, es necesario que
las páginas cuenten con estas opciones, así podrán encontrar la
información de forma rápida y eficiente.
. BUSCADOR
19
Información de contacto
Proporcionar un vínculo con la información de contacto al que se
llamará “Contacte con nosotros”.
Esta opción proporcionará los teléfonos con los códigos del país, su
dirección con información de acceso a Google Maps, email, enlace a
todos los canales de redes sociales, horarios de atención y un formulario
que tendrá que llenar el usuario con sus datos personales y
requerimientos.
20
Acerca de …
Se indica a los usuarios sobre el propósito que tiene la pagina y que
ofrece a los usuarios.
Como ejemplo la pagina de una empresa, considere el compromiso
de la empresa, responsabilidad la trayectoria que tienen y cuan
confiable es a tal punto que se pueda elegir esa empresa de otras.
21
Música con reproducción no automática
Si se opta por usar sonido dentro de la web se debe poner a disposición
del usuario para reproducirla o no. Es importante que si se usa esta
opción se ponga en una parte visible de la página de inicio. MUSICA
22
Imágenes
La página de inicio debe ocupar entre 5 y 15% de espacio de imagenes,
el motivo es porque visualmente distrae a los usuarios con muchos
elementos gráficos y también porque el abusar de las imágenes
aumenta el riesgo de que la página pese más y como resultado su
descarga va ser más lenta impidiendo una buena navegación y
obligando al usuario abandonar la página.
23
Publicidad
Las páginas de inicio deben tener 3 publicidades sean internos o
externos, de esta forma se podrá garantizar la usabilidad del sitio y
evitar que la publicidad interfiera en la búsqueda de los contenidos.
24
Texto
Para que una página web cuente con una buena usabilidad es
necesario que sus textos tengan ciertas características que ayuden a
una mejor lectura. Se debe tomar en cuenta cuatro aspectos principales:
el color de letra, tamaño fuente y fondo.
.
25
Contenido del Texto
Se debe tomar en cuenta que los textos para una web son distintos a los de un
texto tradicional los contenidos para las páginas cuentan con aspectos tales
como la precisión, links, imágenes , negrillas, aspectos que harán mas
multimedia a un texto. Para la web indica las nuevas formas de escritura que
exigen contenidos cortos, precisos y comprensibles.
26
Sistema de rotulado Controlado y Preciso
Los rótulos deben ser significativos, deben hacerle entender al usuario

a donde está ingresando es así que se deben evitar rótulos del tipo
“haga clic aquí” ya que podrán confundir al usuario y se verá obligado
abandonar la página.
27
Mapa del sitio
Se debe hacer la implementación del mapa del sitio para que los
usuarios se guíen de una forma eficiente, de lo contrario tendrían que
navegar por toda la web para encontrar algo en específico.
28
ACCESIBILIDAD DE LA WEB
Se refiere a la posibilidad de acceso en la que todos los potenciales
usuarios (sin excluir aquellos que tengan discapacidades), dominio del
idioma o limitaciones con el acceso al software y hardware puedan
hacer uso de la web sin ningún impedimento.
29
Visualización de la Pantalla
Para que una página web sea accesible debe adaptarse a la comodidad
de todos sus usuarios. Es así que tomar en cuenta la adaptación de
pantalla es necesario para evitar molestias en la navegación.
30
Navegadores
Diseñar paginas web que sean visualizadas adecuadamente a través de
los distintos navegadores que use el usuario.
31
ATRIBUTOS ALT
En el campo de la accesibilidad se lo utiliza con el propósito de que las
personas ciegas, con ceguera a los colores o poca visión puedan saber
que describen las imágenes a las que ellos quieran acceder.
32
Read Speaker
ReadSpeaker, es el primer servicio en el mundo de conversión de texto
a voz, tiene como propósito ayudar a las personas con discapacidades
visuales a escuchar un texto sin necesidad de verlo.
33
Daltonimo
Para diseñar una página web para daltónicos se debe recurrir al apoyo
de iconos que indiquen al usuario que color se está utilizando y así
pueda ver las diferencias en las distintas secciones de la página. Para
estas técnicas recomienda utilizar iconos de ColorADD, un sistema
creado por Color Universal Desing Organization (CUDO).
34
Bibliografía
1.-Principios básicos de usabilidad y accesibilidad
Percy Negrete
https://es.slideshare.net/DCU_MPIUA/1-fundamentos-usabilidad-
accessibilitat-ux
2.-Manual de usabilidad
Gabriela Estrella
https://es.slideshare.net/GabrielaEstrella1/manual-de-usabilidad-
61926520?from_action=save
3.-Usabilidad y acceso en la Web

Guillermo M. Martínez de la Teja
http://www.semac.org.mx/archivos/6-11.pdf
35

Etapa de Diseño Web

Cargado por

Copyright:

Formatos disponibles

Etapa de Diseño Web

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Etapa de Diseño Web

Cargado por

Copyright:

Formatos disponibles

PROGRAMACIÓN III

Al momento de hacer scroll en la página es importante que esta tenga

Los rótulos deben ser significativos, deben hacerle entender al usuario

3.-Usabilidad y acceso en la Web

También podría gustarte