[晓生采访第七期]翟莉莉:百度手机输入法引领交互的革命

1.请介绍一下百度手机输入法设计组吧。

大家好,我是百度手机输入法的UE Team leader。从2009年初,输入法UE团队参与设计,可以说我们是一路见证百度手机输入法诞生及成长的。

经过近3年的发展,已经是一个集合界面设计师、交互设计师、用户研究工程师、运营设计师在内的相对完整的UE设计团队了。

2.输入法产品有什么设计上的创新之处吗?

我们做设计延续着百度一贯遵循的两个原则:创新和注重用户体验。

比如我们首创的“点划输入”率先使用在输入法,能够很大程度上提高输入效率,之后点划输入出现在国内同类产品,Blackberry 10和最近更新的谷歌拼音输入都引入了这一项操作方式。

最近的Android3.0版中,百度手机输入法率先提出“多媒体输入”的概念,“在输入文本框中根据需要插入图片、语音、地图、涂鸦、随写、二维码等,结合高端智能机一些特点,让用户可以通过非文字的输入方式进行输入,使得输入行为更多样化以及更迅速和便捷。

3.触屏手机输入法与按键手机相比,有什么交互不同点吗?

先说说下触屏手机和按键手机最根本的不同;

首先,触感发生了改变。键盘手机在输入时能够让用户明显有实体的触感,按键的形状、按键的物理尺寸、按下的反馈等等,对于用户来说都是有感知的;但是触屏手机由于目前技术限制,实体触感不强或不普及。

其次,键盘布局的变化性不同。键盘手机的键位布局是固定的;但是对于触屏手机来说,键盘布局、键位内容等都可以根据使用场景发生一定的变化,甚至键盘存在与否都可以改变,相比键盘手机来说布局不固定,变化多样性。

正是因为两者最根本的不同,导致交互设计关注点也不同:如何能让用户尽可能减少键位的记忆成本、对于不同面板间尽可能减少变化认知成本、降低不同面板间的切换成本,键盘布局的场景应用可变性等问题是触屏手机输入法交互设计需要重点关注的。

4.百度手机输入法是如何提高用户输入效率的?

影响输入效率的因素却是多方面的,比如:键盘的布局、热区的设定、词库的精准、界面的设计等,并且多种因素是相互影响的。我们交互和视觉设计层面会通过降低用户不同面板间的切换成本、降低用户认知成本、减少用户输入成本(如多媒体输入方式),等多种改进综合提高用户的输入效率。

5.iOS的中文输入法一直问题多多,而目前只有越狱才能使用第三方输入法。与系统输入法相比,百度输入法iOS有什么优势吗?

首先只有通过越狱才能使用百度手机输入法这个概念并不对。我们已经和很多应用软件进行内嵌式合作(百度搜索、Weico、个信等),将百度手机输入法添加到合作的应用软件中,让用户可以不用越狱就能使用。

与系统输入法相比,百度手机输入法的优势在于:

第一:强大的词库。百度通过多年的积累,通过强大的技术,词库和词频经过海量数据的筛选,更为符合中文用户的输入习惯。

第二:云端输入的支持。不仅词库的强大,云输入功能的开发,更能够提高用户的输入效率

第三:提供多种输入方式。拼音、五笔、笔画、手写等等。

第四:九宫键盘布局。九宫的布局设计、点划的输入形式都使得百度手机输入法效率更高。

6.手机端为何要延续九宫格面板?和全键盘相比那种输入方式更快?

手机在设计之初主要功能是为通话进行设计,所以原始的键盘一般为九宫布局,后来随着手机功能的拓展,文本输入渐渐成为了主要功能之一,才有了基于九宫布局的T9输入方式,目前手机端延续九宫面板的初衷是为了延续用户的使用习惯。

至于九宫和全键盘相比那种输入方式更快,目前尚未有明显的结论,两者各有优劣,但数据统计显示目前中文输入使用九宫面板的用户占大多数。

九宫面板:优点键位增大输入准确率高,用户认知成本较低;缺点重码率较高。

全键盘面板:优点能够精确输入;键位小,用户误点击率较高,认知成本较高。

7.输入面板按钮的大小对输入效率是否有影响?

输入法作为一款工具性产品,输入效率的提高是衡量其好坏的重要指标之一。对其影响因素是多方面的,按键的大小只是其中的一方面,按键的形状、颜色、热区等等都会对用户输入效率有所影响。

另外输入准确率对输入效率也是有很大影响的,可想而知,如果用户经常点击出错,那么输入效率一定是不会高的,反之亦然。因此不能孤立的去说输入按键对于输入效率有何影响,而应该综合各种因素,结合用户输入效率、输入准确率、主观满意度等多方面去提升。百度手机输入法就是结合各种因素,通过用户测试不断去优化和提升,当然我们为此一直在努力。

8.手机输入法未来会朝着什么方向发展的呢?

如前面所提到的,在Android3.0版本上创新性的提出“多媒体输入”形式,就是通过对用户行为分析得出的设计灵感,目前的“多媒体输入”还只是起步阶段,今后对于“多媒体输入”方式的不断完善会更进一步给用户输入带来快速和便捷。

“语音输入”我觉得也是未来输入法发展方向之一,语言是人与人之间交流最直接,最有效的方式,当我们的输入法能够听懂我们所说的话时,输入将出现极大的改变,人与机器之间的距离将被接近。

此外“云输入”也必定是未来发展方向之一,通过云端服务器强大的数据处理能力,有效精准的提供候选词、各种同步备份,必定会大大提高用户的输入效率和使用体验。

另外还有更前瞻性的输入方式我们也在不断的研究和关注。

