Usabilidad web
Upcoming SlideShare
Loading in...5
×
 

Usabilidad web

on

  • 549 views

 

Statistics

Views

Total Views
549
Slideshare-icon Views on SlideShare
436
Embed Views
113

Actions

Likes
0
Downloads
17
Comments
0

2 Embeds 113

http://conexionunimo.wordpress.com 109
http://alumnos.movieclip.com.mx 4

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Usabilidad web Usabilidad web Presentation Transcript

  • UsabilidadI.T. Julio Heberto González MoralesUniversidad MontrerAgosto 2012
  • BICICLETA PARA CONFERENCIAS
  • SILLA PARA FRIOLENTOS
  • TETERA PARA MASOQUISTAS
  • FUSIL PARA KANGUROS
  • ¿Qué tienen en común? TODOS SON OBJETOS QUE.. NO SE PUEDEN USAR
  • ¿Por qué la mayoría de los sitios web son difíciles de usar?
  • UsabilidadEs la cualidad de un producto para ser usado confacilidad.Significa que las personas que usan el producto lohagan de forma fácil y rápida para conseguirrealizar su tarea
  • La usabilidad se mide en...EFICACIA Menos erroresEFICIENCIA Más rápidoSATISFACCION DE USO Más lealtad
  • La Usabilidad busca lafelicidad facilidad1.Fácil de aprender2.Fácil de usar3.Fácil de recordar4.Disminuir la cantidad y severidad de los errores5.Satisfacción subjetiva del usuario
  • ¿EN QUIÉN ESTÁ CENTRADO EL DISEÑO DE UN SITIO WEB?
  • “HEMOS LOGRADO UN CONCEPTO REALMENTE INNOVADOR”
  • LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL DISEÑADOR
  • “No está bonito pero estafuncionando, probado al 100%”
  • LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL DESARROLLADOR
  • “¿Y si me le pones unos brillitos aquí y una tonadita de fondo?”“Ahhh! sí, quiero que le pongas algo que se mueva”
  • LO ANTERIOR ES UN EJEMPLO DE...DISEÑO CENTRADO EN EL CLIENTE
  • DISEÑO CENTRADO EN EL USUARIO
  • “Es una metodología de diseño, en la que seinvolucra al usuario durante todo el proceso dediseño y desarrollo del Sitio Web”El secreto está en poner en armonía losobjetivos de una organización con lasnecesidades de sus usuarios..
  • Arquitectura de información
  • Definición simple La arquitectura de la información es la cienciaque hace fácil lo complejo
  • ¿Cómo se hace?
  • 1. Documento GuíaFundamentos del proyectoAntecedentesObjetivos del sitio (cliente)Usuarios y sus motivacionesLluvia de ideas con el cliente e involucrados alproyecto
  • AntecedentesBreve historia y trayectoria del cliente que estasolicitando los servicios y del proyecto en si paraplantear la solución más adecuada.Levantamiento de requerimientosSi se hace un desarrollo por primera vez, se comenta agrandes rasgos lo que se espera lograr del sitio.Si se hace un rediseño del sitio, especificar las razonespor las cuales ya no se desea continuar con el actual,sus áreas de oportunidad y pros que pueda tener.
  • Definición de objetivosEstablecer los objetivos y la forma de cumplirlos.Escribirlos con frases que inicien con verbos queexpresen las acciones a realizar.No llegar a más de 5 proposiciones
  • Usuarios y motivaciones¿Dónde viven?¿Qué edad tienen?¿Qué género?¿Qué idioma hablan?¿Cuál es su estatus socio-económico?¿Qué conocimientos técnicos tienen?¿Qué clase de conexión tienen con Internet?¿Qué nivel de experiencia de Internet tienen ydesde cuando?¿Frecuencia de uso de Internet?¿Desde donde se conecta a Internet?¿Cuáles son sus 6 principales usos de Internet?
  • Usuarios y motivaciones¿Qué obtienen del sitio?¿Qué desean ejecutar del sitio?¿Cuándo visitarán el sitio?¿Durante cuánto tiempo permanecerán en el sitioen una visita?¿Cuándo volverán al sitio, si es que lo hacen?¿Cuáles son las tareas que desempeñaran en elsitio?
  • Perfiles y EscenariosRealiza entrevistas o encuestas.Los escenarios se utilizan para saber el orden delas acciones de un usuario para realizar unobjetivo específico.
  • Perfiles y EscenariosEjemplo:Un usuario que quiere obtener una información en lasecretaría: primero, averigua el horario de trabajo de lasecretaría; segundo, se dirige al local; tercero, solicitael servicio; y cuarto, espera el tiempo necesario paraque la secretaria le prepare la información que solicitó.De esta información se puede deducir la importanciaque tiene la información del horario en el sitio web y ladigitalización de las principales informaciones queofrece la secretaría. También se deduce que antes deofrecer los servicios de la secretaría, se debe poner elhorario, por si algún usuario desea obtener otro
  • 2. BechmarkingAprende de la competenciaRealizar análisis competitivos y comparativos conotros sitios web mediante evaluacionesheurísticas.Saca lo bueno y lo malo de cada sitio de lacompetencia.
  • 2. BechmarkingLa finalidad de esta técnica: Mejorar nuestro producto o servicio Superar a la competencia
  • Evaluación heurísticaAnálisis de experto en el cual se hace unainspección minuciosa a interfaces o sistemas conel fin de determinar si cumplen con los principiosde usabilidad, diseño o arquitectura deinformación.
  • Evaluación heurísticaVentajas Son más económicas Requiere de menos tiempo y preparación Son más fáciles de implementarDesventajas Se necesitan varios expertos en usabilidad Posible existencia de problemas para estandarizar, categorizar y priorizar los cambios de diseño
  • Evaluación heurísticaInvestigar ¿Quién es Jackob Nielsen? ¿Cuáles son sus 10 reglas heurísticas de usabilidad?
  • Evaluación heurísticade sitios webRubricas ✓ Generales ✓ Identidad e información ✓ Lenguaje y redacción ✓ Rotulado ✓ Estructura y navegación ✓ LayOut de la página ✓ Búsqueda ✓ Elementos multimedia ✓ Ayuda ✓ Accesibilidad ✓ Control y retroalimentación
  • 3. Inventario deContenidosLo importante es el contenidoContenido actualContenido de la competenciaContenido sugerido
  • 4. SEO y SEMLa relación entre el sitio y los buscadoresConsideraciones de la competenciaAnálisis de palabras claveDefinición de estrategia
  • 5. Card SortingConociendo el mapa mental del usuarioDefinición de usuariosDefinición de tarjetasEjecución y análisis de resultados
  • 6. BlueprintsMapa de navegación del sitioInvestigación previaDefinición preliminarPruebas de usuarioPlanos definitivos
  • 7. WireframesBocetos de baja resoluciónInvestigación previaDefinición preliminarPruebas de usuarioWireframe definitivos