3-Diseño de Experiencia de Usuario (UX): Prototipo para una Aplicación Móvi by Gabriela Gaetan https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo en-us 2016-09-15 14:03:01 UTC 2024-07-27 18:02:41 UTC hello@padlet.com 1-TECNICAS UX. RELEVAMIENTO CONTEXTUAL gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124062255 Observar, de a uno a la vez, a los usuarios en la situación real y cotidiana en la que utilizan determinada interfaz. Luego se pueden realizar ciertas preguntas para comprender mejor qué fue lo que hizo el usuario y por qué.
Presentación
Observación 
Preguntas
]]> 2016-09-15 14:03:15 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124062255 2- TECNICAS UX. ETNOGRAFIA gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124063696 Rama de la antropología que estudia y describe científicamente la conducta, el comportamiento, las creencias y las acciones de los usuarios de una sociedad y una cultura específica. 
El investigador convive con los sujetos de la investigación para comprender, por propia experiencia y observación directa, el ámbito sociocultural donde están inmersos.]]> 2016-09-15 14:06:15 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124063696 3- TECNICAS UX. PERSONAS gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124064360 Arquetipos de usuarios, por tanto ficticios, que representan las necesidades de segmentos de usuarios  con similitudes de comportamiento, uso de productos, sitios web, etc. 
EJEMPLO:
Gloria, 34 años. Vive en Bilbao y trabaja como secretaria en una multinacional. Su tiempo libre lo dedica a pasarlo con su pareja, tocar el piano y cocinar.
Hace 7 años que usa Spotify Premium. Cuando va a trabajar escucha música desde su iPhone, en el trabajo maneja la musica de las salas de espera con el iPad, cuando va a correr usa su iPod mini, cuando cocina usa el MacBook Pro para descubrir nueva música y, también lo conecta con su sistema de audio de alta fidelidad para compartir esta música con su pareja.
A Gloria le apasiona compartir vibraciones, vivir la música junto a su gente y poner a cada situación una melodía; un ritmo. 
]]> 2016-09-15 14:07:55 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124064360 4- TECNICAS UX. STORYBOARDING gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124065209 Consisten en una serie de dibujos o imágenes dispuestos en formato secuencial de viñetas que representan cómo un determinado sistema será usado durante la consecución de una determinada tarea.]]> 2016-09-15 14:10:02 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124065209 5- OTRAS TECNICAS UX gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124065763
  • Evaluación heurística: Un grupo reducido de evaluadores que, en base a su experiencia y a conocidos principios de usabilidad (heurísticos), evalúan el sitio web, contrastando finalmente los resultados con el resto de evaluadores.
  • Encuestas personales:  Entrevistas con usuarios que responden a un cuestionario de preguntas, comentando las respuestas y recogiendo comentarios del usuario, la manera en que este se expresa, y lo que no expresa.
  • Cuestionarios:  Listas de preguntas que se distribuyen a los usuarios y que estos devuelven respondidas.
  • Ordenación de Tarjetas:  Los usuarios organizan tarjetas relativas a temas o conceptos en categorías.
  • Seguimiento ocular:  Se registra el movimiento de la mirada del usuario durante la prueba de usabilidad. Se usan tecnologías tales como Electrodos de superficie, Lentes de contacto marcadas, Cámaras con procesamiento de imágen,  Seguidores de reflejos. 

    • ]]>     2016-09-15 14:11:17 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124065763     6- TABLA DE MÉTODOS gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124068122 http://www.usabilitynet.org/tools/methods.htm]]> 2016-09-15 14:16:56 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124068122 7- ARQUITECTURA DE INFORMACIÓN gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124080059 1. Sistemas de organización: cómo categorizamos la información. 
    • Estructuras (representan relación). Jerárquicas, Hipertexto, Basadas en bases de datos, Mixtos
    • Esquemas (representan agrupamiento). Exactos (Alfabéticos, Numéricos, Cronológicos, Geográficos), Ambiguos (Temáticos, Funcionales, Por audiencia, Por metáforas), Mixtos / híbridos.

    2. Sistemas de etiquetado    : Cómo mostramos la información (keywords o palabras clave). 

    3. Sistemas de navegación: Cómo nos podemos desplazar por la información existente. 
    • Sistemas integrados (Sistemas globales, Sistemas locales, Sistemas contextuales)
    • Sistemas complementarios (Mapa del sitio, Índices, Guías)

    4. Sistemas de búsqueda: Cómo podemos buscar información.
    • Búsqueda de elemento conocido
    • Búsqueda de existencia
    • Búsqueda exploratoria
    • Búsqueda integral
    ]]>     2016-09-15 14:46:21 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124080059     8- ACCESIBILIDAD MOVIL gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124081156 Pautas de las MWBP familiares:
    • Crea documentos gramaticalmente válidos. 
    • Asigna teclas de acceso rápido a los menús y a las funciones más utilizadas. 
    • Facilita un equivalente en forma de texto para cada elemento no textual. 
    • No utilices medidas absolutas. Etiqueta cada control de formulario y asocia la etiqueta con los controles. 
    • Crea mecanismos de navegación consistentes. 
    • No hagas refrescos automáticos de las páginas sin informar al usuario y permitirle pararlos. 
    • No abras pop-ups y no cambies la ventana actual sin informar al usuario.
    • Usa un lenguaje simple y claro.
    • Identifica claramente el destino de cada enlace. 
    • Asegúrate de que la información transmitida a través de los colores también esté disponible sin color.
    • Asegúrate de que las combinaciones de los colores de fondo y primer plano tengan suficiente contraste. 
    • Proporciona un título corto y descriptivo a las páginas. 
    • http://www.w3c.es/Divulgacion/Tarjetas/MWBP/
    ]]>     2016-09-15 14:48:26 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124081156     9- PATRONES DE DISEÑO MOVIL gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124081207 Capturan y comparten conocimiento de diseño entre los participantes del
    desarrollo. Comúnmente, describen el problema en
    profundidad, el racional para la solución, cómo aplicar la solución, y algunos detalles a
    tener en cuenta al momento de aplicar dicha solución.]]>     2016-09-15 14:48:34 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124081207     10- PRÁCTICA gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124081568 Insertar mapa
    Vistas adaptativas
    Compartir

    Material: goo.gl/LB5CA6]]>     2016-09-15 14:49:20 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124081568     11- ACCESIBILIDAD MOVIL gabrielagaetan2 https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124111892 Pautas MWBP específicas para los dispositivos móviles
    • IntentaR que la URI de entrada al sitio sea tan corta como pueda. 
    • Incluir sólo la navegación básica en la parte superior de la página para que el contenido de la página se vea sin scroll. 
    • Intentar reducir al máximo el número de enlaces externos. 
    • Sirve sólo el contenido que el usuario ha pedido. 
    • Asegurar que el tamaño global de la página es adecuada a las limitaciones de memoria del dispositivo. 
    • Limitar el scroll a una sola dirección. 
    • Evitar las imágenes grandes o de alta resolución. 
    • Reducir el tamaño de las CSS. 
    • No confiar que las cookies estén disponibles. 
    • Proporcionar información de caché en las respuestas HTTP. 
    • Evitar la introducción de texto libre por parte del usuario. 
    • Proporcionar valores por defecto preseleccionados siempre que sea posible. 

    Se desaconsejan explícitamente los frames, los mapas de imagen, los pop-ups y las tablas para maquetar. En el caso de los scripts sólo si no hay otra forma de lograr sus objetivos.

    https://www.w3.org/WAI/mobile/experiences
    ]]>     2016-09-15 16:00:36 UTC https://padlet.com/gabrielagaetan2/ttgbm0ztdwdo/wish/124111892