APP设计浅谈之用户反馈

1 .Why? 用户反馈的作用:

(一)          收集用户需求

在用户体验理念大爆炸的今天,用户反馈已成为标配。你不能太特立独行的说那只是表面功夫,不然可能对手会开枪:瞧他们连反馈模块都没,怎么可能谈得上为用户着想嘛!

(二)          用户宣泄渠道

你的应用或许象color般极具创意,投行看好业界也看好,但还是可能得到用户的一星评级。所以你得让用户转移发泄渠道,我们乐观的估计,反馈模块能为你挽回一些莫名的差评。

(三)          使用帮助补充

总会有用户会跳过使用帮助模块,有些很$#@的问题。同理,某方面也证明了自助系统难以取代人工服务。所以大家认命吧,上帝们是没错的。最好是象卓越亚马逊那般,将400电话放入吧!

(四)          用户问卷调研

精准和努力减少普通重复性工作是工程师的特质之一,如果没听说过,很高兴您听我扯一下。Google一般被认为是工程师驱动的,不信看看他们的iOS客户端的帮助和反馈模块。一个满意度调查的问题都有7个维度!哦,大家还可以一起复习有些、比较和非常程度副词的区别。 
1

2. What? 用户反馈的方式

(一)        郭靖之按部就班式反馈

郭靖同学特点相比大家都知道,名门正派按部就班总不会有错。联想到周末画报的反馈模块:联系方式、类别和反馈内容很清晰。只是人心不古,现在的黄蓉们还会一如既往的钟情老实郭靖么?

(二)        无招胜有招之邮件反馈

调用系统邮件充当反馈模块的APP不在少数,正如太极一般都会打上两招却难以发挥其精要。Appsfire得表扬下,它还能传递些对解决问题可能帮助的信息。邮件反馈沟通较及时而且能名正言顺的拿到用户的Email。有野心的APP是不止于反馈的,挑个日子向用户们的发送EDM,看起来也不太坏呢!

2

(周末画报和appsfire的反馈页面)

(三)        千里传音之Q&A反馈

郭靖式按部就班太麻烦,无招胜有招式反馈有又可能泄露隐私,那有没邮件般实时,且不用填写联系方式的反馈模块呢?答案很明显,就是九九房系列房产类应用。无需获取用户联系方式,对话式反馈,客服解答通知等等。

(四)        独门内功之微博反馈

独门内功可不是谁都能修佳节又重阳炼的,根据产品特征来决定反馈方式。比如微博的反馈方式就很Social。

3


(看房日记和新浪微博的反馈页面)

3. How? 用户反馈表现形式

(一)        原生 Native

和Native APP一致,无需加载,调用本地文件强等等。缺点是不易批量部署,灵活性较差。比如网易新闻等,适合搭建功能较单一的用户反馈模块。

(二)        网页 Web

和Web APP一致,易于大规模部署,可以随时定制等。但也存在每次需要时间加载,调用本地文件差等缺点。比如腾讯系大部分应用,适合搭建社区化反馈系统等。

(三)        混合 Hybrid

和Hybrid APP一致,整合得好能解决以上两种方式的缺点,比如九九房系列移动应用

4 .Where? 用户反馈的位置

(一)        更多菜单

绝大多数反馈入口放在更多菜单中,如果你想保持低调和继承用户习惯,放在这里错不了。

(二)        界面按钮
处于设想中的放置方式,适用于较难上手的APP。通常与实时帮助按钮放在一起,随界面而变化。目前未能发现相关实例,如有雷同欢迎微博@sizedesign

(三)        弹窗请求(选择放出)

如何提升用户反馈的积极性和反馈价值是值得产品经理思考的。一个深度用户的反馈相对来说价值更大,更具代表性。如何发现深度用户?这并不难,工程师们有一百种方法。如何提高深度用户的反馈率?虽然弹出模态对话框并不优雅,但有性价比极高。并不频繁的弹窗,相信用户也能理解。

5. Who? 用户反馈对话对象

(一)        产品经理与用户

腾讯系产品重视用户反馈,无论是桌面软件还是移动应用,都有明显的反馈入口。而且反馈系统多以社区方式存在。产品经理直接参与用户反馈并对话,用户会有被重视的感觉。

(二)        客服身份与用户

产品经理参与反馈显得正式庄重,普通客服身份就轻松得多了。比如百度说吧这样实名真人社区的意见反馈MM,更容易用户间的距离。但用之有度,象淘宝日韩系服装卖家满屏的“亲”,估计也难以消受。

6 When? 用户反馈回复时间

(一)        实时推送回复

用户反馈系统也需要实时推送?虽然有点用牛刀杀鸡的感觉,但是不能否认其存在的可能性。主打人工服务卖点的APP,实时推送会显得客服高效。

(二)        下次启动回复

看房日记为例,用户反馈回复将在送达后,下次开启APP时回复。没有实时推送的暴力,尤其是iOS可怜的通知系统。同时还解决了反馈回复的及时性问题。

Android应用体验设计

应用名称优化

掌上应用汇、安智市场等APP名称前留一空格,这样在APP列表页能占据第一的位置。用户留意到的概率增大。

良好的反馈机制

QQ反馈中,用户能和产品经理直接对话。即尊重到用户,又能收集更深入的产品建议。如上图右。

手机号快速注册

淘宝客服端可一键调用短信注册,即保证了快速注册又能避免恶意注册。

电子市场安装激励

