
"以用户为中心,提高产品的易用性及用户满意度!"做为交互设计的目标,如何应用到实际工作中?如何评价产品是否以用户为中心?避免因为项目时间紧、任务重、人员不足等因素,而牺牲用户利益,降低产品体验,进而降低产品竞争力。以下交互设计原则就像茫茫大海中的灯塔,指引着我们前进的方向…
文不如表,表不如图。
文字传递信息相对不够直观,特别是逻辑、流程表达,表格相对条理性清晰一些,但仍不如图片表达清晰,例如流程图、趋势图、柱状图、天气预报、路况图等。
例一:天气预报

例二:实时路况


关注用户目标,而非任务。
让用户成功,产品才会成功,也是产品设计的目标,但完成目标的途径很多,抓住用户的目标,进行产品设计,经常事半功倍。
例一:家用温/湿度计
用户的任务是想知道房间内的温度及温度,而目的想了解房间内的温度及湿度是否合适,所以给用户提供准确的温度、湿度值,并不是用户真正想要的,所以需要显示舒服温度及湿度对应的区间值,对用户更有帮助。

例二:搜索"天气预报"
用户希望看天气情况,搜索"天气预报",用户的任务包括:输入搜索关键字,在搜索结果中点击文字链接;关注用户的目标,就应该直接显示天气情况,给予用户超越预期的结果。

减少用户的记忆负担,尽量让用户识别,而不是回忆
人类与电脑相比,人类擅长的是识别及思考,电脑擅长的是记忆,因此,尽量减少用户的记忆负担,让电脑做它擅长的事情。
例一:交互优化"设置界面"
原始界面的设置项很多,且以文字为主,增加了用户的理解及操作负担;优化后增加了对应的图标,提高可识别性,减少用户的记忆负担,另外使用滑动条代替手工输入,减轻操作负担;最后删除了"设置儿童锁"的设置项,降低了用户的设置负担,符合"满意用户需求的前提下,界面的信息及功能越少越好!"的原则。
原始设置界面:(待优化)
HTML页面跳转及参数传递问题这篇文章给大家详细介绍了HTML页面跳转及参数传递问题,需要的朋友参考下吧
纯css实现照片墙3D效果的示例代码这篇文章主要介绍了纯css实现照片墙3D效果的示例代码,可以实现鼠标经过图片实现改变,具有一定的参考价值,感兴
纯 Css 绘制扇形的方法示例本篇文章主要介绍了纯 Css 绘制扇形的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随
一份纯CSS loading动画效果代码示例本篇文章主要介绍了一份纯CSS loading效果代码示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟
css 实现文字过长自动隐藏功能这篇文章主要介绍了css 实现文字过长自动隐藏功能,需要的朋友可以参考下
详解CSS3 rem(设置字体大小) 教程本篇文章主要介绍了详解CSS3 rem(设置字体大小) 教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起