$30 off During Our Annual Pro Sale. View Details »

Crafting High Quality Feedback in App Design

Taylor Ling
March 07, 2015

Crafting High Quality Feedback in App Design

My personal deck for 2014/2015.

One of the elements that most of the designers and developers tend to forget is the feedback – and every single feedback crafted in the app plays a important role (or more) in minimising user frustration and turn that into good user experience, regardless its effect size. Join this session to discover (or re-discover) the importance of feedback in interface design which can definitely help in crafting the next awesome app in the Play Store!

Taylor Ling

March 07, 2015
Tweet

More Decks by Taylor Ling

Other Decks in Design

Transcript

  1. Feedback in UI Design The importance of WHY A way

    of letting users know that the system is working on your request A way to communicate with users about the result of an action A way to inform users about the hidden rules of the system in the physical world Traffic Light What is ?
  2. way of letting the user know that the system is

    orking on your request way to communicate with the user about the sult of an action A way to inform the user about the hidden rules of the system Feedback in the physical world Lift Traffic Light Sometimes users of the traffic light system are uncertain about their next actions (to stop, to cross etc.), and thus wasted their time or even risk their lifes. Most of the time, it’s due to the insufficient feedback from the traffic light system (lack of count down timer, delayed feedback etc.)
  3. Feedback in the physical world Traffic Light Traffic Light Lift

    (Elevator) How often you see people keep pressing the Close button after the first time, hoping the system receives that closing command? This is one example of the lack of feedback on the hidden rules (buffer time applied after the close button is pressed) that only the designer/ engineer knows about it. Users have no idea at all, therefore they keep doing something unnecessary.
  4. Feedback Why is important? Feedback provides reassurance, even sometimes it

    might be negative results Feedback helps in managing user expectation Feedback helps in learning and developing skilled behaviour in App Design
  5. Why is important? Feedback provides reassurance, even sometimes it might

    be negative results Feedback helps in managing user expectation in App Design reason that causes user frustration #1 Feedback
  6. Rules Loops Feedback Trigger Manual System Button tapped? Gesture applied?

    Voice input? Errors? At the location? Incoming data?
  7. Trigger Rules Loops Feedback What we designed and implemented -

    the users don’t know it most of the time
  8. Trigger Rules Loops Feedback and Modes One-off? Repetitive? What happen

    if there are interruptions? Does it behave differently at different mode?
  9. Trigger Rules Loops Feedback Overscroll Edge Effect One good example

    of a microinteraction in Android. The trigger is about user input in scrolling the list and reached the top of the list. The rule on this microinteraction doesn’t allow the users to scroll beyond the top/bottom of the list. The feedback is that overscroll edge effect, giving hint to the users that they already reached the top. The loops in this case is about keep showing the effect to the users regardless of the number of overscroll attempt.
  10. Trigger Rules Loops Feedback Vibration Mode (Manual Trigger via Volume

    button) Another good example of a microinteraction in Android. When you turn on the vibration mode via the volume button, 1st feedback you get is the subtle vibration from the device, indicating the vibration mode is now active. Follow up on that, when the users want to know if the vibration mode is active, they just have to check on the status bar and look for the vibration icon.
  11. Feedback must be intelligible RULE 1 Users expect something to

    happen after interaction Any delay, even slight delay can cause the users to give up Delayed feedback can cause undesired result due to multiple user attempts Feedback must be immediate #1
  12. Feedback must be intelligible RULE 1 Feedback must be immediate

    #1 Users expect something to happen after interaction Any delay, even slight delay can cause the users to give up Delayed feedback can cause undesired result due to multiple user attempts
  13. Feedback must be intelligible RULE 1 Users expect something to

    happen after interaction Any delay, even slight delay can cause the users to give up Delayed feedback can cause undesired result due to multiple user attempts
  14. Feedback must be intelligible RULE 1 Convey what has happened

    and what the users can do about it Do not ever show error code that is not meaningful to the users As simple as possible, but not overly simple
  15. Feedback must be intelligible RULE 1 Convey what has happened

    and what the users can do about it Do not ever show error code that is not meaningful to the users As simple as possible, but not overly simple
  16. Feedback must be intelligible RULE 1 Poor feedback can cause

    distraction and irritation to the users Too much feedback to the users can cause annoyance, and even ignorance from the users
  17. Feedback must be intelligible RULE 1 Every action needs to

    be confirmed, but not everyone of them need to be intrusive Show heavy feedback to the users only for the irreversible actions eg. deletion, sending money, huge data usage etc.
  18. Feedback must be intelligible RULE 1 Every action needs to

    be confirmed, but not everyone of them need to be intrusive Show heavy feedback to the users only for the irreversible actions eg. deletion, sending money, huge data usage etc.
  19. Feedback must be intelligible RULE 1 Too much feedback caused

    by every system trigger can be really disturbing Prioritise the feedback so that important signal can capture the users’ attention
  20. Feedback must be intelligible RULE 1 Use simple words to

    communicate the situation - easier to understand For animation, too many of them at the same time can cause confusion and the user will have hard time to understand - the core feedback must be easily noticed and understood
  21. Feedback must be intelligible RULE 1 BAD EXAMPLE Use simple

    words to communicate the situation - easier to understand For animation, too many of them at the same time can cause confusion and the user will have hard time to understand - the core feedback must be easily noticed and understood
  22. Feedback must be intelligible RULE 1 Use simple words to

    communicate the situation - easier to understand For animation, too many of them at the same time can cause confusion and the user will have hard time to understand - the core feedback must be easily noticed and understood
  23. Feedback must be intelligible RULE 1 Feedback shown to the

    users must be correct, contextual and not confusing It’s not the job of the users to figure out what’s wrong when something happen (especially when there isn’t any input from the users)
  24. Feedback must be intelligible RULE 1 Feedback shown to the

    users must be correct, contextual and not confusing It’s not the job of the users to figure out what’s wrong when something happen (especially when there isn’t any input from the users)
  25. Feedback must be intelligible RULE 1 Feedback Feedback such as

    loading doesn’t always have to be boring Mask the waiting experience and turn that into a delightful moment NOT an opportunity for you to show advertisement
  26. Feedback must be intelligible RULE 1 Feedback Unique feedback design

    helps establishing the brand, but do not sacrifice consistency if there is a common feedback pattern Familiar visual feedback pattern like snackbar, toast, dialog etc. can communicate information swiftly without learning
  27. Feedback must be intelligible RULE 1 Less than a minute…

    Users are very calculative, especially on time It’s always good to predict the total time for long process, but try to overestimate so the users don’t get frustrated if it isn’t accurate as told
  28. Taylor Ling Mobile Experience Designer @ Snappymob Google Expert for

    UX/UI Master of AndroidUIUX.com +taylorling @taylorling