作者： 晓生

本文作者：光华 & 晓生

从设计角度来看，此次改版主要以视觉风格为主，辅以架构和交互细节的调整。不便细说，省略几百字，简要的总结为：

利用WP7主界面推送的特性，可以将电视机钉到首页，便于快速的查看影片的更新状况，符合WP7本身对于主界面的定义，解锁之后快速的决定操作任务。WP7对于主界面的定义更新Android的通知栏，但可承担的信息还是非常有限。

WP7由于平台本身不够成熟，可实现的功能较少，一般挑选最核心的功能。另外，WP7系统绘制比较受限制，偏向于遵循系统特性，对平台有补充作用的创造性设计比较少，导致WP7应用程序的可玩性还不足。

全景视图（Panorama）和pivot视图的应用场景和使用方法有一定区别，Panorama更适合于娱乐性较强的应用程序。由于规范了图片和颜色的一致性，视觉整体效果大为改观。

WP7以图片、色块和文字为主，注意排版的对齐，但方式比较单一，有时无法利用一些辅助元素去强调交互操作或信息的重点。利用图片元素时一定要保证图片的质量，一张差图对界面的整体影响非常大。

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

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

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

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

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

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

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

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

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

颜色

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

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

线条

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

 字体

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

声音

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

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

随意点击

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

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

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

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

布局

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

小结

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

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

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

1.先介绍下自己吧。

大家好，我是elya妞，本名陈莹，百度无线用户体验部资深交互设计师，负责百度通讯录、百度hi的设计管理，是http://elya.cc博客的作者，专注于移动应用体验设计。

2.虽然对你比较了解，但想听听你的学习方法。哪些学习方法你认为比较有效？比如下载和研究无数移动应用，写博客？

我的学习方法分阶段有所不同，在我还是学生的时候，只能通过阅读海量书籍和行业博客获取知识，我的入门读物主要是《就这么简单：Web开发中的可用性和用户体验》、《Don’t make me think》、《简单法则》，后来关注移动互联网产品设计之后，最喜欢的三本书是《移动应用的设计与开发》、《Tapworthy》、《AppSavvy》。

因为书籍对于知识的沉淀来说，需要时间，而移动互联网的飞速发展，要求我们今早了解新的知识，所以关注资讯和博客也是我提升交互设计能力的一个方法，Smashing Magazine和Lukew是交互设计师不得不关注的网站。另外就是对于应用的深入研究，我每天都在下载新的应用，仔细研究应用的结构和细节，Android和iPhone上都装了上百个应用，预测他们每一次更新的内容，然后不断佐证，逐渐培养自己的产品设计判断力。

写博客是一种沉淀方式，定期把自己思考的内容写下来分享给别人，对自己和他人来说都是一种进步。

（晓生注：Lukew.com是移动交互设计必看的博客，对本人影响很大）

3.为什么热爱移动应用交互设计？

过去互联网的交互设计已经有一些成熟的模式，站点地图、栅格系统、面包屑导航、鼠标悬浮等等，我也很喜欢，但是当触屏智能机出现之后，我们发现交互设计师可发挥的空间太大了，虽然小屏幕限制了内容，但是却因此更需要合理架构、清晰的流程，除了页面跳转之外还有太多的手势交互、声音交互、传感器交互值得研究，所以就义无反顾的投奔移动互联网浪潮了。

4.你如何判断交互设计方案的优劣？

曾经写过一篇文章专门聊这个话题《手机产品交互设计评估方法》，交互设计方案除了要满足用户体验需求之外，还要符合产品定位和商业价值，当然体验是我们的主要衡量维度。那么我看到一个交互方案的时候，会问这样几个问题，架构是否清晰？流程是否清晰？控件使用是否准确？信息传达是否到位？这些问题是给交互方案做基础评估的，再进一步来看，就要评估创造性和体验提升度了。

5.移动互联网其实挺浮躁，你是如何让自己静心来研究具体问题的？

浮躁吗？其实我心态还挺平和的，不管做什么项目，我的思路都是发现问题、找到解决方案、产出具体设计、开发落地、验证方案、总结沉淀、迭代修改，其中最重要的两个环节，我认为是发现问题和总结沉淀，有痛点才有所为，有总结才有所知。

做项目如此，做研究也是如此，当我想到一个topic的时候，先评估这件事是否值得研究，然后去广泛的寻找资料，最后找到解决方案，沉淀分享。在互联网上，没人知道你是一条狗，只要你有料，听你汪汪的人就多。

6.有形成自己较为成熟的设计方法？尝试过哪些方法？

一些常见的设计方法都有尝试在项目中应用，目前最常用的是概念模型、站点路径图、卡片分类、白板法和故事风暴，都比较适合敏捷设计，最喜欢的是故事风暴，找到目标用户，针对目标用户可能经历的典型场景去分组讲故事，寻找可能的痛点，最后给出概念设计。

为了验证这些场景，用户研究人员会辅助采用田野研究、魔物实验等方法吗，非常有意思，设计变得有据可循。

7.在你看来，新入行的交互设计师容易犯哪些错误？

