Comienza Ya. Es Gratis
ó regístrate con tu dirección de correo electrónico
Rocket clouds
USABILIDAD por Mind Map: USABILIDAD

1. CONCEPTO

1.1. Anteriormente a éste termino se le conocía como: DISEÑO CENTRADO EN EL USUARIO O HUMAN COMPUTER INTERACTION (HCI)

1.2. El exito de una aplicación se basa en dos pilares

1.2.1. Que sea ÚTIL

1.2.2. Que sea de fácil uso

1.3. Facilidad de manejo de la aplicación

2. APORTES

2.1. Incremento de nuevos clientes

2.2. Calidad y creatividad en un producto

3. JAKON NIELSEN

3.1. 5 CONCEPTOS DE LA USABILIDAD

3.1.1. EFICIENCIA

3.1.2. FACILIDAD DE APRENDIZAJE

3.1.3. FACILIDAD PARA RECORDAR

3.1.4. GESTION DE ERRORES

3.1.5. SATISFACCIÓN

4. PUNTOS BASICOS PARA UNA BUENA USABILIDAD

4.1. LOS CONTROLES DE NAVEGACIÓN

4.1.1. Como mínimo 3

4.1.1.1. Retorno al menú principal

4.1.1.2. Retorno al menú de la selección

4.1.1.3. Retorno a la pantalla Previamente Visualizada

4.2. LOS MENÚS

4.2.1. No se debe saturar la aplicacón con 20 menús, pero tampoco dejar en un solo boton toda la información, eso sería terriblemente para el usuario.

4.3. SU ESTRUCTURA

4.3.1. Tener en claro que estructura le vamos a dar a nuestra aplicación.

4.3.1.1. JERARQUICA

4.3.1.1.1. RED

4.3.1.2. LINEAL

4.3.1.3. LINEAL CON JERARQUÍA

5. BUSCANDO EQUILIBRIO

5.1. DISEÑO Y CONTENIDO

5.1.1. Los diseñadores inexpertos comenten el grave error de saturar las paginas web con mucho contenido multimedia, sin saber que esto perjudica la visualizacion de la pagina por su gran cantidad de elementos, videos, imagenes, texto, etc. Ya que entre mas pesada, mas se demorara en cargar en el navegador web.

6. ADAPTACIÓN AL MEDIO

6.1. Simpre debemos tener en cuenta en que entorno se visualizara la pagina web o plataforma para su perfecto uso

6.1.1. Cuando no tenemos este conocimieto, se debe hacer lo mas independiente del hardware para que los usuarios no tengan problemas al visualizarlas en diferentes dispositivos.

7. ACCESIBILIDAD

7.1. El aspecto hace que nuestra pagina web sea agradable para el usuario es la accesibiladad.

7.1.1. DEBEMOS TENER EN CUENTA

7.1.1.1. EL ASPECTO: la combinacion de colores con sus respectivos contrastes.

7.1.1.2. Version de "SOLO TEXTO" para aquellas personas con discapacidad visual puedan escuchar la descripcion de la pagina o plataforma web

7.1.1.3. Tener la opción ZOOM

7.1.1.4. Tener la opción de descargar o imprimir la informacion que nos brinda la plataforma web.

7.1.1.5. Aviso de presencia de sonido de fondo para usuarios con deficiencia auditiva notificando un mensaje en la pantalla.

7.1.1.6. Que sea Multilingue

8. DISEÑO GENERAL DEL SITIO WEB

8.1. Leguaje básico

8.1.1. HTML

8.1.2. El uso de hojas de estilos CSS

8.1.2.1. con esto le damos forma a nuestro sitio web

8.2. Que sea bien estructurado

8.2.1. La pagina

8.2.1.1. TITULOS

8.2.1.1.1. ETIQUETAS H1,H2,H3 ... ETC

8.2.1.2. SUBTITULOS

8.3. Área de utilidad

8.3.1. Pantalla total

8.3.1.1. contenido 80%

8.3.1.2. navegacion 20%

8.4. Nunca olvidar la imagen corporativa

8.4.1. Logo

8.5. NO Ignorar la direccion URL

8.5.1. Son de maxima importancia

8.5.1.1. Ya que esta es la identificacion de todos los contenidos de nuestra página web

8.5.1.1.1. tambien se debe escoger una denominacion facil de recordar.

8.6. EL DOMINIO

8.6.1. No debe ser largo y si son varias palabras tratar de unirlas sin espacio ni guiones, esto afectaría su ubicacion.

9. ORGANIZACIÓN

9.1. Mapa de navegación

9.2. Los textos

9.2.1. Presentaciones de los textos

9.2.1.1. éstos no deben medir mas de 800px de ancho.

9.2.1.2. tipologias

9.2.1.2.1. Verdana

9.2.1.2.2. Arial

9.2.1.3. tamaños

9.2.1.3.1. Para niños y ancianos 12 a 14 puntos

9.2.1.3.2. para jovenes de 10 a 12 puntos

9.2.2. Formato de texto

9.2.2.1. Tamaño visible

9.2.2.2. Jamas se debe subrayar texto que no sea un enlace, esto perdera el usuario

9.2.2.3. No se debe escribir todo en mayuscula

9.2.2.4. No se debe usar mas de 2 tipografias en la misma pagina

9.3. La página no debe ser tan larga, esto aburrira al cliente

10. ENLACES

10.1. Un enlace debe ser corto, ua demasiado largo dificulta la lectur del texto

10.2. En ningun caso se debe saturar la página con tantos enlaces

11. GRAFICOS

11.1. Son un aporte fundamental en el sitio web

11.1.1. Sirve para hacer publicidad

11.1.2. Generar un mejor ambiente y comunicacion con el cliente

11.2. Su uso excesivo es perjudicial para el sitio web

11.3. Siempre se recomiendan imagenes pequeña, asi sera mas rapido al descargar en el navegador

11.4. siempre se debe incluir un texto descriptivo en las imagenes.

11.5. Hay que indicar el tamaño de la imagen en codigo HTML.

11.6. SEGUN SU FORMATO

11.6.1. JGPE: Consigue una gran comprension de la imagen sin bajar mucho su calidad

11.6.2. GIF: Para imagenes sencillas y con pocos colores

11.6.3. PNG: Para imagenes renderizadas, este formato tiene lo mejor de JPGE Y GIF, buscando ser el formato estandarizado en el uso de HTML

12. NAVEGADORES

12.1. Debe disponer de controles básicos

12.1.1. Pagina anterior y siguiente

12.1.2. Indice de contenido

12.1.3. Menus desplegables, menus solapas o barras de navegacion.

12.1.4. Para las bases de datos es bueno tener el motor de busqueda