Forgiveness in UI design

 

 

image.axd?picture=2009%2f11%2fforgiveness.jpg

Users make mistakes, no matter how good your user interface is designed. But there is something you can do about it. There are approaches you can use to allow users to recover from errors, or even better to prevent errors. One such approach is called forgiveness. Let's explain it in more detail and see some inspiring examples.

Feedback and error recovery 

One of the most important aspects of forgiveness is good feedback. Users should be informed about (potential) errors and how they can affect their work. Good feedback doesn't consist only of well explained error messages. It also contains actions which users can perform in order to recover from the error.

However, users won't be able to undo every mistake. Some mistakes are simply irreversible. Those are situations where users get really frustrated so, it is important to suggest solutions to help remedy problems. 

Error prevention

Feedback is necessary not only after an error happens; it has an important role in error prevention. Users should be warned of possible consequences of their actions. A good example is when users want to navigate away from the web form that was edited but not saved. A confirmation dialog can prevent loss of data. 

Error prevention can also be done by creating less constraints on the user interface. For example, an input field can accept various formats and let the system take care of it.

A few good examples - do it the Google way (not wave)

You don't have to search much to find good examples, you are using them every day. Google really takes full advantage of forgiveness. Let's see how they do it.

Undo 

Undo feature is one of the most common and most useful means of forgiveness. If you delete email messages from Gmail inbox you will be able to undo your action immediately. Also, deleted messages can be recovered from trash 30 days after deletion.

image.axd?picture=2009%2f11%2fgmail_undo.png

Did you mean...? 

If you search for a term and misspell it, there will be a suggestion to try a different search by clicking on a link which contains corrected terms, placed next to "Did you mean" label. Also, top two results from this corrected query will be shown above the original results. It is easy to recover from this mistake.

image.axd?picture=2009%2f11%2fgoogle_didyoumean.png

Auto save

When dealing with large amount of data such as text documents, one of the most efficient ways to prevent errors and loss of data is auto save feature. Users' work is frequently saved thus minimizing potential damage of data loss. Even if something happens with unsaved work, you will be able to restore the last save. This is usually implemented in word processors but it can be used almost anywhere. 

image.axd?picture=2009%2f11%2fgoogledocs_autosave.png

Are you sure...? 

An example from Google Docs. If you type something and try to close an open tab or window, you will be prompted with a confirmation dialog.

image.axd?picture=2009%2f11%2fgoogledocs_confirm.png

Forgiving format

User interface can be forgiving in less obtrusive ways than confirmation dialogs and warnings. It can accept various kinds of input from users and let the system handle them. This UI pattern is called forgiving format. In Google Maps search field you can search by any combination of these terms: country, city, address, zip and other places. 

image.axd?picture=2009%2f11%2fgooglemaps_forgiving.png

Enable/disable actions when needed

Another good way to prevent users making errors is to enable actions only when it is possible to perform them. If you want to add a link in the body of an e-mail message in Google mail, you'll be able to do so only if you actually type it in an input field. This simple trick can sometimes prevent serious damage.

image.axd?picture=2009%2f11%2fgmail_disabledbutton.png

Conclusion

There are many ways in which user interface can be forgiving. Good feedback with suggested actions for error recovery or even error prevention will highly affect the overall user experience. However, you should be careful because it is easy to overdo the usage of different measures. For example, if an action can be undone, there is no need to overwhelm users with confirmation dialogs and warnings.

Do you have some other examples of forgiveness? I am sure there are more excellent ideas besides Google.

转载于:https://www.cnblogs.com/Ling-Lee/archive/2010/04/10/1708915.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值