9.输入法的logo是如何设计出来的呢?

新版的百度手机输入法Logo是伴随着2.1版发布的。Logo整体采用熊头外形配以内部的米字格、毛笔和英文du的设计元素。

其中熊头外形以及红蓝颜色搭配的灵感来源于百度品牌的DNA,在左下角掀起一角,用来展现我们创新求变、力求完美的设计理念;在细节上,米字格的底纹能够看出我们颂扬传统文化,与历史保持统一;毛笔与英文du的融合,表达我们接过传承与发扬的重任,与你携手,我们一起书写新篇章的信念,以及我们的产品方向。

移动产品数据分析难点(1)

近期兴趣转向数据分析,先期通读互联网数据分析的理论,但使用在移动应用还是遇到有不少难题:

1.很难获得用户操作行为完整日志。现阶段数据分析以统计为主,如用户量、使用时间时长和使用频率等。一是需要识别用户,二是记录行为容易引起程序运行速度,三是开发成本较高。

2.产品缺乏核心指标,这需要分析人员足够的了解产品。产品有了核心指标,拆分用户操作任务和目的,分析才会有目的,否则拿到一堆数据不知如何下手。比如讲输入法的核心指标设为每分钟输入频率,顺着这个目标可以分析出哪些因素正向影响(如按键容易点击)和反向影响(如模糊音、误点击和点击退格键的次数)核心指标。

3.短期内可能难以发挥作用。数据分析需要不断的试错,很难在短期内证明方法的有效性,可能难以获得其他角色的支持。

4.将分析转化为有指导意义的结论或者设计。看过某应用的近四十个设置项的使用比例,修改皮肤使用率较高,而个别选项使用率不到0.1%,依次数据可以调整设置项的层级关系,重要的选项放置到一级强调显示,低于5%的可以放置二三级。功能使用率的分析是比较容易的切入点。

5.明确用户操作目的。功能对于用户而言,使用率不是越高越好。增加达到的目标的途径,用户思考成本增加,操作次数会增加,比如搜索。在应用中使用搜索可能说明用户没有通过浏览找到想要的内容,如果用户搜索热门内容,说明应用展示信息的方式出现问题。

6.考虑到运营需求。之前做过的工具型应用,设计的核心指标是提高操作效率,减少点击次数、等待时间和手指位移等,最快的时间完成操作。而一些浏览型产品用户的目的并不明确,大致有浏览、查询、对比和确定目标等四类用户行为,需要兼容用户目标不明确情况下操作,引导用户选择的同时还要在过程中展现更多的内容,刺激用户点击。

儿童移动应用的界面设计基础知识

注:实习生wenli对本文皆有贡献 

最近处于项目需要,开始研究儿童产品的界面设计。在此之前,对儿童如何使用移动产品和如何设计知之甚少。优质的移动应用,为儿童带来乐趣的同时可以帮助儿童认知事物。越来越多的儿童使用移动设备,接触虚拟社区的时间甚至早于真实世界,如何设计儿童产品是一个非常值得深入研究的课题。

本文简单地从视觉、界面层级关系和交互等方面分析儿童与成人界面之间的差异性。

颜色

细心的朋友会发现儿童家具明显有别于其他家具,最明显的特征就是颜色,这是因为儿童视力到8岁才能发育完全,对色彩的认知也是从简单的三原色开始,儿童偏向于喜欢高纯度和高明度的原色。

iPad版奇艺动画片的启动界面以品牌绿为主,配合多种红蓝黄等颜色,整体写实蓝天绿草地的真实意境,营造轻松有趣的氛围。

线条

儿童家具一般有保护措施,避免儿童在缺乏自我保护意识的情况下被误伤,界面设计同样如此。避免繁杂的细节,边缘通常使用圆角处理。

 字体

家长通常担心儿童使用电子设备影响视力,界面中很少使用小号字体,电子书字号通常比成人界面大2-4号。而奇艺动画片以图片和视频为主,儿童通过卡通形象可以轻松识别内容,相比较故事书而已,文字并不是那么重要。

声音

个别界面无法避免使用文字时,奇艺动画片增加了声音提示,巧妙地降低儿童的阅读难度。

故事书通常有阅读声音,一方面是儿童的识字并不多,另一方面是儿童注意力通常只能集中20分钟左右,有趣的界面辅以声音可以吸引儿童注意力。

随意点击

儿童对于界面是否可以操作没有明确的概念,以探索性操作为主,在既定的任务中需要避免儿童随意点击导致界面跳出或者误触发其他操作。奇艺动画片在播放时可以锁屏,退出播放需要较高成本儿童不易学会的长按操作。

个别电子书在设计时不是有意地避免这个问题,而是利用儿童的探索性操作触发动画效果,鼓励儿童点击界面中的物体,增加的界面的趣味性,但这种设计的实现成本很高。

如不需要儿童点击操作也能正常执行的任务,比如电子书,界面中的按钮通常采用半透明设计,避免吸引儿童去点击。

如可能,操作尽量放置界面上方,有效地防止儿童的误点击操作。

布局

儿童应用的界面设计比其他简单的很多,故事书是线性的按页码播放,奇艺动画片的主要界面只有播放器和选择动画片,层级关系简单。

小结

除了以上的内容,儿童界面设计还有很多细节值得细细推敲,比如:

      1. 强化点击反馈
      2. 增加进度条的趣味性
      3. 过于显眼吸引儿童点击但容易遭家长反感的广告
      4. 避免搜索
      5. 对于低年龄儿童避免界面的滚动操作

不再一一以界面案例举例说明,这些只是基础知识,最重要是掌握儿童的操作行为规律,更多内容请关注iPad版奇艺动画片的界面设计。