认为自己是做交互设计的，不该效仿别人，别人不应该干涉自己的设计，这是万万不可取的，交互设计不是憋大招，也不是创意取胜，而是建立在对产品战略目标、技术实现代价的基础上，给出的最优解决方案，需要有足够的前置沟通，了解项目背景、了解技术能力，在做提案的时候，也要保证充沛的沟通，提前获取认同，这样才能保证大家最后拿到的是一个靠谱的方案，并且逐渐建立信任，获取好感。类似的错误还有怨天尤人抱怨交互没有话语权、只顾着想效果不知道解决了什么实际问题、因为担心自己是新人不敢表达自己的真实想法，接需求做需求从不做项目总结等等。

8.交互设计师对专业背景有要求吗？

科班出身还是有一定优势的，我也很喜欢科班的同学，能从他们身上学到不少好的方法，但是科班学到的那些东西，只能帮助你具备很好的思考方式和做事方式，但如果无法结合项目，那基本上算是白学了。而且放眼移动互联网的发展，行业变迁是日新月异的，比如要保持对应用和趋势的敏感，逐渐你会发现，什么叫学如逆水行舟，不进则退。所以不管是不是科班，身处移动互联网，一定要保持一颗学习的心，积极沉淀总结，持续的进步。

9.设计师可能不断地遇到瓶颈，你最近有遇到过吗？如何克服的？

都会遇到吧，不止是设计师，我会经常给自己设定新的目标，如果一段时间发现自己都没有进步，应该是自身成长的方向把握错了，比如这一年来，我把投入在交互设计上的精力逐渐剥离出来一些，开始学习项目管理相关的知识，在实践中摸索着前进，这样可以很好的把个人价值转化成团队价值，提升设计团队的作战能力。不过还是会有些你决定不了的因素阻碍你的成长，这种时候，除了调整目标之外，只能想办法改变环境了。

10.你对优秀设计师有自己的评价标准吗？具体是什么？

我心目中有两类设计师都比较优秀，一类是综合能力很高，对产品对市场对技术对趋势都非常了解，可以准确的给出一个最优解决方案，合理的控制项目进度，有效的推动执行，并把握整个设计循环，起到绝对主导作用，这类人，自己可以掌握设计的话语权，不会抱怨设计没地位，因为他们跟各种角色都有共同语言，都搞的定；另外一类真的是交互奇才，有些自己独特的特质，也许不专业，也许不理论，也许不善谈，也许不强势，也许不了解产品和市场，但是他们真的可以拿出非常棒的设计方案，用方案本身来说服他人。这类人需要一个靠谱的指引者帮忙找准方向，推动方案落地。

11.你认为设计师应该学会推销自己吗？

当然，设计师设计自己比设计产品还重要，如果没有个人品牌，很难把设计品牌价值最大化，当然这两者是相辅相成的，最好是依托好的作品来推销自己。

12.如何看待设计师的话语权问题？你如何为团队赢得话语权？

这个前面有回答过，设计师最爱抱怨的就是没有话语权，因为PM会对产品整体负责，设计师有时候不得不屈从与产品的战略方向或者开发密度，来妥协设计。不如以开放的心态来看待，话语权是给有影响力的人的，只有在你足够专业、足够睿智的时候，才会有足够的影响力，这里的专业和睿智拼的不是经验，而是你的思考深度和你对产品的了解。如果你都不用自己的产品，不了解用户的需求，也不调研自己设计的实现代价，你如何去说服别人来实现你的设计呢？

我们也跟PM讨论过话语权的话题，目前为了让团队可以主导设计决策，我们制定了内审制度，设计师要组内pk，必须说服所有人，改到我们自己满意，才是一个我们可以组团去推销的设计。

13.在我眼里，你善于沟通，这对专业学习和职业发展非常有帮助。实际项目中沟通能力是如何发挥作用的。

其实我性格里内向的因素居多，特别喜欢宅在家里，可以一整个周末一句话不说，但是互联网是一个重合作讲团队的领域，必须要主动去跟人打交道。

所以，我会刻意练习自己的主动沟通意识，在PM提需求之前，我就已经对我们要做的事情心里有数了，在有个设计雏形的时候，就去找其他角色商量，寻求认同，最后提案的时候，往往已经达成了线下的一致意见，所以推进起来都比较顺利。至于设计小团队，经常在一起pk彼此的方案，风暴好的创意点，是提升设计热情的好方法。只要有合作，就一定是求同存异，找到共同目标，一起努力，肯定错不了。

14.设计在项目的各个阶段是如何发挥作用的？

设计也要形成良性循环，而不是接需求。每个项目之初我们就会有一轮竞品调研和趋势追踪，设计先行提供创意提案，可行的方案纳入迭代；设计阶段我们采用了精益设计的方式，先定大的架构和风格，然后按模块提交设计；开发阶段每天都有提测，我们每天跟进做真机效果回归，反馈设计优化需求；上线之后收集用户反馈，进行可用性测试，为下一轮迭代寻找设计需求。

15.最近专注研究哪些内容？

最近关注的大的方向是AgileUX、项目管理、数据分析、运营推广，小的方向是语音交互、模式识别、增强现实、响应式设计，呵呵，这么一说忽然觉得自己还不够专注。

目前最想深入研究的可能就是模式识别了，通过人脸识别、图像识别、二维码识别、声纹识别、虹膜识别等等我们能做些什么。