兰亭妙微设计方法论:交互设计原则的实践之道

 

Why?为什么兰亭妙微将交互设计原则视为立身之本?

在兰亭妙微,我们始终相信:好的设计不是灵感的偶然迸发,而是系统方法论的必然产物。交互设计原则之于设计师,如同笔法之于书家 —— 唯有深谙基本法则,方能在方寸之间游刃有余。所谓 "站在巨人的肩膀上,让我们看得更远",全面系统地掌握交互设计原则,帮助我们在每一个项目中精准提升体验、规避常见陷阱,从源头体现专业度。以下是兰亭妙微在多年实战中沉淀的交互设计原则精简版。
主要分为两个部分:第一部分为基础交互设计原则,第二部分为移动端人机界面设计指南中的核心原则。

一、基础的交互设计原则

1.1 尼尔森可用性原则

状态可见原则:用户的每一次操作 —— 点击、滑动、输入 —— 页面都应即时给出反馈。"即时" 意味着响应时间低于用户可忍受的等待阈值。简而言之:用户动手了,就要告诉他你在做什么、大概要等多久。
环境贴切原则:界面的一切表述与表现,应尽可能贴近目标用户的年龄、学历、文化与使用场景,拒绝 "第二世界" 的语言。多用约定俗成的表达,大家都懂才是真的好。
撤销重做原则:为避免误触与误用,产品应提供撤销和重做的出口。让用户有反悔的机会 —— 毕竟生活中可反悔的机会不多,在数字世界里不妨让用户当一回上帝。
一致性原则:同一用语、界面风格、布局、功能与操作保持统一,降低用户的认知负荷。
防错原则:通过设计重组或特殊安排,从源头防止用户出错,而非事后补救。
易取原则:好记性不如烂笔头。尽可能减少用户的回忆负担,把需要记忆的内容直接摆上台面。例如输入过的邮箱,首字母触发联想,一键补全,将 N 步操作压缩至 2 步。
灵活高效原则:中级用户的数量远多于初级和高级用户。为大多数人设计,同时兼顾两端,保持灵活与高效。
易扫原则:互联网用户浏览页面的动作不是读、不是看,而是 "扫"。易扫意味着突出重点、弱化和剔除无关信息。
容错原则:帮助用户从错误中恢复,将损失降到最低;无法自动挽回时,提供详尽的说明与指引。
人性化帮助原则:帮助性提示的最优层级是:无需提示 > 一次性提示 > 常驻提示 > 帮助文档。

1.2 格式塔原则

物体间的远近与形态差异,深刻影响着我们的认知组织方式。核心包括:接近性原理(距离近的归为一组,权重高于相似性)、相似性原理(形态相近的归为一类,颜色权重大于形状)、连续性原理(视觉倾向于感知连续形式而非离散碎片)、封闭性原理(大脑自动补全敞开图形)、对称性原理(自动分解复杂场景以降低复杂度)、主体 / 背景原理(小物体被视为叠加于背景之上的主体)、共同命运原理(同向运动的物体被感知为一组)。

image.png

1.3 尼尔森 F 型视觉模型

用户首次浏览页面时,视线呈 F 形移动:先从顶部左到右水平扫视,再下移以较短长度横向观察,最后以更短距离向下系统扫视。因此重要信息应靠左对齐 —— 电商商品列表的左对齐布局正是此理。

1.4 经典定律集

菲茨定律:可点击区域越大、距起点越近,越易操作;屏幕四角与四边是 "无限可选中" 的黄金位置。
神奇数字 7±2 法则:人脑短期记忆的舒适区间为 5-9 个信息块,导航选项卡通常不超过 5 个即源于此。
奥卡姆剃刀原理:如无必要,勿增实体 —— 功能等价时选择最简单的方案。
二八法则:20% 的功能决定产品成败,牢牢抓住核心 20%。
泰思勒定律:每个过程都有其固有复杂性,超过临界点便无法再简化,只能将复杂性从一处转移至另一处。
席克定律:选择越多,决策时间越长,公式为 T=a+b log2 (n)。菜单层级设计中应善用分组与折叠。

image.png

二、移动端人机界面设计原则

清晰:清晰易懂,突出重点,明确表达可交互性。
遵从:轻量化界面,让内容成为主角。
深度:通过层次结构传达信息的优先级与关联。
此外,美学完整性(不喧宾夺主的图形与标准化控件)、一致性(符合用户心理预期)、直接操作(即时可视的反馈)、反馈(高亮、进度、动效与声音的综合提示)、隐喻(借用现实世界的经验降低学习成本)、用户控制(用户主导,系统仅建议不代决),共同构成兰亭妙微在移动端设计中的准绳。

结语

遵从这些原则,能让我们的产品更好用、更易用,更贴合用户的心理预期。当然,规则是死的,人是活的 —— 在兰亭妙微,如果有更根本的方式解决设计问题,我们从不惮于打破原则。原则是基石,而非枷锁。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档