电子市场审核较松,在软件简介后可加入一定的激励措施,如上图右。

适时虚拟导航按钮

Android返回键一般为实体按键,但由此造成触控体验不一致,且实体按键会有寿命考虑。一些优秀产品团队的Android应用如淘宝、QQ都有适时的虚拟导航按钮。

更情感化的互动

Realtor.com客户端的反馈页面,类似一问卷调查,适合功能复杂的APP。且提交满意度更形象。

让用户记住你的APP

淘宝客户端tab切换体验平滑,高亮当前tab采用半透明色块,别具一格的导航,如上图右。

Realtor.com客户端的画图框选搜索,操作便利且较具趣味性,仅此一家。

保持更新让用户察觉你的活力

Android电子市场没有审批机制,更新周期更快,可针对当前热点快速推进。如上图的58同城。

 

 

2011年终总结

未来一直存在,只是现在的你可能未曾注意。如果有争议,请勿纠结这仅是一个开场白。当然这样的感悟我不会有,听一个认为他自己某天曾死过一次的大叔说的。技术是生命体的第七种存在,也是他说的。虽然我不懂,但这并不影响人们对他的评价。在硅谷他被奉为未来帝,影响了乔布斯、黑客帝国导演以及...我的boss。

也许你不奇怪我为什么会话锋一转提到我的boss,但我还说想说明下,这段话的第一句便是他激发了我的记忆。原来在他说的前几天,我在第一财经周刊上看到了这段话。瞬间我就有了被穿越的感觉。没错,这段话的中心句便是第一句话。有家长朋友或者小学语文老师恰好读到这段,可以作为典型的内容错乱重复啰嗦的流水账教材。

如果真是这样的话,那2012年的前一天,我会在这写下2011的年终总结:

  1. 熟悉iOS和Android平台的APP设计,在App Store或者Google Market有不错的下载。
  2. 熟悉HTML/CSS/JS语言,将web设计实践到这儿,完成至少两次风格各异的改版。
  3. 保持英语的活性,量化的指标是翻译某些实用性的帮助文档,很可能是iOS HIG之类。

虽然一直向往随性甚至是动荡的生活,但回顾2011时应该完成:

  1. 每周一次的篮球;搬离公司稍远点儿让我能骑自行车上班(走上一段时间也行)。
  2. 等爸妈放暑假接他们到这玩玩,他们都没在同一时间体验过这个城市。

微群体验及趋势探析

这篇其实是两个月前应聘搜狐微博产品助理时的答卷,面试官对此还算满意,征询了工资意向并约定第二面。当然最后没有去第二面,因为这之前收到了更有挑战的offer...某天夜里失眠,不如来更新博客吧,都长草两个月了,遂放出此篇记录当时的忐忑。

微群体验及趋势探析

1.     微群背景解析

社会化网络中,群组是形成NET的重要节点。初期的Facebook即为哈佛大学的真人群组,后扩张为最大的SNS社区。国内的百度贴吧及豆瓣小组也积累了较高人气,“贾君鹏”的魔兽吧和“回力鞋”的经典国货小组更是名声在外。较之于论坛,基于WEB2.0社区建立的群组数据更开放,大多无需注册即可浏览;成员更平等,没有论坛复杂的等级制度;工具更易用,发帖无需复杂的编辑,方便的转帖机制让话题传播得更远。

微博和群组组合而成的微群,能否会成为新的引爆点呢?friendfeed最先展开微群模式的探索,虽没取得较高的市占率(缺乏引导的聚合造成信息泛滥是其失败的根源),其理念和技术得到Facebook的青睐并被收购。国内微博中,搜狐、新浪和百度纷纷推出微群,能否复制社区群组的辉煌?

2.     微群体验感受

l  Friendfeed

作为微群模式的开创者,friendfeed基本操作类似 twitter,用户能快速上手。注册用户即可创建群组,这是群组长尾的首要保证。其动态更新支持视频链接识别,图片、音频和文档等多种类型文件发布,这是twitter所不具备的。用户可对动态进行评论/喜欢/分享操作,受欢迎的动态排序将自动提升。今日最佳或本周/月最佳能让用户迅速找到最具价值的信息,有效的减轻了信息压力。动态更新可分组发送可保证信息受众的相关度更高。Google buzz初期被广泛认为模仿friendfeed,可见后者的过人之处。friendfeed的搜索功能丰富且支持多语言,其搜索功能早于twitter出现,直到现在仍有优势。依靠friendfeed提供的书签小工具,用户能方便的分享网页内容。支持图片和视频抓取,同时允许用户评论或加入标签。friendfeedAPI开放较早,最新版本更是加入实时更新功能(支持搜索)。


2.1 friendfeed最火的中文群iDESIGN

l  搜狐微博微群

在国内门户微博中,搜狐最早推出微群服务。搜狐将其定义为“与志同道合的朋友高谈阔论”。微群玩法类似微博,公开微群的发言将同步至成员个人微博。用户可选择微群动态是否在微博首页显示。而创始人可管理成员(剔除或提升),也可控制发言(主要是删除)。搜狐微群首页有搜索、分类及推荐,方便用户查找微群。搜狐微群的投票功能也是一大实用功能,新浪和百度微群暂不支持。


2.2 搜狐微群之摩羯座)

l  新浪乐居微群

