总结
我们可以这么来理解这三大模型。
心理模型
表现模型
实现模型
用户根据经验或是 想象认为产品应该 有的样子以及使用
方式。
设计师通过设计来
让用户认为产品是 怎样工作的。
产品是怎样工作的。
总结
总结
心理模型
较好
较差
表现模型
实现模型
谢谢！
小结
心理模型
表现模型
我们心理认为的，
卖家展现出来的
预想的产品的样子。 产品图片的样子。
实现模型
卖家通过什么样的 技术呈现，作为用 户的我们不知道， 其实我们也不需要
知道。
小结
心理模型
表现模型
用户的心理 模型和表现 模型有较大 差距时，用 户的感受就 会不好。
摄影篇
呈现的照片
案例三：摄影篇
拍照的过程
02
PART 02 案例引入
案例引入
由于这几个术语比较晦涩抽象， 下面以生活中的例子引入。
吃什么的问题
早上吃 什么？
中午吃 什么？
晚上吃 什么？
外卖篇
点外卖前
案例一：外卖篇
点外卖后
外卖篇
点外卖前
点外卖后
外卖篇
点外卖前
点外卖后
淘宝篇
卖家秀
案例二：淘宝篇
买家秀
淘宝篇
卖家秀
买家秀
上面这些例子你们看 过后有什么感受？
摄影篇
呈现的照片
拍照的过程
摄影篇
呈现的照片
拍照的过程
摄影篇
呈现的照片
拍照的过程
小结
通过上面这组例子，是不是发现摄影师经过设计后呈
现出来的照片，和用户心理期待中的照片很接近，所以用 户就会很满意，这说明当表现模型与用户的心理模型较接 近时，用户的体验感较好。
03
PART 03 总结
总结
在交互设计中也一样，如果接近用户 认为的操作方式，这样的产品就能够减少 用户的学习和记忆负担，用户会感觉它是 一个易用、好用的产品。相反，用户就会 觉得这是一个不好用的产品。
2018
INTERFACE DESIGN
交互式界面设计
西安邮电大学
数字艺术学院
知识点2.4
UI交互设计的三大模型
目录
CONTENTS
01
PART 01
三大模型的概念
02
PART 02
案例引入
03
PART 03
总结Leabharlann 01PART 01 三大模型的概念
三大模型的概念
交互设计的 三大模型
实现模型 表现模型 心理模型