快好知 kuaihz

好的体验从降低输入成本开始

小屏幕小空间,输入信息举步维艰,不是误点,就是需要频繁切换,不是提示不明显,就是定制能力不够。如果你的应用为用户提供的服务需要进行大量的输入,那么一定要考虑到用户的输入成本和输入效率对用户体验的影响。否则就是你的功能再有亮点,但是糟糕的输入体验却把用户拒之门外。虽然你可能会抱怨,那不是你的错,是iPhone输入法的错,但是凡事好商量,怎样跟输入法亲密无间的合作,降低用户的输入成本,提高用户的输入体验呢?

如果你给用户提供的服务是可以罗列出来的,就用列表或拾取器,而不是文本框,因为选择远远比输入来得容易。

 

图2 选择器可以用来选择时间呀,国家呀,小说章节呀,省份呀等等,但是前两者更适合,是因为前两者会按照一定的规律排列,时间用时间日期拾取器,月份1~12,时1~12,分1~60,国家按首字母;而小说章节和省份这类的,如果不能按照一定规律排列的话,还是用要谨慎选用,因为选择轮以外的内容都是不可见的,如果也是不可预期的,用户根本不知道该怎么滚。

输入历史和输入建议,如果有必要的话,要及时出现,如果你的建议策略能命中用户的需求的话,能极大的提升用户的输入效率。

图3 掌上百度的搜索功能,当激活搜索框时,立刻给出搜索历史,输入第一个关键词开始,就给出相关搜索建议

你可以定义不同的键盘属性,来适应用户将要输入的内容类型。

UIKeyboardTypeASCIICapable

图4 标准的键盘配置是为一般的文本输入设计的,默认是字母键盘,用户可以将它切换为数字和标点符号键盘。大多数其它键盘在都提供与默认键盘类似的功能,同时又提供一些适合于特定任务的其它按键。

UIKeyboardTypeURL

图5 URLs键盘用在网址输入框里,可以方便快捷的输入“/”或“.com”等特殊符号,长按.com可以出现.cn、.org等扩展域名。

UIKeyboardTypeNumberPad

图6 数字键盘,用于输入数字密码类的场景

UIKeyboardTypePhonePad

图7 电话号码键盘,用于输入电话号码,由于电话号码可能有“+86”之类的前缀,也可能有“*#06#”类的特殊需求,所以保留一个三合一的“+*#”键

UIKeyboardTypeNamePhonePad

图8 姓名键盘,用于输入用户名,默认是中文

UIKeyboardTypeEmailAddress

图9 邮箱地址键盘,用于输入邮箱地址,增加了@按键,用于快速输入邮箱地址所需的特殊字符

除了定义不同的键盘属性之外,你还可以定义键盘上回车键所对应的操作,以下是几种标准的回车键替代功能:

图10 除了Next键之外,点击会跳走执行操作的功能键,都要飘蓝处理,告知用户将要执行一个不一样的操作了

如果可以跟第三方输入法合作的话,其实是可以定制个性化键盘的,跟据不同的产品属性,把相应的功能放在输入键盘上。然而开发者若是为了个性化定制,还要开发一个键盘出来,未免代价过高。但是据我所知,有两个途径可以帮助开发者解决这个问题,第一个途径,貌似有一些手段可以直接改写系统键盘上的一些按键,达到个性化定制;第二个途径,可以跟第三方开放SDK的输入法合作,比如FIT。FIT的开放缘由可以看知乎上这个问题:“吴晓丹:FIT 输入法是怎样做出开放 SDK 这样决定的?”

案例一:微博类

FIT™ 随享新浪微博客户端是我所知道的第一个客户端内嵌输入法且成功登录App Store的应用,在没有越狱的情况下,就可以使用Mac系统下老牌的输入法FIT,的确是一个大胆而又有趣的尝试,事实证明效果不错。不过还是有很多发挥空间的,比如说,基于微博的特殊性考虑,FIT键盘上是否可以默认就有“@”和“#”,这样用户就可以快速的@某人,也可以快速的插入话题了。

搜狐微博可以跟搜狗输入法合作,为搜狐微博定制一个特殊的键盘;腾讯微博可以跟QQ输入法合作;新浪微博则可以跟FIT合作。

案例二:语聊类

米聊、微信类的,都对讲机功能,其实完全可以把发语音功能放在输入键盘上的,默认进来输入键盘就是展开的,如果短按空格键,就是输入空格,长按空格键,就进入对讲机状态。

案例三:GTD类

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:好的体验从降低输入成本开始  降低  降低词条  输入  输入词条  成本  成本词条  体验  体验词条  开始  开始词条  
设计

 第二章:产品入门(4) – 产品...

4、产品规划和设计的逻辑一切事物都有他的逻辑,做产品自然也不例外,了解产品逻辑的思维形式及规律,可以帮助我们在产品规划和设计中清晰的理顺思路。产品经理要有前瞻性...(展开)

设计

 2B产品设计套路二:表格页设计

上一篇《2B产品设计套路一:表单设计》总结了“增删改查显”中的“增”和“改”对应的表单设计,这一篇继续讲讲“查”和“显”。我们可以通过数据统计、表格、详情页配合...(展开)

设计

 浅谈移动互联网广告设计

目前移动互联网发展趋势迅猛,随之而来的移动互联网广告也以迅雷不及掩耳之势飞速发展,据市场研究公司Gartner称,2011年全球移动广告收入预计将达到33亿美元...(展开)