交互设计

系统反馈时间的经典阈值来自可用性研究的三档划分。零点一秒内是即时，用户感觉操作与结果是直接因果连接，适合按键态、勾选这类连续操控反馈，超过这个窗口就会打断直接的操纵感。一秒内是流畅，用户注意力仍在任务上，页面内状态切换、面板展开、局部刷新应控制在此区间，并配过渡动效维持空间感。十秒是专注上限，超过十秒用户会离开任务去做别的事，长加载必须给出进度指示、预计时间与可取消选项，或先渲染骨架屏占位。三档之外还有两秒规则等经验说法，核心一致：反馈延迟决定用户感知的系统质量，且等待必须被解释。设计落地是把指标写进性能预算，比如交互到首帧反馈一百毫秒内、路由切换一秒内出骨架屏，并在弱网环境实测。能报出阈值并说明对应设计策略，是交互基本功。

微交互是完成单个任务的细节交互循环，经典模型含四部分。一是触发器，启动微交互的信号，可以是用户动作如点击按钮，也可以是系统条件如收到消息；触发器要符合直觉、位置可发现、状态明确，例如开关的当前态可读。二是规则，定义触发后发生什么，即交互的逻辑内核，比如点赞后计数加一并且已点赞状态下再点则取消；规则决定交互是否可预期，看不见但要自洽。三是反馈，把规则执行以视觉、听觉或触觉传达给用户，是用户唯一能感知的部分，要传达状态变化且不过度打扰。四是循环与模式，微交互的重复与状态分支，例如长按触发二级行为、连击进入不同模式，以及交互结束后的复位。分析任何一个点赞、下拉刷新或静音开关都能套进这个框架。面试中现场拆解一个微交互，是展示结构化思维的高效方式。

表单是转化关键路径，优化手段可归纳为九条。一是精简字段，每删一个字段完成率上升，必填外全部砍掉或延后收集。二是合理布局，单列布局优于多列，视线不折返；标签置顶对齐优于左对齐，扫读与关联更快。三是分组与分步，长表单按语义分块或分步并给进度指示，降低启动门槛。四是即时校验，失焦后立刻反馈格式错误而非提交后整页报错，错误信息说明怎么改而不只是说错了。五是智能默认与记忆，自动填充历史地址、记住常用选项。六是键盘适配，手机号唤起数字键盘、邮箱带_at 键，减少切换。七是主次按钮区分，主操作视觉强于取消，危险操作二次确认。八是宽容输入，身份证带 X 大小写、手机号带空格横线都能自动清洗。九是错误恢复，提交失败保留全部已填内容并定位到错误项。每条都能对应可量化的完成率数据，是最容易讲出业务价值的话题。

手势高效但不可见，设计原则有六条。一是可发现性，没有指引的手势等于不存在，用首次引导、边缘暗示如可拖拽把手、动画演示来教育用户，且允许跳过。二是遵循平台惯例，侧滑返回、下拉刷新、长按呼出菜单等系统级手势不另造轮子，跨平台差异要尊重各自规范。三是提供等价可见操作，手势是捷径而非唯一路径，可滑动删除的行也要有编辑态的删除按钮，照顾新手与无障碍用户。四是难度分级，简单手势承担高频操作，复杂手势如三指组合只留给进阶功能。五是防误触，手势热区足够大、与系统手势不冲突、临界操作可撤销，例如滑动删除在列表与返回手势冲突时要调整热区。六是反馈即时，手势过程中的跟手动画是操作确认，松手后的结果动画定义物理感。设计后必须在真机上验证，鼠标原型会掩盖所有触觉问题。

协作的本质是把交互逻辑、视觉表现与技术实现三层约束对齐。与视觉设计的协作：交互先定信息架构与操作流，输出流程图与线框，明确状态与反馈点；视觉在此之上做层级与风格，涉及交互语义的视觉表达如按钮态、危险色要保持一致约定；反过来视觉的探索也要尊重交互效率，不为美观牺牲热区与可读性；双方共建组件库，把状态与样式封装成同一资产。与前端开发的协作：交互稿必须写全状态，默认、悬停、按下、加载、空、错误、极限内容，状态缺失是还原问题最大来源；动效标注时长、缓动与触发条件；复杂交互提前做技术评审，可行性、性能与降级方案达成一致再细化；设计走查对照真实环境而非仅设计稿。流程上推荐双周迭代内交互、视觉、前端三方对齐验收标准。能讲清接口物与状态完整性，说明经历过真实项目磨合。