6月底面世的新浪微群并非直接整合在微博,而是挂靠在微博房产频道,官方名为新浪乐居微群。新浪微博积累的资本,使得乐居微群大有后来者居上之势。最大的微群宅腐集中营有成员和发言数目均过1万,规模和人气堪比豆瓣小组。乐居微群更具社会化属性:成员榜和勋章用户激励机制像在玩游戏;微群新鲜事搜索更方便用户寻找话题。


2.3 新浪乐居微群之宅腐集中营)

l  百度说吧微群

百度说吧于今年9月推出,区别于其它微博的是其严格的实名身份认证机制。说吧微群则更晚出现,目前仅提供简单的群组模式操作。在说吧公开微群佳节又重阳发布的消息会自动同步到个人微博而没有任何提示。虽然提供了微群分类推荐页面,其实质类似TwitterList,群的互动属性有待增强。


2.4百度说吧微群之互联网产品)

 

微群类别

创建条件

群组类型

发布格式

社会化功能

其他特色

搜狐微博

绑定手机且粉丝超过50

公开/邀请

基本格式+投票

群组标签+群组分类推荐

群组消息首页显示开关

新浪乐居

V认证或100粉丝

公开

基本格式

成员榜+友情群组+群组分类推荐

群内搜索

百度说吧

10个相互关注

公开/邀请

基本格式-视频-话题

基于真人关系互动

暂无

Friendfeed

注册用户即可

公开/半公开/邀请

基本格式+任一文件上传

社会化服务聚合+喜欢+分享至站外

小工具+选项丰富的搜索

(表2.1 各微群功能对比)

3.     微群趋势探析

l  更具价值的话题展现

国内微群服务更忠实于各自的微博架构,较少针对群组优化。微群话题单纯的按发布时间排序,虽然各个话题展示机会相等,但弊端更加明显——无法使得最有价值的信息得到优先展示。在这类信息架构中,用户难以形成真正的见领对传播尤为不利。若某个成员热衷表达,短时间发布太多的话题也会对其他成员造成较大的信息压力。最好的过滤办法便是将信息的权重交与用户,根据喜好或互动程度来排序。个人更倾向friendfeed话题展现模式,从这个意义上来说,微论坛的说法或许更贴切。群组也可提供话题排行榜等功能,更方便用户筛选信息。

l  更加精准的信息推送

“物以类聚,人以群分”。在现实的社会中,人不可能只从属与一个群体。现有的社会化网络服务中,很少注意区分这一界限。设想你和家人的情感交流动态更新对你的同事可能毫无意义。用户连接的节点越多,其处理信息的成本越高。Facebooktwitter推出的List,按照你将好友分组查看动态更新,能有效的减轻这一窘况。既然有了信息的“分组接受“,更进一步则是“分组推送”。此举会在短时间内增加用户的学习和操作成本,但长远的角度考虑是值得的。信息相关程度越高,用户更容易参与其互动,达到了交流的目的。据传Google 即将推出的社会化产品Google Me便是基于“分组推送”,Google高级交互设计师Paul AdamsPPT对此有更详尽的分析。

l  更加开放的信息网络

“世界是平的,未来是湿的”,这两本畅销书形象的描绘了互联网发展趋势。twitter魅力之一便是平等对话——只要@某位用户,默认此用户将看到相关内容。这比电子邮件更简洁易用,更重要的是用户tweets默认开放,加速了信息的传播速度。反观国内几大门户微博,无需登录即可查看的仅搜狐;新浪则开放了其API平台;百度相对更封闭。国内几大独立微博如嘀咕、follow5同步发布至其他微博功能也得到部分用户的垂青。国内微博的竞争导致用户资源的分散,若某微博推出同步关注站外微博用户功能,则将是吸引用户的重要砝码。受限于国内微博较封闭的现状,此功能实现较难但并非没有可能——利用相应微博开放的API。举例来讲,搜狐微博用户想关注仅在新浪微博的@veggieg(王菲),只需填入她的新浪微博地址。利用新浪API开放平台,抓取@veggieg新浪微博条目返回到搜狐微博。当然,导入的微博和原生的搜狐微博需要一定的视觉区分。反之,新浪微博也可关注搜狐微博用户。这将更简单,因为搜狐微博提供RSS输出同时也提供开放的API。此举虽有一定的技术难度,实现的成本比克隆门的代价低。

中国建设银行汉寿分行ATM界面改良设计

和上文《基于LBSNS的Android生活类应用设计》同属一系列,不同的是此篇更加本地化、更实际。特别的体验是,下面的流程图和原型设计是用国产软件Edraw完成。看来工具真的是次要的,重要的是工具背后的人(请允许我YY下)。当然,最后的原型设计中,有个BUG建行看了估计会不高兴。你们发现在哪儿了吗?欢迎抓虫:)

中国建设银行汉寿分行ATM 界面改良设计

