alibaba-udc-交互设计公开课
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

alibaba-udc-交互设计公开课

on

  • 2,148 views

 

Statistics

Views

Total Views
2,148
Views on SlideShare
2,148
Embed Views
0

Actions

Likes
6
Downloads
126
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 要完成某个任务要提供明显的起点!
  • Don’t Make Me Think
  • 一个人可能走进房间,原本想找到她遗落在房间的钥匙,但是她进去以后,发现一张报纸,然后就看起来。又或者她原本访问Amazon是想要读一些产品评论,后来却买了一本书。可能她只是注意力转移了,也可能是经过考虑才这么做的。不管是哪种情况,总之用户就在使用界面的途中改变了她的目标。模式:Good Defaults 良好的默认值需要限制的模式选择:向导(Wizard),中心和辐条(Hub and Spoke), 模态面板(Modal Panel)
  • 举例1:购物车里保存的没有付款的商品举例2:免登录,免注册购买商品。
  • 举例1:头像添加,修改举例2:建造器
  • Emacs举例1:Control+X,Control+SMicrosoft Word举例2:Control+X,Control+S它将执行一些完全不会带来破坏性后果的操作。这就是为什么在各个应用之间一致性这么重要的原因。
  • 1.用户浏览历史;2.Undo , Redo与返回,前进;3. 搜索框历史输入记录;4. 面包屑;5. 筛选历史记录
  • 邮件约会会议闹钟提醒;
  • 当你需要用一次单击进行一些任意次序的操作时,Photoshop可以让你把这些“动作”录下来。
  • 事实上,很多表单甚至不需要用户按Tab键在控件之间转移焦点,它们会自动进行。
  • 在很大程度上,这是一种开源软件开发的微观世界,由很多强大的社会动力来推动。

alibaba-udc-交互设计公开课 Presentation Transcript

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