文章目录

字号越调越大,主题也不顺眼,用户想把阅读页面恢复到最初舒适的样子。但面对“重置”按钮,他未必敢点:收藏会不会清空,阅读进度会不会归零,账号会不会退出?恢复默认设置的关键,不是多弹一次“确定吗”,而是说明会改变哪些设置、恢复成什么值,以及哪些内容保持不变。

以阅读偏好为例,可以把恢复范围限制在字体、字号、行高与主题,保留收藏、阅读进度和账号安全设置。用 Pixso 的交互原型能力把重置前、范围说明与完成结果串起来,评审时就能沿着一次明确的操作核对影响。

阅读偏好恢复默认,收藏与阅读进度保持不变

先限定恢复范围,不要让“重置”包办所有清理

恢复阅读偏好、清空收藏、删除下载文件与注销账号,是四种不同的任务。把它们合并成“初始化应用”,会迫使用户为了修正一个视觉问题承担远超预期的后果。入口最好直接命名为“恢复阅读默认值”,并放在阅读偏好分组内,而不是与账号安全操作混在一起。

范围说明既要写将变化的项目,也要回答最容易担心的保留项。“将恢复字体、字号、行高与主题;收藏和阅读进度不变”比“此操作不会影响重要数据”更明确。后者让读者猜测产品把什么当作重要数据,前者可以逐项核对。

这类区分已有真实产品依据:Chrome 的重置说明分别列出受影响的设置,并说明书签与密码不会被删除或更改。可借鉴的是交代边界的方法,而不是把浏览器的范围照搬到阅读应用。哪些内容保留,必须与当前产品真正执行的操作一致。

如果恢复范围只限当前阅读器,就不要连带重置系统无障碍偏好、通知授权或安全验证方式。用户为看清文字做过的调整尤其需要谨慎:恢复后仍应容易找到字号入口,应用也不应通过重置绕过系统缩放。需要清理文件时另设明确入口,让用户能独立判断。

当前值、上次保存值与默认值,是三件事

假设当前已保存的阅读设置是衬线字体、20 px 字号、1.8 倍行高与深色主题,产品默认值则是系统字体、16 px、1.6 倍与跟随系统。用户临时把字号改成了 22 px,还没有保存。此时“取消修改”应回到 20 px,而“恢复默认值”应指向 16 px;两者不能只因为都叫重置就共用一套结果。

项目当前已保存值恢复后的默认值
字体衬线字体系统字体
字号20 px16 px
行高1.8 倍1.6 倍
主题深色跟随系统
收藏、阅读进度用户已有内容保持不变
账号、安全设置用户当前配置保持不变

这些数值是阅读应用案例的一组设计约定,不是所有阅读器的通用标准。团队需要共同确定默认值来自哪里,以及以后更新默认方案时,恢复操作采用哪一版。“跟随系统”也是一种规则,不是固定的浅色外观;恢复后设备仍处于深色模式,并不代表恢复失败。

还要区分“让控件显示默认值”和“把默认值保存到账户”。如果页面采用统一保存按钮,恢复可以先改变待保存的内容,随后由用户保存;此时反馈应是“已填入默认值,保存后生效”。如果设置本来即时生效,恢复也可直接提交,但必须有真实的保存结果,不能悄悄改变原有保存方式。

MDN 对表单重置按钮的说明指出,原生表单重置会把输入项还原到初始值。这不等于业务上的产品默认值,也不等于已经保存到服务器。设计交付时应直接标注目标状态,避免开发只使用现成的表单行为就认为完成了需求。未保存内容离开页面的处理,可进一步参考草稿、自动保存与退出提示设计。

确认弹窗是否必要,取决于能不能看清和恢复

如果只恢复一个容易重新调整的字号,旁边已经显示默认数值,并且操作可撤销,再增加弹窗可能只是打断。一次性恢复四项、用户又不容易记住原值时,先展示简短的范围确认则更有价值。确认应该提供决策所需的新信息,不能仅把按钮文字再问一遍。

阅读偏好的确认标题可以是“恢复阅读默认值?”,正文列出四项将恢复的值,并保留“收藏和阅读进度不变”的说明。按钮用“取消”和“恢复阅读默认值”,而不是含糊的“否”和“是”。只有这一步真正提交恢复请求时,才把它作为最终确认;不要确认一次后又在下一页无理由确认。

如果默认值在原页面已完整可见,可以用就地展开的范围说明承接动作,不必强制改成弹窗。反过来,涉及难以恢复的配置时,即使名字叫“默认”,也不能仅靠瞬间消失的提示条告知后果。风险判断看影响和可恢复性,不看按钮是否用了红色。