硬件调查分析

    了览其硬件功能更利于其界面设计,据调查发现中国建设银行汉寿分行设有两种自助柜 员机。如下图所示:


    自动取款机品牌为DIEBOLD (美国),型号为Opteva 562具体信息即操作功能请查看此连接。就人机交互层面来说,该型号ATM 主要的输入端有读卡器、摄像头和键盘;输出端则包括凭条打印、出钞口、显示屏及语音导航。其中显示屏大小为15.1 寸,键盘带有盲文导向符号。在人机交互中,可以发现该型号如下优点:①照明灯、带盲文导向设计键盘语音导航方便弱规群体;②备有3.5mm 耳机接口方便听力受损人士;③摄像头采用隐藏设计,周有防窥镜设计 ;④读卡器备有闪灯和方向提示方便用户把握正确插卡方向。当然, 该型号自劢取款机在体验过程中也有不便之处:①出钞口感视过于分离,高度不太理想;②操作空间较狭小,产品配色过略显老气。

    自助存款机品牌为怡化电脑(深圳),型号为CDS6040T。自助存款机一般也能充当提款机。该机主要以觉摸屏、数字键盘为主要输入方式。其中显示屏尺寸为最常见的15寸。 键盘附有防窥装置,机体顶部附有放窥镜。操作全过程伴有语音导航和场景劢画提示。实地体验中发视如下问题可能造成丌适:①存款/取款接口伴有灯光和“粗犷”的外露金属,可能传达漏电隐患;②各接口配色过于一直可能造成区分困难;③键盘防窥装置尺寸丌恰当影响输入。

交互流程总结

    总结中国建设银行汉寿分行ATM 设备操作流程,自助存款机和自助取款机操作流程如 下图所示:

界面可用性分析

    自助存款机和自劢取款机虽机型丌同,但其界面风格类似。前者比后者面世时间晚,界 面及交互设计承接后者以减轻用户学习成本。从银行觇度考虑,可在存款机系统基础上二次 开发,共用部分界面和交互设计以减轻花费。


    界面配色主体为蓝色——建行标志色,整体颇具商务风格。但其界面风格略显老气和陈旧,字体和边觇都较为生硬,按钮也缺少质感。优点是颜色搭配较为突出,具有较好的户外识别率。另外主要操作按钮采用中英文一体化设计,方便外籍人士使用。对比本地中国银行单独提供独立的全英文页面选择 ;邮储银行同样采用一体界面但英文化程度更高。建设银 行的英文提示和中文提示相隔较进,相比之下英文提示的权重自然小于中文权重。中文提示 基本都在视觉焦点上。

    建设银行ATM 机对非本行卡仅提供查询和取款服务,若本行卡则服务更丰富 ,还包括改密、转账等。建行的余额查询界面数字颜色对比丌够 ,应该加强对比其识别度更高。另外余额查询界面没有丌能直接跳转到“取款”页面,要知道很多用户习惯先查询后取款。若增加一个取款按钮将减少用户一次跳转,更加方便。界面右上觇都有倒计时提醒,若用户超时则银半夜凉初透行卡会自劢退出。每次操作预留的时间完全足够,倒计时会间接加速用户操作速度,设计者可能出于此目的考虑。其它银行ATM 机界面鲜有见倒计时提醒。

    相对于邮储银行和工商银行来说,该ATM 机取款界面更为方便。前两者取款界面输入 首屏只能按屏幕提示选择金额,要输入金额必须迚入次级菜单操作。建设银行除提供金额选 择外,也可直接输入金额。在大多数界面建行提供了“退卡”按钮,可快速结束交易。交易 结束提示界面如下图右所示。以静态缩略图查看,很少人丌会察视这是结束界面。原因很明 显,“交易结束,请取回卡”字体太小,而且颜色也没有突出对比。所幸插卡处会有闪光提示,并且界面左侧伴有取卡劢画,丌然容易忘记取卡。

    建设银行自劢存款机存款操作界面如下图所示。点击存款界面首屏出现交易提示,大幅 的文字提示加之倒计时提醒。粗略估计此处有120 多个字 ,一般很少用户能够在一分钟内 浏觅完,而且满屏的文字提示用户容易产生潜意识的抗拒感。输入卡号界面则相对更加方便。此存款机提供了退格键,用户输错数字只需觃格删除而丌是清除后再输入。相比之下,邮储 银行和工商银行都没有提供退格键。

界面原型设计

    根据界面可用性分析,其改迚设计主要览决如下问题:①配色更加简洁清爽的界面体验 ②更少的界面跳转,用户可更轻松的切换丌同服务;③中英一体化界面更加完善;④字体采 TrueType 字体 ,液晶显示更清楚且更典雅;⑤按钮模拟真实光影而增加质感……

    主菜单如下图所示,将更常用的查询和取现放在右边,和读卡器方向一致。方便大多数 右利手直视操控习惯。“退卡”采用低对比配色 ,防止用户错误点击而退卡。多数用户先 “查 询”后 “取现”,将 “查询”键排列在 “取现”键之前,减少用户思考。“存款”和 “转账”操作理念类似,共同转移到左边。较少使用的 “改密”在右下脚则隔离开来。

    查询界面字体颜色改变,余额橙色显示 ,识别力更强。取款按钮依然清晰可见,减少用户跳转。 “返回”按钮和 “退卡”按钮归类安放在同一排,符合用户思维习惯。操作倒计时位置被精心安放在右上觇,文案更具亲和力。

    最常用的取款界面如下图所示。秉承减少用户页面跳转的传统,将选择金额和直接输入 金额页面优化。千位金额采用通用计数方式显示,区分更加明显。提示文字区域更加整齐美 观。输入框位置出于规视中心位置方便用户输入。

    最后设计的是转账界面。相比上个版本,此界面改劢较少。之前的“更正”键在这里命 名为清除键更符合其本质。此界面特减少了重复的安全提示 ,因为下一步会核对收款帐户名和数字,之前的安全提示必要性丌大。 

Chrome设计理念初探

