10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
留言板 小程序 交流群 关于我

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源

52设计原则:27.映射关系 MAPPING

8月前 754 0

52 Design Principles 是 RPDC(RPDC:小红书产品设计中心) 送给自己和所有设计师,研发、产品的礼物,希望前人的经验能帮助我们做更好的设计。

MAPPING

控制装置与被控制的对象之间需要在布局上或者运动上存在强的对应关系,从而让用户的操作变得更直觉化。这是由唐·诺曼(Donald Norman)在《设计心理学》(The Design Of Everyday Things)中提出的,他认为映射是表达「控制-效果」关系的一种方式,即如何用正确的控制形式表达出系统功能的效果。

来源与推导过程

来自诺曼的《设计心理学 1:日常的设计》(「映射」这一概念的奠基之作)。书中认为映射是表达「控制-效果」关系的一种方式,即如何用正确的控制形式(前馈)表达出系统功能的效果。《设计心理学 1:日常的设计》中提到,建立良好映射关系有两种方式:

  1. 利用物理环境类比(Physical Analogies):比如空间位置类比。

  2. 利用文化标准(Cultural Standards):比如升高表示增加。当然需要注意的是,不同文化间的差异,可能会带来映射关系理解的偏差。

  • Norman, Donald A. 1988. The Design Of Everyday Things. Doubleday Business.

解读与应用案例

炉灶是一个典型的例子。通常情况下,炉灶被布置成一个长方形,而旋钮被放置在下面一排,这样很难辨别炉灶和旋钮的对应关系。但是,如果四个炉灶被布置成梯形,而旋钮的布局也模仿这个形状,就更容易理解和控制。

  • Mitchell, Ed. 2022. "Design Defined: Mapping In Product Design | Bresslergroup". Bresslergroup.

边界与限制

  1. 在不同的文化中,不同的物体、颜色、手势都有着不同的意义。在设计中我们应该保持设计的意义与用户在现实生活中的认知是一致的。

  2. 在界面设计中,想要建立良好的映射关系,需要设计师们多利用现实生活中的物理环境与文化标准来类比。

更多阅读

大设计思维—映射

设计法则|映射,用户体验带来的思考

设计法则「映射」: 让你的设计更符合直觉

How to Use 「Mapping」 To Determine the Design of Your Controls

文章来源

https://rpdc.xiaohongshu.com/52-design-principles/mapping

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
#52设计原则 #映射关系 
收藏 1
推荐阅读
  • 52设计原则:08.菲茨定律 FITTS'S LAW
  • 52设计原则:30.对比性 CONTRAST
  • 52设计原则:19.宜家效应 IKEA EFFECT
  • 52设计原则:02.多功能代价 FLEXIBILITY TRADEOFFS
  • 52设计原则:05.形式追随功能 FORM FOLLOWS FUNCTION
评论 (0)
请登录后发表评论
分类精选
52设计原则:43.正态分布 NORMAL DISTRIBUTION
1305 8月前
52设计原则:13.认知加工层次 DEPTH OF PROCESSING
1234 8月前
52设计原则:44.期望路线 DESIRE LINE
1159 8月前
52设计原则:45.反馈环 FEEDBACK LOOP
1119 8月前
52设计原则:48.信噪比 SIGNAL-TO-NOISE RATIO
1101 8月前
52设计原则:51.满意解决模式 SATISFICING
1095 8月前
52设计原则:52.非我发明症 NOT INVENTED HERE
1073 8月前
52设计原则:50.委员会设计 DESIGNED BY COMMITTEE
1073 8月前
52设计原则:49.心智模型 MENTAL MODEL
1068 8月前
52设计原则:47.功能蔓延 FEATURE CREEP
1051 8月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 如何写出高质量的产品需求文档(PRD),撰写指南PRD模板
2 从“一句话需求”到完整PRD:如何用AI快速构建高效的产品需求文档(附一句话提示词)
3 从0到1掌握竞品分析:全面拆解方法论与实战案例
4 8大B端大厂设计体系:企业数字化转型的核心竞争力(Axure组件库下载)
5 想要用AI做原型设计,没有灵感?没有头绪?这四个产品经理必逛的原型资源社区
6 产品设计指南:各类终端原型设计尺寸与布局优化
7 52设计原则:52.非我发明症 NOT INVENTED HERE
8 52设计原则:51.满意解决模式 SATISFICING
9 52设计原则:50.委员会设计 DESIGNED BY COMMITTEE
10 52设计原则:49.心智模型 MENTAL MODEL
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
免费影视APP 花式玩客 免费字体下载 产品经理导航 Axure RP 10 免费Axure模板 Axure原型设计 Axure元件库下载 原创Axure模板 申请友联