alibaba-udc-交互设计公开课
Transcript of alibaba-udc-交互设计公开课
![Page 1: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/1.jpg)
UDC 培训与管理课件组监制
第一节 用户做些什么 WHAT USERS DO
![Page 2: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/2.jpg)
安全探索让我进行探索,不会迷路,也不会陷入麻烦。
允许人们去尝试某些不熟悉的操作,退回,试试别的,这时候没什么压力。
多级撤销(Multi-Level Undo)
后退与前进按钮( go to back\forward one page)
![Page 3: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/3.jpg)
即时满足我想现在就完成某件事,是现在,不是以后。
人们喜欢立刻从他们的行为看到结果——这是人类的天性。
输入提示
![Page 4: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/4.jpg)
满意即可这样就够了,我不想花更多的 时间来做的更好
术语“满意即可”( Satisficing)是“满意”( Satisfying)加上“够用”( Sufficing)的结合体,是 1957年由社会科学家赫尔伯特 .西蒙(Herbert Simon)提出的,他用这个词来形容人们在各种经济和社会状况下的行为。当了解所有可能的选择需要付出时间和努力的时候,人们愿意接受“够用”而不是“最佳”的选择。
对设计师来说这意味着:• 要让标签简短,文字通俗易懂,而且可以快速阅读。• 使用界面的布局来表达含义。• 让界面容易导航,尤其是匆促地作了一个错误的选择后还能够回来。• 要记住,复杂的界面对新用户来说,意味着繁重的认知负担。
打破旧的习惯,学习新的方法需要时间和精力,一点点改进可能不值得用户那么做。
![Page 5: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/5.jpg)
中途变卦我在中途改变主意了。
在一些偶然情况下,人们会在正在完成某事的过程中改变主意。
![Page 6: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/6.jpg)
这个模式来自人们即时满足的愿望。如果你在一个用户准备完成某件事的时候问他几个没有必要的问题,他经常会宁愿先跳过这些问题,以后再回过头来回答。
延后选择我现在不想回答这些,快点让我完成就行了。
这个模式对于界面设计的含义很容易理解,不过,实现的时候并不是那么容易:
• 不要让用户在一开始就面临太多选择。• 在表单上,清楚地标注必须填写的字段。同时不要让必填字段数目太多。让用户可以跳过可选问题,继续进行。
• 有时候你可以把少数几个重要的问题或选项从其他选项中挑出来。显示简短的列表
• 尽可能使用良好的默认值模式,为用户提供几个合理的默认答案来开始接下来的过程。
• 让用户将来可以回到需要延后填写的字段,并且,要让这些字段出现在显眼的位置。
• 允许用户在创建用户名之前填写表单,或购买商品。
![Page 7: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/7.jpg)
创建某个东西的过程总是一阵一阵。有时候有进展,有时候又会退回去,它经常是增量式的,通过一系列细小的变化而不是大的改动来完成。有时候它是自顶向下的,有时候又会自底向上。
递增构建让我改改。还是不对,让我再改一下。这下好多了。
当一些好的工具在支持创造性的活动可能会引发用户的“心流”( flow) 状态。
![Page 8: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/8.jpg)
用户不需要对这些动作进行过多的思考,他们已经养成了习惯。
习惯那个操作在别的地方都可以,为什么在这里不行。
用户习惯几种类型:
• 图标 icon问题,视觉传达• 文案问题,习惯用语• 常用操作元素排版问题,对话框按钮的位置。
![Page 9: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/9.jpg)
当人们使用东西或文档时,他们经常通过回忆它们在哪里来再次找到它们,而不是它们的名字。
空间记忆我敢发誓,这个按钮一分钟以前还在这里。它哪里去了?
![Page 10: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/10.jpg)
当我们计划在将来完成某事的时候,就要用到前瞻记忆了,然后我们会设置一些提示物来提醒自己。
前瞻记忆我把它放在这里,提醒我以后来处理。
可以利用前瞻记忆做些什么呢:
• 个人用的便签,就像可视化的即时贴• 留在屏幕上的窗口• 直接插入文档中的注释(例如“待完成”)• 浏览器书签,来保存那些以后还会访问的网站• 存放在桌面而不是文件系统其他位置的文档• 收件箱里(或打上标记)的邮件 ,而不是那些
存档的邮件
![Page 11: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/11.jpg)
这些重复的操作越方便越好。如果可以把这些重复操作减少到一次击键或一次单击鼠标——或者,更方便一些,所有的重复操作只需要几次击键或几次鼠标单击,那么,你就可以把他们从烦闷的重复劳动中解放出来了。
简化重复工作我得重复多少遍。
查找与替换对话框
其他:批处理、宏、快捷键
![Page 12: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/12.jpg)
有些人确实在使用鼠标的时候有困难。还有一些人不愿意在鼠标和键盘之间切换,因为这样切换会浪费时间和精力——他们宁愿把双手一直放在键盘上。还有一些人看不到屏幕,而他们的辅助设备常常只用键盘 API和系统交互。
只支持键盘别让我用鼠标。
实现只支持键盘模式的标准技术:
• 你可以在菜单条上定义快捷键、加速键和各种操作的记忆方式。• 从清单中选择,特别是多选项的时候,使用箭头键或辅助键 shift.• Tab 键经常用来移动键盘的焦点,然后用 shift+Tab来后退 .• 单选按钮、组合框、滑块,都允许通过键盘改变输入值,例如使用
箭头键,回车及空格键。• 对话框和网页经常会有一个默认按钮,当用户在这些页面或对话框上按下回车键时,就是调用上述操作。然后它将把用户转移到下一页或回到前一个窗口
![Page 13: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/13.jpg)
人们做任何决定的时候都会受到其他人意见的影响,不管那些意见是直接的还是间接的。
旁人建议其他人是怎么说的。
表现形式有哪些:
• 书评,影评,图片评论,买家正反评论• 开源的代码(MATLAB 公司编程竞赛故事)• 多级帮助
![Page 14: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/14.jpg)
THANK YOU
![Page 15: alibaba-udc-交互设计公开课](https://reader036.fdocuments.net/reader036/viewer/2022062405/5569edcbd8b42ac1468b4f73/html5/thumbnails/15.jpg)
Q & A