iPhone直观的触控操作方式带来了前所未有的良好体验,改写了手机设计历史;而APPstore将功能创意交给大众,带来了无限的可能。纵观Chrome飞速发展,两年时间市占率跃升全球第三,其经历类似iPhone——先行打造极致用户体验,扩展应用则众包给开发者。

是网页更是应用程序

  为后期云系统Chrome OS铺路,Chrome最大改变便是将网页视为应用程序而开发。对应的架构改变是将每个网页标签进程独立,不会因某进程假死导致整个浏览器崩溃;对应的界面改变便是将此前下置网页标签置顶,新的标签栏和系统任务栏类似。Chrome允许将某个网页设为固定标签,会自动缩减为仅图标标签并固定在左边。固定标签随Chrome启动,就像桌面软件随系统启动一般。

Chrome5和Chrome6界面对比

(Chrome5和Chrome6界面对比)

  用户可以为当前网页“创建应用程序快捷方式”,将其锁定到任务栏、桌面和开始菜单,方便用户快速调用。由此方式启动的标签页面仅有系统窗口简洁至极。最新版本的chrome支持WebApp,将提供更本地化的网络应用体验,可见Chrome目标决不仅是浏览器。

极简的界面和直觉的操控

  Chrome开发初期,工程师的目标是让用户专注内容而无需为浏览器界面分散精力。由此将搜索栏和地址栏合并为一体称之为omnibox。在此输入会实时调用相关历史记录、书签,自动匹配热门搜索等;没有输入动作便显示当前页面地址。它能记录和分析用户习惯不断调整显示结果。Omnibox还可以提示当前页面安全性,图形化的区分更加直观。标签则允许自由拖动改变位置,拖出标签栏即能生成新窗口,方便适应不同的网页应用。点击"×"关闭当前标签,相邻的右侧标签便会自动补齐,用户无需移动鼠标便可快速关闭大量标签,非常直观便捷的操作方式。

Chrome omnibox及其安全状态提示

(Chrome omnibox及其安全状态提示)

  和同代浏览器常驻页面下方相比,Chrome采用浮动状态栏和通知栏设计。仅仅在需要时显示,让Chrome界面更清爽。最新版本Chrome6界面得到再次精简,如取消按钮边界、合并刷新转到和扳手菜单、将书签星标转移到omnibar右侧等。主界面颜色由蓝色改为灰色,能有效的减轻视觉刺激。

标签崩溃和全局崩溃提示

(标签崩溃和全局崩溃提示)

  Chrome某些文案或界面采用拟人化设计,拉近了用户的距离。如某个插件或标签崩溃后显示的哭丧的表情和”喔唷,崩溃啦“,全局崩溃后文案”哎呀!谷歌浏览器崩溃了“,向用户传达出人工智能的意味。另外,在chrome中缩放图片也非常智能,视觉焦点落在点击缩放光标处,无需滚动页面便可直达。Chrome的网页缩放同样很讨巧,对google.com任意页面缩放,以后整个google.com页面缩放便会自动继承上次缩放设置。

拖曳保存文件和标签化设置页面

(拖曳保存文件和标签化设置页面)

  在Chrome下保存附件附件或图片也很方便,拖曳需要保存的文件至存放目录即可。若拖曳某个超链接,则会自动转为以超链接描述命名的快捷方式。之前的chrome浏览器选项一直以窗口形式存在,而最新开发版chromium将以标签化形式出现,摆脱桌面系统依附。对于需要输入大段文字的文本框,而网页设计者并没有留出足够的空间输入。而Chrome允许改变文本框大小以适应输入。

开放是进步的动力

  《世界是平的》《未来是湿的》这两本畅销书形象的描绘了开放协作的趋势。开源软件允许查看、修改源代码以修补漏洞和完善功能等。Linux依靠开源吸引开发者共同参与发展,取得了巨大的成功。Chome是基于开源的webkit引擎而开发的,Mac OS/iOS下的safari也是基于此引擎。其最大的特点是快速,内存管理优秀和易于嵌入移动设备。Chrome对应的开源版本为Chromium,是由Google主导的开源项目。即使你不懂代码,也可以参与到诸如功能建议和用户体验反馈等。

  基于chromium直接开发的,如Flock、ChromePlus和360极速浏览器等,大有赶超IE内核浏览器之势。除拥有chromium优点,在本地化功能和安全方面特别优化。如ChromePlus提供鼠标手势、超级拖曳及IE内核自动和书签栏等实用功能,也是本人目前的主力浏览器。据我所知搜狗浏览器2.2及QQ浏览器5也是基于chromium源码再次开发,后者在界面设计和QQ服务绑定亦有出彩之处

Chrome WebApp和同步选项

(Chrome WebApp和同步选项)

  除项目开源外,Google于2009年末正式开放Chrome扩展程序。Firefox以其强大的扩展功能而深受用户喜爱,而现在Chrome更为便捷的扩展正逐步蚕食其市场。相对Firefox,Chrome扩展安装无需重启浏览器(新标签下),且程序小巧启动迅速。扩展为Chrome功能带来无限可能,满足用户不同的个性需求。Chrome 6加入扩展同步功能,更加向Web OS靠拢。

基于LBSNS的Android生活类应用设计

和上篇《微群体验及趋势分析》类似,应聘某公司的交互设计时所作(搜索引擎过来的朋友很容易知道是哪个公司)。当时给了四个大题在两周内完成,之后没有回音。后来过来北京,也就没有征询对方的建议。现在放出来,多多收集下大家的建议或批评:)

现有生活类应用困境

