产品设计中Enter键的使用

         关于Enter键的来历

Enter键,即回车键。关于“回车键”的来历,还得从机械英文打字机说起。在机械英文打字机上,有一个部件叫“字车”,每打一个单词,“字车”就前进一格。当打满一行字符后,打字者就得推动“字车”到起始位置,这时打字机会有两个动作响应:一是“字车”被归位,二是滚筒上卷一行,以便开始输入下一行,这个推动“字车”的动作叫“回车”。后来,在电动英文打字机上,人们增加了一个直接起“回车”作用的键。那个键以前叫Return ,然后就翻译成回车了.

在电脑键盘上,“回车键”上曾经使用过“CR”、“RETURN”的字样,后来才统一确定为“Enter”。

 

         一、文本换行

本文前言中Enter键最初的作用就是打字机文字的换行功能。互联网中沿用了Enter键作为文本换行。

使用场景:1. 文本输入框中使用Enter键换行

 

         二、确认登录   

确认登录-如果输入了账号和密码,按下enter键就可以实现登录了

使用场景:1. web登录界面、IM等软件登录界面

 

         延展:错误使用Enter键的2个案例

新浪微博登录框中Enter键功能混用 

豆瓣好友分组中使用Enter键进行跨设备交互


         三、确认发送

         按下Enter键确认发送消息。

        使用场景:1. IM聊天类软件中按下Enter作为快速发送键


        延展讨论下Enter / Ctrl + Enter 用来换行还是发送的选择问题

        使用场景:1. IM聊天时大多为口语化短句语言,不需要过多思考组织,追求发送的直播快速多条回复,使用Enter更快速

                            2. 评论鼓励用户组织语言,更书面化,语句一般为多句,需要换行。内容编辑中换行当选Eenter键,则写完评论后发布使用Ctrl + Enter。否则此处写完后用Enter表示发布,则与文本中Enter使用场景矛盾,而且也会导致误发文字,如人人网即为Enter发布故一般使用CRTL +ENTER 

 

         四、确认搜索

确认搜索、确认查询

使用场景: 1. Google香港版、百度等搜索引擎输入关键词,按下Enter键确认搜索,立即跳转到结果页。

 

         延展:去Enter键化使用场景

使用场景:1. Google国际版搜索中输入关键词,不需要点击确认搜索按钮,页面直接进入搜索结果页。

2. Win7系统中自带的文件搜索功能,同样是输入关键词的同时,不需点击Enter键确认搜索操作,即时在当前页显示了搜索结果。

 

      总结:

      此文有点功能总结的味道,虽然大家都知道Enter键的使用,但混用,乱用的产品设计依然出现。真心希望能将Enter键,甚至其他常用功能设计发挥到极致,也不希望出现令用户不适的产品设计。往前走走,依然是一片开阔地。亲们,努力哦。

新浪微博登录框中Enter键功能混用

同事登录新浪微博,误操作了Enter键,然后本来停在登录邮箱输入框的输入光标忽然移到了下面的密码输入框中。这个。。。同事吓到了。然后告诉了我。这个是BUG吗???

经过我多次测试,以及对比新浪微博其他同页面中多个文本输入框并未使用Enter键表示换行功能。既然没有,那就表示Enter键没有在新浪微博产品中统一为一个换行功能。所以我认为新浪微博此次的设计为BUG。
使用场景

a. 登录新浪微博输入登录邮箱后,按下Enter键可以切换到下面的输入密码输入框

b. 新浪微博登录框中登录邮箱和密码输入完后,再次按下Enter键确认登录
疑问

文本框之间的切换不是Tab键的功能吗?此次使用Enter是表示文本框切换功能吗?测试了新浪微博个人设置中的同页面的多个文本框,不能用Enter进行文本切换。

显然,设计者在此次将邮箱输入框+密码输入框当成了整个文本输入框的上线两行,让用户输入了上一行的登录邮箱后,按下Enter即回车到第二行输入登录密码。此次设计者使用的是Enter键的文本换行功能。

输入完登录邮箱和登录密码后,用户再次使用Enter键确认登录进入微博。此次设计者使用了Enter键的确认登录功能。
总结

在一个登录场景中使用同一个Enter键,却表示两个功能。此种迷惑不清的设计显然定性为BUG。

以上仅为个人观点,期待深入交流。lihongtao1987#gmail.com