• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
10 mini detalles de usabilidad para empezar
 

10 mini detalles de usabilidad para empezar

on

  • 1,870 views

 

Statistics

Views

Total Views
1,870
Views on SlideShare
507
Embed Views
1,363

Actions

Likes
5
Downloads
8
Comments
0

9 Embeds 1,363

http://www.veronicatraynor.com.ar 1339
http://feedly.com 11
https://twitter.com 6
http://www.google.com.ar 2
http://digg.com 1
http://www.linkedin.com 1
http://www.techcrunch.com 1
http://webcache.googleusercontent.com 1
http://www.google.com 1
More...

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

    10 mini detalles de usabilidad para empezar 10 mini detalles de usabilidad para empezar Presentation Transcript

    • Verónica Traynor 10 mini-detalles de usabilidad para empezar a revisar nuestras interfaces 01/10 Verónica Traynor
    • Cuidar la consistencia01/10
    • 01/10 La falta de consistencia impacta en la curva de aprendizaje.
    • “... que se mantiene sin peligro de cambiar, caer o desaparecer”. 01/10 Definición de “Consistencia”
    • 01/10 ¿En qué elementos debemos guardar consistencia? etiquetas
    • 01/10 ¿En qué elementos debemos guardar consistencia? etiquetas comportamientos
    • 01/10 etiquetas comportamientos palabras claves del negocio ¿En qué elementos debemos guardar consistencia?
    • 01/10 Ejemplo: el rectángulo "SHARE" no es un botón.
    • 01/10 Ejemplo: el primer ícono conduce al carrito, el segundo solo expande el box.
    • Si no recuerdas tu usuario o el correo electrónico haz click aquí Olvidé mi contraseña 02/10 Construir links orientativos
    • Diferenciando visualmente las acciones03/10
    • … por ejemplo algo así ;)03/10 cancelar
    • Diferenciando los links de los textos04/10
    • “Nunca un texto puede parecer un link nunca un link puede parecer un texto”. 04/10 Concepto esencial de interacción ;)
    • hola, soy un texto sin contraste suficiente. 05/10 Dándole a los textos suficiente contraste
    • 05/10 El contraste se mide con esta fórmula ;)
    • 06/10 Eliminando los falsos affordances
    • “Diseñar una web no es un cuadro. Si quieres pintar un cuadro, pinta un cuadro. Joder!” 06/10 Frase célebre ;)
    • 06/10 ¿Cuál es botón y cuál no?
    • 07/10 Gestionando las expectativas a través de pasos
    • 07/10 Gestionando las expectativas a través de pasos 1 2 3 4 FELICIDAD :)EXPECTATIVAS CLARAS
    • ? ? ? ? ODIO (!)INCERTIDUMBRE ! 07/10 Gestionando las expectativas a través de pasos
    • 08/10 Organizando los elementos de los formularios
    • 08/10 Organizando los elementos de los formularios
    • 08/10 Organizando los elementos de los formularios
    • 08/10 Consejos sabios de Luke W ;)
    • 08/10 Consejos sabios de Luke W ;)
    • 08/10 Consejos sabios de Luke W ;)
    • 08/10 Consejos sabios de Luke W ;)
    • 08/10 Consejos sabios de Luke W ;)
    • 09/10 Redactando los mensajes de error de forma didáctica ;) Error al escribir datos en MySQL
    • Señalando el campo en el lugar + utilizando una forma además del color + explicando la solución de forma clara para un no-programador 09/10 !
    • 09/10 Miren este ejemplo ;)
    • Organización de pirámide invertida + párrafos breves + negritas en las palabras claves + bullets 10/10 Redactando específicamente para el mundo web
    • Verónica Traynor 10 mini-detalles de usabilidad para empezar a revisar nuestras interfaces 01/10 Verónica Traynor