优化后设置界面:

操作前可预知;操作中有反馈;操作后可撤消
操作前可预知:人类对未知事物会产生恐惧感、焦虑感,如果你在执行一项操作之前,如果不能够准备判断出后果,便会感到恐惧,不会轻易操作,如果操作之后的后果与预期不一致,便会产生挫败感,进而中断任务流,打破沉浸状态,进而影响效率,甚至用户离开该界面,不再继续操作,因此,软件界面满足用户的心智模型,将会更大程度的满足用户的操作预期。
操作中有反馈:反馈意味着操作的有效性,尽量所见即所得的方式,直观显示操作效果。
例二:改变文字的字符、大小、样式、进度条等。

操作后可撤销:"撤销"可以给用户一定的安全感,允许用户犯错误,满足用户的尝试心理,不必担心误操作的发生,降低用户的心理负担。
例三:回收站、"取消"按钮、Ctrl+Z。

充分利用隐喻设计、拟物设计。
根据用户对已知事物的认知,抓住软件功能与现实事物的共性特点,进行拟物化设计,降低用户的学习成本,提高产品的易用性、趣味性:
例一:回收站:结合用户对日常垃圾箱的认识,设计文件回收站

例二:图书软件:浏览图书界面布局采用书柜的视觉设计,趣味性更高。

做对容易,做错难
是人就会犯错误,从设计的角度考虑避免错误的发生,将是产品设计的原则之一,常见的处理方式有:禁用状态、隐藏处理、默认值等。"禁用、隐藏"不仅可以避免错误操作,而且也会降低信息干扰。
例一:确认按钮的点击几率远远大于取消按钮,所以放大醒目显示该按钮,将尽量避免用户的误操作。

例二:如果该手机不支持SIM热插拔,则采用该限制性条件设计,将有效避免误操作。

例三:选择某条信息,对应的操作按钮:修改、删除、禁用、启用、排序等按钮变为可用状态。

操作方式一目了然,不需要说明书
利用日常生活中养成的习惯,从外观上给用户操作暗示,降低用户的学习成本。
例如:微波炉门使用门把手的设计,其操作方式更加一目了然。

让产品适应用户,而非用户适应产品;
尊重用户,让我们的产品具有情感,更懂用户,降低用户的思考与行为!
例如:
1.检查更新:有最新版本时,直接显示出来,避免手动检测是否有最新版本;
2.意见反馈:打开意见反馈界面,默认光标在意见输入框,且显示常用中英文键盘;
3.联系方式:软件判断输入的联系方式是邮箱、QQ,还是手机号,避免用户去选择;

产品符合用户心智模型,避免实现模型
心智模型是用户根据习惯思维,对事物的理解;实现模型是产品的实际工作原理及表现形式。产品符合用户的预期,用户则认为该产品易用。
例如:企业OA论坛及考勤需要两个不同的登录窗口,且为不同的登录帐号,该设计从技术实现的角度考虑是合理的,但从用户的角度考虑,增加了用户的操作成本及记忆负担。

综上所述,易用的产品是相似的,难用的产品各有各的难用!以上为交互设计基本原则,且远不止这几条,将在以后的工作中,陆续总结分享更多的交互原则…
文章来源:360UXC
HTML页面跳转及参数传递问题这篇文章给大家详细介绍了HTML页面跳转及参数传递问题,需要的朋友参考下吧
纯css实现照片墙3D效果的示例代码这篇文章主要介绍了纯css实现照片墙3D效果的示例代码,可以实现鼠标经过图片实现改变,具有一定的参考价值,感兴
纯 Css 绘制扇形的方法示例本篇文章主要介绍了纯 Css 绘制扇形的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随
一份纯CSS loading动画效果代码示例本篇文章主要介绍了一份纯CSS loading效果代码示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟
css 实现文字过长自动隐藏功能这篇文章主要介绍了css 实现文字过长自动隐藏功能,需要的朋友可以参考下
详解CSS3 rem(设置字体大小) 教程本篇文章主要介绍了详解CSS3 rem(设置字体大小) 教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起