inline
“inline editing” 从字面上看上去第一眼会以为是在一行中做编辑，其实 “Inline” 是 “内联的” 的意思，指的是在原页面进行编辑和保存，而不是跳到另一个页面进行编辑。相比于另起一个页面进行编辑的形式，Inline editing更符合用户的直觉，更不容易迷失。
1. 知乎
知乎的个人资料可以用Inline editing 进行编辑。下图是我的知乎个人资料页。
当鼠标悬浮到某一栏上时，出现编辑按钮：
点击“修改按钮”，则原栏目变为可编辑状态，同时出现“确定”按钮：
编辑完后点击“确定”即可完成编辑。整个过程没有涉及到任何的页面跳转，用户清楚地知道他编辑的内容会显示在哪里。
2. 在表格中的应用
经过以上介绍，大家想必也了解了Inline editing在表格中如何使用，对，就是直接在表格上进行编辑。
2.1 举个最简单的例子，下面的表格是一张已保存的表格。
用户将鼠标点到某一栏时，该栏即变为可编辑状态：
这时用户可以任意修改。并且当鼠标点击到其他栏或者表格以外的地方时，该可编辑栏lose focus之后自动保存修改后的内容，并变回不可编辑状态。
具体demo可参考：http://www.zkoss.org/zkdemo/grid/inline_editing
2.2 Inline editing的形式基本上如2.1的例子那样，不同的地方在于触发编辑的条件。如下图，表格中的每一栏都有 edit 和 delete 按钮。
用户点击 edit 即触发编辑状态，整行都变为可编辑状态。修改完后可进行“update” 或者 “Cancel”。这种编辑方式适合做部分修改的时候使用，如果整个表格都要修改，那么用户需要一行一行地点击edit、update，就会很麻烦。
具体demo可参考：http://demos.telerik.com/kendo-ui/grid/editing-inline
2.3 触发编辑的条件还可以是双击，如下图为原图：
当双击某一栏时，该栏变为可编辑状态，并出现“update” 和 “Cancel” 按钮。这种模式显示隐藏的更深，用户不容易发现双击进入可编辑状态这样一个动作，所以适合作为彩蛋辅助使用，不适合作为主要编辑动作。
具体demo可参考：http://dev.sencha.com/extjs/5.0.0/examples/grid/row-editing.html
3. 其他形式
有些形式的编辑也是在原页面进行，但是有弹出框，我不确定算不算inline editing，暂且认为是inline editing。
3.1 淘宝购物车，原图如下：
当鼠标悬浮到颜色分类栏时，出现修改按钮：
点击修改，弹出颜色分类选项，用户可重新选择颜色分类。弹出框没有屏蔽原页面，并且弹出框悬停在编辑位置处。当用户点击弹出框以外的区域时，弹出框自动消失。与Dialogue弹出框不同，这种弹出框不会阻断原页面和编辑页面的关联性，暂且认为也属于Inline editing。
3.2 linkedin 的个人资料编辑，原图如下：
鼠标悬浮时出现编辑图标，点击编辑图标弹出编辑器：
这个形式和淘宝购物车的弹出编辑器一样，都是在原编辑内容旁边弹出一个编辑器，不发生页面的跳转，不阻断编辑器和原文的关联性。
4.总结：
Inline editing是指在原页面编辑并保存而不需要跳转页面进行编辑的一种形式，符合用户的直觉，适合小范围的编辑。可能有显性的编辑按钮进入Inline editing 状态，也可能是隐形的编辑按钮在鼠标悬浮时才出现，甚至没有编辑按钮，通过鼠标单击或双击就能进入编辑状态，最后一种方法隐藏太深，不适合做主要编辑方式。
本文作者Snow，东南大学工业设计研究生，微信公众号“用户体验报告”
相关阅读
交互式网站网页怎么制作？交互从字面上理解是双方或多方相互影响的行为。从计算机角度来讲，如果我们将信息传播给访客，这种是单向的信
如何做好网站的交互设计，我们今天不讨论这个问题，而是从运营角度上来分析网站交互设计的一些问题，没有永远存在的网站，那么，和用户之间
据了解，阿里妈妈日前对淘宝客平台做出了新的调整，整合已有的流量来源并拓展新的流量。据介绍，2015年淘宝客的两大抓手产品为：互动招商
近年来，随着人工智能的脚步越来越近，“对话即平台”的理念逐渐深入人心，很多互联网产品和应用，都开始尝试引入对话式的人机交互方式。
熟人引流，也就是彩票营销是今年双12的一大玩法，卖家们可以通过发放彩票的方式进行营销。当然，前提是一定要了解相关玩法。 活动介