ch02 UE初识-交互入门

image.png

课前推荐

• 一些笔记工具：bear 印象笔记
• 下载软件网址：
  https://www.waitsun.com/
  http://xclient.info/?_=ccdb53ffc017caf0d9971673a360b921
• 科学上网打开国外网站：云墙 多态 云梯
  提供各种小软件：http://next.36kr.com/posts（强烈推荐！！）（ 里面的RalletsVPN）
• 推荐一下小插件：字由 LICEcap（录屏） paste（多次截图保留）
• 学习网站：http://www.uigreat.com/!

一、产品设计的五个层次

image.png
image.png
image.png

二、UE初识

UE是什么？

---

user experience

• UE vs UI

  
  image.png
  image.png

• UCD

  
  image.png

UE做什么？

---

image.png
image.png

发现问题

image.png
image.png

• 竞品分析
  模仿，参考，相互借鉴&学习&学习
  
  image.png

降低操作难度

image.png

• 顺应用户的习惯
  eg button：关闭开启按下三种状态按钮
• 不给用户无脑大的权限

了解状态，差异化干扰内容

image.png

• 让用户时时刻刻知道自己处在什么位置
  不要太多层级，用户会迷失自己的位置，否则用户会失去耐心
  eg 进度条的设计（让用户知道自己在那儿）,刷新的设计（一些有趣的图案），下拉刷新（twitter首创,大家都习惯了）
  eg 面包屑导航
  image.png

eg 邮箱邮件
题外话：多用邮箱，邮件有法律效应

image.png

eg 404 notfound
公益，小游戏

image.png

• 对不可撤销的操作反复向用户确认
  image.png

eg 一个好的了解状态的例子

image.png

标准化设计

image.png

• GUI文档|GUItemplate

图形化设计

image.png

• 极简化信息，突出信息本身

  
  image.png

• 承载的信息直接放在首页
  eg 知乎

  
  image.png

解决问题

image.png
image.png
一个书签优化的例子

UE设计师提升自我

---

image.png