这是网络页面编码设计中的一项基础却极为重要的准则。
现将其中的核心观点和结论总结与大家分享。
原理一：简洁明了

张思聪先生提出：“在哪里操作，就要允许在哪里反馈。”也就是说，界面设计应能够即时响应用户的操作——简洁明了。

以下是一些更直接响应用户操作的技巧：

1. 页内编辑：
页内编辑最为直接的方式是在页面上下文中进行。用户无需离开原页面，即可在页面上下文中完成编辑。此时，应当支持行内编辑功能。
行内编辑的优点在于不离上下文，编辑过程中可以不断参照页面其他内容。例如，编辑某个图片标题时，若能同时看到图片则更有帮助。如果编辑的元素属于较大的集合，同样需要采用行内编辑方式。
1. 单字段行内编辑：
编辑操作发生在原地，而非单独的窗口或页面。例如，网易邮箱的个人名称编辑：虽然这种个人信息的编辑通常在新页面中完成批量操作，但直接行内编辑的方式并不多见。
注意事项：
- 用户如何发现单字段行内编辑功能？可以尝试以下几种方式：显示提示条、以背景色突出显示可编辑区域、展示编辑光标（仅在用户鼠标悬停在标题上时出现）。因此，也可在标题旁边放置一个“编辑”按钮，点击即可触发编辑。然而，添加“编辑”按钮可能会带来页面视觉干扰的平衡问题。每增加一个按钮，都会提高页面的理解难度。如果易读性比易编辑性更重要，则应当在用户与内容交互时才给出可编辑提示，其他时候应隐藏提示。
- 多字段行内编辑：
当行内编辑的是多个值或更复杂的数据类型时，编辑内容由主题和内容组成。为便于阅读，可将主题显示为标题，将内容显示为常规文本。编辑时，这两个值分别对应表单中的两个文本框，并带有提示性标签。例如，京东商城在退换货场景下，对于收货地址及个人联系方式的编辑，采用了直接在当前页面进行的多字段行内编辑。

1. 覆盖层编辑：
通过在页面上方添加一层覆盖来放置编辑表单。虽然编辑过程不会离开原页面，但并非在页面上直接实现，而是通过一个轻量级弹出式对话框作为编辑窗格。
选择覆盖层编辑而非行内编辑的原因有很多：如果嵌入页面的编辑区域过大，会将内容过多的推向下方而有损页面整体感，应避免此类干扰。总结：使用覆盖层时应考虑以下因素：
- 编辑模块明显比显示结果大得多
- 页面中编辑模块占用的区域会导致重要信息下移
- 展开后的编辑模块可能有部分延伸到窗口之外，覆盖层可以保证编辑模块完全可见，用户希望获得清晰的编辑区域。

4. 表格编辑：
表格编辑在企业级Web应用中更为常见。启动编辑功能须通过鼠标点击方式，而非悬停。
表格首要考虑的是数据展示，其次才是编辑功能。
总结：应着重关注表格数据的可读性，不要通过鼠标悬停启动单元格编辑，以免干扰用户正常界面交互；可通过单击单元格启动编辑，为编辑操作提供更大空间，例如使用下拉编辑框或增大编辑单元格；尽可能模仿用户已熟悉的常规性单元格切换操作（如Excel的惯例）。

5. 群组编辑：
若希望在不影响页面项整齐有序的前提下支持编辑功能，可以通过某种交互进入特殊编辑模式——群组编辑。
尽量保持编辑模式与显示模式之间的差异最小化。在正常情况下，iPhone主屏幕上的图标是被锁定的，长按某个图标不放会启动编辑模式，此时可以把图标拖动到新的位置。Sketch软件中，当进行“自定义工具栏”操作时，所有的工具栏项目同时抖动，提示用户可以进行增减或重新排序，调整完成后再切换回普通模式。
注意事项：提供可切换编辑模式的好处是保证编辑模式操作不会干扰正常显示，不足之处则是在易发现性与易读性之间需要平衡。

6. 模块配置：
要修改某个单独模块的配置时，无需打开新页面，而是直接在当前页面对每个模块的内容数量和类型进行配置。
例如，网易邮箱中对页面显示的邮件列表数量设置，可在右上角的“设置”中选择数量，完成后页面中会根据新的数量展示。
注意事项：为每个模块都添加编辑链接会造成视觉干扰。替代方案是在整个页面上添加一个编辑链接，通过该链接开启所有模块的编辑功能，即使用群组编辑模式。

总结：
页内编辑是实现直接交互的重要手段。