Clase U. del Pacífico 18 de marzo
Upcoming SlideShare
Loading in...5
×
 

Clase U. del Pacífico 18 de marzo

on

  • 535 views

 

Statistics

Views

Total Views
535
Views on SlideShare
535
Embed Views
0

Actions

Likes
0
Downloads
11
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

Clase U. del Pacífico 18 de marzo Clase U. del Pacífico 18 de marzo Presentation Transcript

  • AI-Usabilidad 18 de marzo de 2011
  • información tipografíacolores hosting fotografías diseño maquetas programación clientes
  • 2 maneras
  • sitos completos en flash
  • sitos completos en flash
  • no se fijan en la necesidad
  • no se fijan en la necesidad
  • vale más la organización que los usuarios
  • vale más la organización que los usuarios
  • skip intro
  • skip intro
  • skip intro
  • skip introhttp://www.skipintros.com/
  • ¿información de interés?
  • ¿información de interés?
  • ¿información de interés?
  • venden mal
  • venden mal
  • venden mal
  • no son accesibles
  • no son accesibles
  • no son accesibles
  • no son accesibles
  • Sitios hechos completamente en flash, casi porcompleto inaccesibles
  • Sitios hechos completamente en flash, casi porcompleto inaccesiblesSitios del estado pensados desde la organización.difíciles de comprender y utilizar por el usuario alcual está dirigido
  • Sitios hechos completamente en flash, casi porcompleto inaccesiblesSitios del estado pensados desde la organización.difíciles de comprender y utilizar por el usuario alcual está dirigidoAmplia oferta de desarrollo web en poco tiempo ypor precios irracionales
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales?
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE “No me gusta el azul”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE “No me gusta el azul” “Mi área debe ir en la home”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE “No me gusta el azul” “Mi área debe ir en la home” “La foto del ministro debe estar en el inicio”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales?DISEÑO CENTRADO EN EL CLIENTE “No me gusta el azul” “Mi área debe ir en la home” “La foto del ministro debe estar en el inicio” “Es que el gerente lo quiere así”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales?
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN LA TECNOLOGÍA
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN LA TECNOLOGÍA “Eso no se puede hacer”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN LA TECNOLOGÍA “Eso no se puede hacer” “Su sitio en flash por 250 lks”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN LA TECNOLOGÍA “Eso no se puede hacer” “Su sitio en flash por 250 lks” “Es que para mí es más fácil hacerlo así”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales?
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN EL DISEÑADOR
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN EL DISEÑADOR “Si más se mueve más lo ve la gente”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN EL DISEÑADOR “Si más se mueve más lo ve la gente” “Me gusta más el verde”
  • ¿En quién está centrado del diseño y el desarrollo desistemas digitales? DISEÑO CENTRADO EN EL DISEÑADOR “Si más se mueve más lo ve la gente” “Me gusta más el verde” “Se ve mejor el buscador abajo”
  • La única forma de luchar contra esto es ...
  • La única forma de luchar contra esto es ... con TÉCNICA
  • Sitios usables
  • Sitios usables
  • útiles
  • útiles
  • Piensan en quien está detrás de la pantalla
  • Piensan en quien está detrás de la pantalla
  • Piensan en quien está detrás de la pantalla
  • accesibles
  • accesiblesencontrables
  • accesiblesencontrables navegables
  • accesiblesencontrables navegablesfáciles de usar
  • diseño centrado en el usuario
  • Objetivo
  • Mejorar el proceso decreación de sitios web
  • Mejorar la experiencia de usuario impedir la frustración
  • Definición de unametodología de mejora constante
  • PREMISAS MÁXIMAS
  • 1. EL USUARIO ESLO MÁSIMPORTANTE
  • Para élPor élCómo él
  • 2. la información en la Web no sólo se lee, se usa (Juan Carlos Camus)
  • III. Tenemos queasegurar que seafácil de ocupar portodos
  • el (DCU) tiene 3 componente fundamentales
  • Usabilidad
  • UsabilidadArquitectura de la Información
  • UsabilidadArquitectura de la Información Accesibilidad
  • ¿Qué es la usabilidad?
  • Medición quedetermina qué tan fácil de usar es un sitio (así de fome)
  • ¿Qué tan importante es?
  • “Me equivoqué”
  • “Me equivoqu锓La tecnología no es para mí”
  • “No sé cómo usar “x” sitio web”
  • “No sé cómo usar “x” sitio web” “No lo encuentro”
  • ¿Qué es la AI?41
  • Es parte del diseño integral de sistemas que ayudan apersonas a encontrar lo que necesitan
  • Richard Saul WurmanEl estudio de la organización de lainformaciónCon el objetivo de permitir encontrar su víade navegación al conocimiento y lacomprensión de la información
  • Louis Rosenfeld y Peter Morville Combinación de esquemas de organización, representación y navegación dentro de un sistema
  • Louis Rosenfeld y Peter Morville Diseño estructural de un espacio informático para facilitar la culminación de tareas y el acceso intuitivo al contenido
  • Louis Rosenfeld y Peter Morville Arte y ciencia de estructurar y clasificar sitios web e intranets (medios digitales) con el fin de ayudar a los usuarios a encontrar y manejar la información
  • Jasse James Garret Diseño estructural del espacio informacional para facilitar el acceso intuitivo a los contenidos47
  • Edwad TufleEl diseño de la presentación de lainformación para facilitar su entendimiento
  • Baeza-Yates,Velasco y RiveraLa AI se ocupa del diseño estructural de lossistemas de informaciónSu problema central es la organización,recuperación y presentación de lainformación
  • En Chile y el mundo• AI Institute• Cadius• Cadius Chile• AI Chile
  • Arquitecto de la información• En Chile• En el mundo
  • Arquitecto de la información• Persona que organiza los patrones inherentes a la información• Hace lo complejo entendible
  • Qué debe hacer un AI Conjugar varias visiones• Investigar al usuario• Investigar a la organización
  • Conjugar muchas ydiferentes visiones
  • Conjugar muchas ydiferentes visiones
  • Investigar al usuarioempatía = modelos mentales
  • Investigar a la organización(cuáles son los objetivos de la organización)56
  • ¿Algo más?
  • Organizar grandes cantidades de contenidos para que el usuario pueda manejarlos, navegar porellos fácilmente y satisfacer sus necesidades de información
  • Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia
  • Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  • Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  • Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  • Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  • Clarificar la misión y visión del sitio, equilibrando las necesidades del patrocinador y lasnecesidades de la audiencia ¿Se acuerdan?
  • Determinar el contenido y funcionalidad que el sitio tendrá
  • Especificar cómo los usuarios van a encontrarla información al definir su organización, navegación, etiquetado y sistemas de búsqueda
  • ¿Qué es laAccesibilidad?
  • cualidad de un sitiovisitado de forma satisfactoria por el mayor número depersonas, independiente de sus capacidades físicas, del entorno o tecnológicas
  • “El poder de la web está en suuniversalidad. Acceso a la webpara todos independiente de su discapacidad” Tim Berners Lee
  • Lado bueno / lado malo65
  • ¿Cómo se escapa del lado oscuro?
  • ¿Cómo se escapa del lado oscuro?¿Cómo se ejecuta todo esto?
  • Metodología
  • Metodología by
  • Metodología byJase James Garrett
  • Metodología byJase James Garrett http://www.jjg.net/
  • Los elementos de laexperiencia de usuario
  • Los elementos de laexperiencia de usuario
  • Un sitio web que desde su concepción no está pensado en losusuarios está destinado al fracaso
  • Recolección de información Organización de la información (AI) Jerarquía-contenidos 1 Estructuración de wireframes Jerarquía contenidos 2 Diseño visual Jerarquía visual71
  • INVESTIGACIÓN DE USUARIOS Recolección de información Organización de la información (AI) Jerarquía-contenidos 1 Estructuración de wireframes Jerarquía contenidos 2 Diseño visual Jerarquía visual71
  • INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 Estructuración de wireframes Jerarquía contenidos 2 Diseño visual Jerarquía visual71
  • INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 Diseño visual Jerarquía visual71
  • INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 TESTEOS DE USABILIDAD Diseño visual Jerarquía visual71