交互设计细节案例分析.pptxVIP

交互设计案例分析

操作响应帮助习惯其它

操作原则——围绕用户目标化繁为简帮助用户高效完成任务连贯顺畅轻松有趣

选择替代输入操作原则响应原则帮助原则习惯原则后缀，简化了用户操作03用转轮方式进行选择，替代输入的不便04【操作原则】减轻操作的负担-101自动补全邮箱地址02

方便用户上下拉动进行快速定位扩展按键面积操作原则响应原则帮助原则习惯原则【操作原则】减轻操作的负担-2扩大字符的显示和接触区域，所选字符不会被手指挡住滑屏时显示滑动块，

【操作原则】保持任务的连贯-1Chrome考虑到用户连续关闭标签的场景：IE8则没有考虑此种应用场景：要关闭某个标签，必须先激活；其次，关闭后，将马上重新计算各标签的宽度关闭某个标签，其后剩余标签并没有及时地调整尺寸，而是整体向前移动，用户鼠标会自然落在下一个标签的关闭按钮上

【操作原则】保持任务的连贯-2考虑到输入时键盘会遮挡下半部，自动将按钮位置上提

【操作原则】保持任务的连贯-3操作原则响应原则帮助原则习惯原则两种输入框显示方式，哪种更自然？操作按钮置于导航栏，较之前一处理孰优孰劣？

【操作原则】保持任务的连贯-4操作原则响应原则帮助原则习惯原则阅读模式开启后，到页尾处会自动加载下页内容，确保用户阅读的流畅性自动加载不宜过多，控制在若干屏内

【操作原则】轻松惬意的体验操作原则响应原则帮助原则习惯原则0102030405滑动手势实现热词觉新奇刺激切换，结合动态效摇一摇加好友，感果，感觉很有趣

预见让用户操作前有一定的可预见性响应原则——所见即所得01感性02让用户感受到正在交流的是03“感性的朋友04有效05让用户感受到“他的操作是06有反应的、有效果的07

【响应原则】这不是我的错-1问题篇提示用户改正错误时，应该礼貌。他们在用你应用的时候，需要被认为是聪明的。如果出错了，不要将错误的判断和解决丢给用户提示信息过于简单，没有原由说明，让用户无所适从有错误原由，但含混笼统，用户仍不能明确问题所在

【响应原则】这不是我的错-2基础篇操作原则响应原则帮助原则习惯原则明确给出错误原因，01有效地指导用户后02续操作03错误信息要尽量准确、04通俗易懂，告知用户为什么05操作被中断，以及出现了什06么错误，并提供解决方案以07使用户能够进行修复08

退出界面加入频道推荐，好似说“你不再来点儿别的”差异化提示，让你产生思维停顿；拟人化语气，让你欲罢不能【响应原则】这不是我的错-3进阶篇

【响应原则】这不是我的错-4高级篇操作原则响应原则帮助原则习惯原则针对用户误操作产生的01困惑，及时给予了相关02说明和解决方案；并巧03妙地淡化了用户的误操04作，增加了趣味性05赞！你发现了会话窗06口拖动的秘密。按住07头像还可以拖回去哦，08快试试吧09

操作原则响应原则帮助原则习惯原则【响应原则】别让我等待-1原理篇超过10秒，需要将任务进行拆解1秒是用户保持不间断思维流的限定时间，超过情况下用户会想在等待期间去处理其他事务，所以需要显示将要完成的时间或进度0.1秒内显示反馈用户是可以接受的，超过情况下没有特别的信息反馈时，用户是会产生疑惑的加载过程没有任何时间进度显示

明确告知进度、剩余时间、当前速率进度条加文字方式明确告知当前状态【响应原则】别让我等待-2基础篇

用笑话来减缓用户等待的烦躁情绪【响应原则】别让我等待-3进阶篇等待过程中心形会不断跳动，非常有趣，有助于缓解用户紧张的情绪

帮助原则——适量的帮助多、繁适量少、简过多或过繁，会让用户感到烦躁、不能清晰的找到准确的帮助；过少或过简，则可能无法覆盖用户的问题、让用户无从下手要考虑应用场景和用户行为来给出

【帮助原则】只在我需要的时候-101对于刷新时间较近的，可以直02接提示时间间隔，如“上次刷新：03提示上次刷新时间，避免重复刷新、节省流量和时间0415分钟前”，想想，为什么呢？0506更多细节，根据手指下拉的行程给出不同的提示0708

等待过程中给出更多帮助及提示信息【帮助原则】只在我需要的时候-2本意是利用等待时间让用户了解操作帮助和相关信息，并让用户等待过程不至于太枯燥，但实际效果好吗？颇有强推的意思

布丁优惠用黄色文字+灰色图片，提示用户该优惠券需要打印后使用利用导航栏显示用户当前所处的位置【帮助原则】告诉我在哪里、该干什么

【帮助原则】适度引导我的焦点操作原则响应原则帮助原则习惯原则”1通过动态效果将用2户视觉从登陆引导3到这里5面上的所有内容7出了拍照上传功能6大块的红色背景突4用户不会关注页

习惯原则——符合用户习惯地上本没有路，走的人多了，也便成了路——鲁迅假如你做的是创新性产品，就需要在这点上多下些功夫；假如是借鉴型产