从产品设计角度来看,现有生活类应用实质仍是搜索引擎。后期虽加入社区等SNS应用和签到等LBS元素,改变并不彻底。如大众点评大部分是评论由陌生人提交,用户可能会有心理上的抗拒感,最重要的是与自己相关度低。 若评论来自现实好友,显然更符合生活经验和习惯。从商业价值角度来看,现有生活类应用价值链仍不牢固,盈利模式较单一。用户和商家之间链接较弱,必须依赖生活类应用平台。在选择越个性化的未来,必将耗费平台精力。若提供平台引导用户和商家直接互动,必将减少维护和联系消耗,更符合发展规律。

基于LBSNS创新应用

     LBSNS即基于地理位置的社会化网络。这里并非打造一个全新的网络,此成本太高且需要时间累积。引入现有SNS如微博、人人网等现有关系网络,方便用户更快接入。建立基于LBSNS生活类应用平台是终极目的,但最初从满足用户最基本生活需求切入。从商业价值考虑,基于LBS的新商业模式是盈利的方向(另文分析)。此平台商业模式清晰,依托LBS而本地化的“淘宝”,广告、消费数据分析及“高级商户功能”是其盈利方式。

    既为生活平台,“衣食住行”都将是发展目标,而每天必需的“食”是最好的切入点。在选择越来越多的今天,“去哪儿吃”、“吃什么”永远都是现实问题。引入SNS因素后,社会化评价将更精准。如优先显示好友的相关评价及互动,根据个人的属性人比黄花瘦爱好不断修正推荐等。在中国“吃饭”是联络感情的重要方式,“和谁吃”也是值得考虑的问题。引入LBS功能,可实时显示好友位置及动态,用户可向好友发出一同就餐邀请。为减少排队麻烦,用户可远程预约或点餐。商家有自我维护的独立页面,更新菜单、优惠及排队情况等。

流程分析及界面架构

以整个就餐过程为主线,对比商户和用户参与互动分析其角色作用,大致流程如下图所示。

Android平台以触控操作为主,常用的实体按键“home”“menu”和“back”。触控操作主要包括单击(打开),长按(弹层)、拖曳(排序)和滑动(切换)以及多点缩放(地图)等。实体按键“home”则允许在任意程序下一键返回桌面;“menu”将弹出针对当前操作的更多选项,一般是较少用到的选项;“back”使用频率最高,与iPhone不同的是其界面左上角一般无需虚拟“back”按钮。针对Android平台和流程功能,确立界面信息架构如下图示:

原型设计及交互说明

         界面原型基于Android模拟器原生的HVGA320*480)分辨率,在快速原型设计软件BalsamiqMockups中完成。主界面由“探索”“动态”“我的”“提醒”4tab构成。默认首屏为“探索”,可定位个人2KM内关注过的餐点和好友。商户和好友可通过logo区分,logo在定位点下的是商户,反之则是好友。商户的实时客流由定位点颜色区分,蓝色表示空闲,红色表示爆满。界面下方有六个控制键分别是地图缩放、我的位置、团伙邀请、搜索及收藏。常规操作容易理解,重点介绍团伙邀请操作:点击按钮后,地图将只显示目前希望与好友共同就餐的用户位置,方便用户与好友聚餐从而增加互动。搜索栏是在单击搜索按钮将出现渐显弹层,不需要时自动隐藏,界面更清爽。同时支持语音搜索,在户外环境下比键盘输入更容易。

     探索”界面下双击商户或好友logo即可弹层显示其专属页面。商户页面如上图右所示。将商户考虑为SNS中“个人主页”进行设计。商户不单是被动接受点评,优惠信息和活动举办都由商家更新发布。将用户最关心的信息最大化设计,喜欢数目、菜单更新、优惠活动和预约数目重点展示。正如徽章象征着荣誉,数目越多表示商家越受欢迎。个人用户常用的关注商家,预约和收藏按钮位置在商户基本信息栏后方便点击操作。信息 展示栏下方的tab可互相切换显示信息。

第二tabSNS常见的动态页,按时间排序显示关注的商家或好友更新。默认条目只显示动态文字和回复数目,选中条目将高亮区分并在右下角显示快速操控按钮。快速操作按钮采用弹层模式,功能包括收藏和团伙邀请。更多设置需要可调用Android实体键menu弹出,包括动态屏蔽选项、图片显隐、动态类别筛选等。

     个人页面则类似于商户页面,当然针对其属性差异而细化。出于隐私考虑,好友关系是双向的,而商户则只有单向关注。用户自己访问个人页面和他人访问时架构相同,区别仅在于隐私权限。商户页面的“菜单”对应个人页面的“口味”,顾客点评tab为用户日程,方便其它用户发出更精准的就餐邀请。

    提醒tab页采用弹层形式,重要提醒实时浮现使得用户不错过任何重要信息。结合Android程序后台运行时也能实现全局通知。此tab页可以选择弹层提醒的消息类型和全局通知消息类型。如重要的好友共同就餐邀请等将错过的可能性减至最低。而且在tab键右下角会有提醒数目提示,让用户对提醒一目了然,如下图所示。

国内LBS之街旁网体验

