首页
版块
资源库
社区
工具箱
WiKi
搜索
搜索话题
用户:
搜索话题
用户:
登录
搜索
搜索话题
用户:
搜索话题
用户:
菜单
安装应用
安装
回复主题
首页
版块
系统软件
Mac OS交流
优秀设计不是降低学习成本,而是消灭学习行为本身。
禁用JavaScript。为了获得更好的体验,请在运行之前启用浏览器中的JavaScript。
您正在使用一款已经过时的浏览器!部分功能不能正常使用。
请使用Chrome或其他浏览器。
信息
[QUOTE="zach, post: 94919, member: 1219"] 如题,这背后是完整的一套设计理论体系,而不是一句感性判断。本文从[B]理论论证 → 设计原则 → 面向年轻人的系统设计方法[/B]三层来系统展开。 [HEADING=2]一、为什么“好的设计不需要教”?[/HEADING] [HEADING=2]1. 认知心理学:人不是学习机器,而是“直觉行动者”[/HEADING] 以 Don Norman 在《The Design of Everyday Things》中的观点为代表: 换句话说: [LIST] [*]用户不是在“学习系统” [*]用户是在“猜系统” [/LIST] 👉 如果设计正确,这个“猜”会刚好猜对。 [HR][/HR] [HEADING=2]2. 可供性(Affordance):让功能“看起来就该这么用”[/HEADING] Affordance 的核心是: 一个物体/界面应该[B]自然暗示它的使用方式[/B] 典型例子: [LIST] [*]门把手 → 暗示“拉” [*]按钮凸起 → 暗示“按” [*]滑块 → 暗示“拖” [/LIST] 👉 当“感知 = 行动”时,用户不需要说明书 如果设计失败,就会出现: [LIST] [*]假可供性(看起来能点但不能点) [*]隐藏可供性(能用但看不出来) [/LIST] [HR][/HR] [HEADING=2]3. 用户心智模型(Mental Model)[/HEADING] Norman强调: 例如: [LIST] [*]文件夹图标 → 现实世界映射 [*]垃圾桶 → 删除 [*]滑动返回 → 空间逻辑 [/LIST] 👉 用户用“现实经验”理解系统,而不是重新学习 [HR][/HR] [HEADING=2]4. 可用性原则(Usability)[/HEADING] 经典可用性标准指出: 一个系统应该: [LIST] [*]易学(第一次就能用) [*]高效(用一次就熟练) [*]可记忆(不用也不会忘) [/LIST] 👉 本质:[B]减少记忆负担 → 转化为直觉操作[/B] [HR][/HR] [HEADING=2]二、“本该如此”的设计,本质是这5个原则[/HEADING] 结合理论,可以提炼出一个判断标准: [HEADING=2]1. 可见性(Visibility)[/HEADING] 用户一眼知道: [LIST] [*]能做什么 [*]当前在哪 [*]下一步去哪 [/LIST] 👉 不用猜,不用找 [HR][/HR] [HEADING=2]2. 映射(Mapping)[/HEADING] 操作与结果之间是“直觉对应” 例: [LIST] [*]左滑 → 上一页 [*]旋钮顺时针 → 增大 [/LIST] 👉 行为和结果符合物理/经验逻辑 [HR][/HR] [HEADING=2]3. 即时反馈(Feedback)[/HEADING] 每个操作都有回应 👉 用户不会焦虑:“刚刚成功了吗?” [HR][/HR] [HEADING=2]4. 约束(Constraint)[/HEADING] 限制错误路径 例: [LIST] [*]不可点击按钮变灰 [*]输入格式自动限制 [/LIST] 👉 让错误“无法发生” [HR][/HR] [HEADING=2]5. 一致性(Consistency)[/HEADING] 所有地方规则一样 👉 一旦学会一次,就能用全系统 [HR][/HR] [HEADING=2]三、如何设计一个“适合年轻人”的系统?[/HEADING] 重点来了: 年轻人 ≠ 普通用户 他们的特征是: [LIST] [*][B]低耐心[/B] [*][B]高熟练度(数字原住民)[/B] [*][B]强路径依赖(习惯短视频/滑动交互)[/B] [*][B]高审美要求[/B] [/LIST] 👉 所以设计策略会更“极端” [HR][/HR] [HEADING=2]1. 把“学习成本”降到0,而不是降低[/HEADING] 错误做法: [LIST] [*]新手引导 [*]onboarding教程 [*]功能说明页 [/LIST] 正确做法: [LIST] [*][B]直接让用户会用[/B] [/LIST] 例: [LIST] [*]TikTok:打开就滑 [*]Instagram:图标全是通用语义 [/LIST] 👉 年轻人不会读说明,他们直接“玩” [HR][/HR] [HEADING=2]2. 用“习惯迁移”设计,而不是创新交互[/HEADING] 原则: 例: [LIST] [*]点赞 ❤️ [*]下拉刷新 [*]滑动切换 [/LIST] 👉 创新越多,学习成本越高 [HR][/HR] [HEADING=2]3. 信息密度:极低 + 分层渐进[/HEADING] 年轻人行为: [LIST] [*]扫一眼 → 决定去留 [/LIST] 设计策略: [LIST] [*]首屏只解决一个问题 [*]复杂功能逐步暴露 [/LIST] 👉 不要一上来就“全功能展示” [HR][/HR] [HEADING=2]4. 让系统“像人一样回应”[/HEADING] [LIST] [*]动效反馈 [*]微交互 [*]状态变化 [/LIST] 👉 增强“掌控感”和“情绪反馈” [HR][/HR] [HEADING=2]5. 容错优先,而不是正确优先[/HEADING] 年轻人操作特点: [LIST] [*]快 [*]不读 [*]会误触 [/LIST] 设计策略: [LIST] [*]可撤销(undo) [*]自动保存 [*]弱错误提示 [/LIST] 👉 系统为用户兜底,而不是惩罚用户 [HR][/HR] [HEADING=2]6. 设计“上瘾路径”(但可控)[/HEADING] 优秀年轻人产品都有: [LIST] [*]即时奖励(点赞、播放量) [*]短反馈循环 [*]无限流(scroll) [/LIST] 👉 本质:强化行为闭环 #总结 [TABLE] [TR] [TH]维度[/TH] [TH]好设计[/TH] [TH]差设计[/TH] [/TR] [TR] [TD]学习成本[/TD] [TD]0(直接会用)[/TD] [TD]高(需要教程)[/TD] [/TR] [TR] [TD]操作逻辑[/TD] [TD]符合直觉[/TD] [TD]需要记忆[/TD] [/TR] [TR] [TD]信息结构[/TD] [TD]清晰简洁[/TD] [TD]复杂混乱[/TD] [/TR] [TR] [TD]用户感受[/TD] [TD]“本来就该这样”[/TD] [TD]“怎么用?”[/TD] [/TR] [/TABLE] [HEADING=2]1️⃣ 设计的终极目标不是“易学”,而是“无须学习”[/HEADING] [HR][/HR] [HEADING=2]2️⃣ 好设计的本质是“利用已有经验”[/HEADING] [HR][/HR] [HEADING=2]3️⃣ 所谓“本该如此”,其实是三件事同时成立:[/HEADING] [LIST] [*]看得见(Visibility) [*]看得懂(Affordance) [*]做得对(Mapping) [/LIST] “好的设计通过可供性、映射和心智模型匹配,使用户在无需学习的情况下完成操作,从而实现‘认知即行动’的体验。” The end. [/QUOTE]
发送