采用模态弹窗时,键盘用户也要能读完范围并取消。按 W3C 的模态对话框模式,打开后焦点应进入弹窗,Tab 导航留在弹窗内,关闭后通常返回触发位置;需要阅读多项说明时,可先聚焦标题或适当的静态内容。初始焦点不应让用户在尚未读清后果时,意外完成不可逆操作。

取消、保存失败和撤销,要有不同的结果

确认前点取消,应关闭确认层,回到打开它之前的编辑状态;不产生恢复请求,也不丢失尚未提交的编辑。请求已经发出以后,关闭提示层并不天然等于取消后台保存。若产品不支持停止正在进行的操作,就不能继续提供一个看似能撤回请求的“取消”按钮;此时应显示正在保存,并明确用户下一步可做什么。

得到明确成功结果后,再显示“已恢复阅读默认值”,并把控件更新为系统字体、16 px、1.6 倍和跟随系统。普通完成反馈不需要把用户带到一个空白成功页。可在设置区域保留简短状态,让辅助技术识别更新,同时不无故抢走当前焦点;这一点可按 W3C 状态消息要求验收。

保存失败时,界面必须说明当前显示的是预览值还是已生效值。例如“未能保存默认值,原设置仍在使用”,只有确认原配置没有改变时才能这样写。响应超时但无法确认结果,应先重新读取设置状态,显示“暂时无法确认保存结果”,而不是把结果不明直接当成失败,再自动发一次恢复请求。

还要约定四项是否作为一组保存。若字体和字号已恢复、主题却失败,就不能统一显示完成;需要标出实际变化与失败项,并提供符合真实状态的重试路径。可以和研发讨论让这组偏好一起成功或一起不生效,但设计稿不能把这种实现当作天然存在。

撤销则发生在恢复已完成之后,含义是回到恢复之前的那组值。只有系统确实保留并允许还原旧值时才显示“撤销”;让用户手工重选四项,不等于提供了撤销能力。若用户恢复后又把字号改为 18 px,撤销不能悄悄覆盖这个更新的选择,应明确适用范围或结束旧操作的撤销机会。不要给一个无效入口配上安慰性的文案。

本机、账号和全部设备,不要留给用户猜

同一个恢复按钮,可能只影响当前设备,也可能修改账号的阅读偏好。若是本机范围,说明“仅恢复此设备的阅读偏好”;若属于账号设置,要在操作前交代登录设备会受到什么影响。不能在界面写“仅此设备”,实际却同步到手机与平板。

同步也不等于所有设备立即完成更新。设备离线时,当前操作的保存成功与另一台设备已应用是两件事。产品未掌握对方状态,就不该显示“所有设备均已恢复”。更稳妥的方式是让用户知道恢复已保存到哪里,并依照实际同步规则解释其他设备何时取得更新。

团队应提前约定另一台设备稍后提交旧设置时如何处理,避免用户刚恢复成功又被旧值覆盖。这属于数据与同步规则,文章案例不预设具体技术方案;界面需要呈现的是一致的作用范围和可信的最终状态。如果默认值受管理员策略限制,也应说明哪些项目不可修改,不提供注定失败的恢复入口。

在 Pixso 中核对一次完整的恢复路径

在 Pixso 画布中并排整理三张阅读偏好画板。第一张放当前已保存的四项自定义值;第二张呈现范围确认与取消入口;第三张画板显示恢复后的四项默认值,并明确收藏和阅读进度保留,让评审者能直接比较变化范围。

Pixso 画布中的阅读偏好重置前、范围确认与恢复默认后的三个状态
四项阅读偏好前后对应,收藏和阅读进度始终留在恢复范围之外。

演示时先走取消分支,确认回到自定义值;再完成恢复,逐项核对默认值与保留说明。随后补一张保存失败状态,讨论如何返回、重试以及读取真实结果。画板上的按钮、文案和去向要对应同一次操作,不要把“已填入默认值”与“已保存默认值”混成一个成功状态。

最后把主题为“跟随系统”的结果放在深色设备环境中讨论,再检查窄屏、大字号和键盘操作。原型能帮助团队看清分支、范围与反馈,但真正的偏好保存、撤销和设备同步仍需产品实现和测试。先在 Pixso 中把这条路径设计完整,再交付明确的状态与文案,用户才知道自己恢复了什么,也知道哪些内容始终还在。