搜索
您的当前位置:首页正文

ch02 UE初识-交互入门

来源:二三娱乐
image.png

课前推荐

  • 一些笔记工具:bear 印象笔记
  • 下载软件网址:

  • 科学上网打开国外网站:云墙 多态 云梯
    提供各种小软件:(强烈推荐!!)( 里面的RalletsVPN)
  • 推荐一下小插件:字由 LICEcap(录屏) paste(多次截图保留)
  • 学习网站:!

一、产品设计的五个层次

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
Top