# data[].attributes.body
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

# data[].attributes.body
Insertar mapa
Vistas adaptativas
Compartir

Material: goo.gl/LB5CA6

# data[].attributes.body
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.

http://unitid.nl/androidpatterns/

http://www.mobile-patterns.com/

http://androidux.com/

Mobile Design Pattern Gallery, 2nd Edition (Theresa Neil)

# data[].attributes.body
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/

# data[].attributes.body
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

# data[].attributes.body
http://www.usabilitynet.org/tools/methods.htm

# data[].attributes.body
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.

# data[].attributes.body
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.

# data[].attributes.body
Arquetipos de usuarios, por tanto ficticios, que representan las necesidades de segmentos de usuarios  con similitudes de comportamiento, uso de productos, sitios web, etc.

https://docs.google.com/spreadsheets/d/1qdd6hLHKlg7DfebtP8d7nI0IsnxeJO_4A77JRqN7T_E/edit#gid=0 (Ficha)

https://xtensio.com/user-persona/ (Herramienta)

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.

# data[].attributes.body
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.

# data[].attributes.body
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