诺基亚的slogan Connecting People中文翻译为科技以人为本曾得到很多人的赞许。而现在个人更情愿直译,因其英文slogan包含的理念及趋势更具前瞻性。以Facebook为代表的SNS,将更多现实社会关系接入网络(若按人口数量排列,Fb仅次于中国和印度);而以Foursquare为代表的LBS应用,将真实地理位置接入网络且允许用户以此互动(4sq迅速蹿红,用户增速甚至高于twitter)。作为国内LBS体验系列头篇,和大家分享4sq模式本地化成功代表街旁网的体验。

天下武功,唯快不破

  对于5.13才上线的街旁,如何迅速圈地累计用户才是首要的。街旁最早借力新浪微博,通过激励国内用户同步普及签到习惯。以往国内4sq用户check-in并不能享受到商家优惠这最具魅力的一环。街旁联合Zippo/Nike等大牌开展本地活动,取得街旁、用户及商家的三赢局面,以此积累了较高的人气。另由于众所周知的原因,4sq六月国内被禁也为街旁上位创造了绝佳机会。

街旁平台对比

(i.jiepang.com/Android/iPhone街旁截图,后二图自官方下载) 

  从产品设计开发来看,街旁APP多基于HTML5和JavaScript封装而迅速上线,后期的维护和更新几乎可实时完成。普通用户更看重的是服务及体验,很少会在意产品形态,基于网页版开发使得用户无需频繁升级APP,且保证了用户体验的一致性(如下图)。当然受限于现有技术,web应用暂不能和OS无缝融合,街旁表示正开发更原生的运用,这是后话。

4sq模式的本地化革新

  街旁登录后首屏是好友动态timeline,而4sq则是个人profile。艾瑞报告指出,4sq=50%LBS+30%SNS+20%GAME。街旁的SNS属性应远大于前者。从界面可直观感受到,。4sq用户必须依赖现有社会化网络接收好友动态更新,站内仅提供针对地理位置的互动,如添加TIPS和TODOS等。而街旁则有完整微社区模式,用户可以独立于新浪微博等社会化网络直接互动。若新浪微博、人人网等大鳄推出自家LBS应用,街旁独立社区积累则能带来一定的缓冲。

街旁和foursquare界面对比

(街旁/Foursquare默认首屏)

  4sq引入社交游戏机制激励用户check-in,Mayor/Badge/point及现实奖励是4sq四大激励方式。街旁也有对应的模式,部分细节则有所不同。比如mayor,4sq必须是check-in最多的用户才能获得,而街旁首位签到者即成为地主。此外,街旁积分方式和徽章奖励也比4sq更丰富,甚至推出徽章册专页供用户“炫耀”。另外一大创新便是点亮地图,以更直观的方式激励用户扩大领地。此外还有好友/同城/全国积分排行等激励模式。

街旁激励手段

(点亮地图/徽章收集/地主荣誉游戏模式)

  相对于4sq简洁的页面,街旁全平台界面更加时尚大气。网页版耐看的格纹背景绝对让用户印象深刻。注册首步仅需极少的信息便可完成,后续引导机制让用户快速上手,4sq显然要繁琐些。对比两者页头导航栏,街旁将搜索框和logo整合,有效的压缩了页头面积,换来更多的动态显示空间。点开另一用户或活动页面,就像多标签浏览器打开新标签般,常用导航栏是固定的,用户能快速理解所处位置。

街旁和foursquare导航栏对比

(Foursquare/街旁页头导航栏对比)

Check-in类LBS创新商业模式

  成功的产品往往是靠发掘用户未被满足的核心需求而逐渐流行。为什么要check-in?多数回答为是分享地理位置和记录生活。另外基于游戏虚荣心及动物标记领地的原始本性不太光彩却真实存在。之前记录和分享地理位置,Google Latitude相对封闭;要标记领地,Panoramio类更繁琐。4sq做的只是整合此类服务让其更易用,就像twitter功能极简但传播效率惊人。但暂时的热情不能代表忠实,毕竟4sq还很年轻。仅仅是游戏,用户来得快去得也快,国内众偷菜型SNS不久能说明点什么?

check-in创新商业模式

(check-in类LBS创新的商业广告模式

  Foursquare目前主要收入来自广告和出售给商家消费行为分析数据,归根结底来自用户的check-in记录。对比Google AdSense和AdWords,不难发现check-in类LBS最大的价值在于创造全新的广告模式。若将每一次的签到看成是对地点的一次广告展示,有了好友心得和地理纬度加入,用户和商家的互动性更高。这是大众点评类LBS目前所不及的(现有评价多为陌生人提供)。

LBS的更多可能

  Check-in类LBS商业模式值得称赞,但路还刚开始。实际体验有如下感受:①对弱连接关系用户而言,多数签到同步消息几乎都是噪音。街旁和4sq都没能做到将用户签到选择性的发送给相关用户。当然在语义网未成熟的今天,如此要求似乎太过苛刻。②签到仅是手段而不是目的,无论是街旁还是4sq都希望用户提供更多有价值的信息。因此Tips或攻略的权重应加大,最好能引导用户在check-in时同步添加完Tips。③受限于位置数据库,现阶段允许用户自行提交地点然后签到,不能保证其精确性。其它用户再次调用可能会迷失。④“签到”瞬时状态而不能持续追踪,如驴友用户想要记录旅行行程,Google latitude等不间断记录方式才能满足。而且用户在某个地点停留时间维度加入,更利于属性分析以此更精准的推荐。

  LBS将是未来移动互联网必备属性,近期盛大游玩网和网易八方也加入到LBS竞争中。游玩网更偏向基于地理位置记录分享的SNS社区,iPhone端的APP值得一玩;网易八方则更忠实于Foursquare模式。个人期待的LBS服务模式,以Google Latitude平台,毕竟Google地图地理数据和精度都不错,且在各大手机端都有对应APP。引入部分Google Goggleslayer相应的增强实境功能,让用户更直观的发现精彩。双向开放的API帮助用户实时的与好友分享信息。

   
 
 
 
 

QQ浏览器5最新版快速体验

cnBeta发布页评论榜如是说:“qq统治全球!人类将进化成企鹅!”。似乎只要是关于腾讯的新闻,CBer便会调侃一番。写这篇不是为了支持或反对什么,只是觉得既然腾讯有国内最大的用户体验中心,产品必然有其存在的价值。正如前期分享的QQ概念版体验,这篇仅是体验爱好者对产品的主观感受。

随着chrome等WebKit内核浏览器不断完善,浏览器厂商先后推出兼容IE内核和WebKit内核产品。最早提出此概念的傲游3到最先开发出正式版的搜狗2,和众工作室推出的chromeplus、sunchrome和the world chrome等,大有超越传统IE内核之势,QQ也于5月底推出首个预览版的QQ浏览器5。最初的预览版试用一番,功能太有限了便匆匆卸载了。最新版的QQ浏览器5,终于有值得分享的地方了。

QQ浏览器5 beta2试用-1

↑新增QQ帐户登录,支持QQ旗下业务自动登录。这个功能QQ重度用户应该会喜欢吧,普通浏览器如从QQ游戏进入都需要输入繁琐的步骤,出于安全考虑腾讯总会有验证码,QQ自家浏览器当然要加入此功能。

QQ浏览器5 beta2试用-主界面

QQ浏览器5 beta2试用-历史记录

主界面设计和颜色都很清爽,地址栏也类似omnibar智能联想输入功能,快速拨号可以在3×3和4×4之间切换。设置和反馈按钮仿系统栏设置,视觉更加统一。收藏栏显示隐藏不如chrome方便。说到书签栏便不得不提到chromeplus,自动隐藏很方便。习惯了chromium原生的浮动状态栏,对这个固定的状态栏无爱。而QQ浏览器5的历史记录要比现有chrome内置的节目更大气。而且删除按钮采用悬停显示,视觉上更清爽。若要删除多项历史记录,则效率仍不敌chrome的多项框模式。

QQ浏览器5 beta2试用-设置界面

QQ浏览器5 beta2试用-状态栏和截屏工具

↑功能设置较为简单,鼠标手势很平滑。内置的功能演示模式做得很有感觉,习惯了IE系界面的用户也能尽快上手。不支持扩展是一大遗憾,无法更个性化的配置和增强浏览器的功能。较为新颖的功能是加入QQ内置的截图功能,熟悉此工具的人都会喜欢,支持窗口外截图。曾见过几位用户为了截图而登录QQ的实例。内置截图工具最强大的还是傲游2系,任意格式截图、全屏、当前/所有标签全页面截图等。现在chrome截图扩展包括官方扩展在内,对截取全页面图片支持不如傲游2。另外新增的实用工具便是跳转网页顶部按钮(双击状态栏也可),对于很多导航栏在头部的网页,这能有效减轻鼠标点击。

体验感受:QQ浏览器5不是简单的应景之作,用户体验对于轻度浏览器用户还是不错的。特别是QQ服务绑定无需登录和截屏等很实用。对于重度浏览器用户来说,功能难免不足。传说360也要加入WebKit内核浏览器大战了,浏览器厂商的跟风且不论,至少能有效减少老旧的IE6份额,这是积极的。

CorelDRAW X5简体中文正式版体验

这次的简中正式版相对于上个版本来说来得太迟了,好像是8月底在北京发布的。立马从电驴上拖了下来安装体验。简单说说个人体验吧:①相对于CorelDRAW X4,此版本最大的更新便是校正了颜色显示模式。你可以在CMYK和RGB等自由旋转并且屏幕显示和打印结果不会像差得太远。这是以前的版本都没有解决的问题。②新建文档更丰富的选项设置,包括大小分辨率颜色模式等,这有些像photoshop;导出文档预览对话框可视面积增大,同时缩放响应更迅速。③全新的曲线工具B-spline能创建更平滑的曲线,之前用Rhinoceros画多阶曲线导出AI在导入CorelDRAW中(没学过AI)==另外度量工具独立放出,功能更加完善了。同时滴管去色也可实时预览WEB色值了。④Corel Connect资源搜寻浏览器加入,能搜索自带剪贴画资源和flickr等图片。更多更新见,不再赘述。

corel_X5_setup3 corel_X5_setup5

说说不习惯的地方或我还没能玩转的地方:①滚轮缩放焦点捕捉不如上个版本灵活,或许是习惯问题②文档设置中“发布到WEB”选项转移了还是移除了?这样超链接格式等将无法设置,而因特网工具也无法完成此设置。以后再遇到问题也将贴在此处,给想升级的朋友一个参考。最近体验的几个软件如Photoshop CS5,思维导图Xmind等,无一不是采用社区+软件模式,即用本地软件创建完后能共享至网络社区,单纯分享或协同创造。而微软的在线办公套件,原型图制作balsamiq更是可以在WEB上完成主要操作,大大降低了安装成本。最近Google Docs在国内基本残废,或许你感觉不到但它现在它直接损害到我的利益了已不是第一次了。又得记上一笔,你们迟早要接受历史的审判的。