存档

2012年1月 的存档

Etsy:一个“手工艺王国”的兴起

2012年1月18日 没有评论

像许多创业传奇一样,一位年轻人创建了一个网站,制订独特的游戏规则,最后成为全球手工艺设计者与风投的宠儿,以及D2C(设计师对客户)模式的翘楚。不过,它依然还是一个小众生意,并且一样面临物流难题并为审查产品压力太大而纠结。

早上7点钟,天还没完全亮,窗外依旧下着雪。加拿大女孩彼婕(Bridget Fauser)走进堆满金属零件、宝石和工具的工作室,准备工作。昨天临睡前忘了关咖啡壶,咖啡煮干了。连续一个多月,彼婕都是这样起早摸黑地忙着。2011年圣诞节假期,她的手工饰品卖得特别好。

彼婕是位设计师,4年前,她开始在一个名为Etsy的小众化的手工艺爱好者网站开店,出售自己设计的珠宝饰品。如今的Etsy是全球最大的手工爱好者网站,几十万名设计师在这里聚集,手工制品销往世界150个国家和地区超过1100万名顾客手中。Etsy给设计师以定价权并直接与全球客户对接(D2C)电子商务模式风靡全球,并受到了风险投资者的青睐。

Etsy有一支庞大的审查团队,力保产品均系手工制作且不侵权。 (南方周末资料图片)

匿名举报制

“我从没遇到过如此忙碌的圣诞购物月。”彼婕说,从感恩节前一个星期开始,她每天从早上7点忙到凌晨3点,一天最高纪录卖出15件自制的手工饰品。在平常的日子里,她平均每天卖出不到3件。

在Etsy上开店,注册账号是免费的。每陈列一件商品要交0.2美元,每成功交易一次,要交3.5%的佣金。

彼婕也在附近的商场寄卖她的手制饰品,但销售额只为其网店收入的一半。

在此之前,她做的是服装生意。批量卖衣服显然要比一件件地卖手工制品要容易赚钱,但手工制造的乐趣显然更有趣。“跟能被无限复制的商品不同,每一件手工制品都是独一无二的,而且每售出一件饰品,我都能听到不同顾客的不同故事。”彼婕说。

在接受南方周末记者采访时,彼婕正在为一个年轻男子赶工制作戒指,这位男子要在圣诞节的时候向他女友求婚。

与全球最大的电子商务平台eBay相比,多位卖家向记者表示,Etsy的收费比eBay便宜,而且在eBay开店,手工饰品很容易淹没在海量的货物信息中。

手工艺讲究的是个性化,Etsy有着严格的规定:每一件商品必须由设计者亲自设计,必须是手工制作,每件产品必须标有设计者姓名,绝不能售卖批量生产的商品。

这些规定绝非戏言。负责国际市场开发的LIZ Wald说,Etsy运用电脑工具和老练的审查人员对每一件设计产品进行审查,最重要的是Etsy社区里有许多热心维护手工业者权益的人,他们的匿名举报帮了Etsy很大的忙,确保Etsy规则不被破坏。

这正是其迷人之处。Etsy在2011年前10个月的在线成交额近4亿美元(约26亿元人民币)。2008年全球金融危机期间,Etsy的交易额飙升3.6倍。2009年和2010年均以200%的速度增长。Etsy至今已经有超过250位员工。

“小黑鱼”的胜利

Etsy的创始人是出生于1980年的美国小伙罗布·卡林(Rob Kalin),他于2005年创办Etsy并发起众多纽约手工艺者在上面开设第一批网店。

因为父亲是一个木匠,卡林从小受到熏陶,喜欢制作一些小的手工产品。高中时代的他迷上摄影,经常旷课到街上拍照、冲洗胶片。在以勉强及格的课程成绩高中毕业后,卡林先后在多所大学游学,直到2004年才拿到一个艺术学士学位,在此期间,他先后做过百货公司收银员、相机店仓管员、业余木匠、地盘工、秘书、书店服务生。

游学经历让卡林对纽约、洛杉矶等美国大城市中专业与业余手工爱好者群体非常熟悉。这些爱好者经常组织一些交流活动,顺便出售或交换一些自己的作品。2005年6月,靠网页设计为生的卡林在美国纽约布鲁克林区的一个公寓里,跟几个朋友花了足足两个月,不眠不休地创立了Etsy网站。

卡林在接受南方周末记者采访时称,公司成立后一个月,他向当时颇具名气的两位Flickr创始人巴特菲尔德夫妇发出邮件,请教网络技术问题。结果他们被Etsy的创意吸引了,遂投资逾60万美元。Etsy至今已经获得五轮风投资金。其中包括同时掌握Facebook、沃尔玛、新闻集团、戴尔公司等股份的吉姆·布雷(Jim Breyer),他掷下2700万美元入股了Etsy。

卡林不仅是在做电商,更是在营造一种圈子文化。卡林的搭档、Etsy的CEO查德·迪克森(Chad Dickerson)在Etsy上表示:“很多电子商务平台单纯地考虑价格和便捷,我们则将精力放在一对一的交流上。”

彼婕也向记者表示,她一天中近半工作时间是在跟客户聊天。

Etsy跟Facebook合作推出“推荐礼物”功能。Etsy的卖家能通过Facebook综合好友的性别、年龄、居住区域、爱好等信息向Etsy买家推荐给好友送什么礼物。在特别的节日,Etsy还会参照当时流行的节日元素,给卖家推荐礼物。

几乎每个Etsy用户都知道一个叫《小黑鱼》的童话。要是哪个新手打听Etsy的商业模式,他必然会被问道:“你不知道小黑鱼吗?”故事讲的是大海里住着的一群小鱼,成群红鱼当中只有一条黑的。有一天,凶猛的金枪鱼侵袭,要吃掉所有小鱼。小黑鱼灵机一动,让小红鱼排列成大鱼的样子,自己当眼睛。就这样,大鱼被统统吓跑了。

这是卡林最喜欢的童话。这位年轻人立志让全世界靠手艺吃饭的在批量化生产的商品时代活得更好。

“中国制造”来了

一位名叫胡鑫的中国年轻人和两条狗住在一起,工作台上乱糟糟的摆满了杂物。但他Etsy店铺里的照片很漂亮,很难相信他就是在这个工作台上给产品拍的照片。胡鑫的房间里摆着四个货架,满满当当堆满了绢花。他随手拿起一朵褐色的,说:“这是卖给外国人的,他们喜欢这种颜色。”他又踢了踢脚下的袋子,说道:“这些一看就是义乌货,我都不打算拿去卖。”虽然袋子里的花看起来更大、更艳,装饰也很复杂。

中国的不少手工设计者们也纷纷进驻Etsy。胡鑫从2011年4月起在Etsy开店,现在每天销售额在200美元左右。他的房间里一共有一万朵绢花,在北京市大兴区的工厂里还有10万朵左右,他对绢花加工后在Etsy上出售。为了这桩生意他已经投入了四十多万人民币,但利润也很可观。“一朵卖4美元,你算算我能赚多少钱。”胡鑫说,“现在美元对人民币汇率大约是6.3,那0.3就是我的成本。”言外之意是其利润率高达2000%。

胡鑫在Etsy的买卖很顺遂,但很多中国用户都曾遭遇“封号”的待遇。2008年,河北唐山的杨力(化名)在Etsy开店,售卖几个设计师朋友制作的绘图骨瓷器皿。不到一年后他的店铺被封。当时Etsy给杨力发了一封邮件,说他店里卖的东西违背了网站的游戏规则。

原来,杨力没有留意到知识产权保护,在产品上未标明设计者的身份。整改过后,杨力给Etsy发邮件解释,让他们审查通过后才重开账户。

“中国人被封账号一般都是因为没遵照规矩,买来货物想再高价转手卖出去,Etsy会在你卖出第一件甚至一件或让你提供能证明产品乃及自己设计的图片和视频证明。都还没卖出去时就向你发出警告。”杨力对南方周末记者称,“中国人擅长的‘倒买倒卖’在Etsy是行不通的。”

此外,对于Etsy上的小卖家来说,高额的跨国物流费用也让他们头疼。虽然这一费用由买家承担,但是时间耗费太多一样影响店铺的吸引力。彼婕每周都开车从自己居住的加拿大小镇到100公里开外的美国寄出货物,来回两三个小时,有的时候天气不好,就要耗费大半天甚至一整天时间。

杨力所在的唐山没有邮政小包,发一次货要先快递寄到北京,再由北京快递公司转寄国外,起码要三星期才能到站。每次发货都要上百块。

这便给了一些中国创业者以机会,Etsy的中国仿效者已经诞生。哇噻网原先是一家B2C模式、销售手工艺品的网站,两年内烧掉了投资人给的几百万元,其创始人赵径文决定转型,打出“做中国版Etsy”的口号,并因此成功融到了第二笔资金。

赵径文曾经是一名文化记者,在媒体工作时结交了一些设计师,如今他希望借助这些名人资源带动国内喜欢手工艺品的商业文化。虽然他在接受南方周末记者采访时表现出对未来的十二分乐观,但就现在来说哇噻网的经营状况和用户活跃度显然不太乐观,每天的销量只有百余件。

“那个网站上的东西很普通。”胡鑫去哇塞网逛了逛,不打算注册。“Etsy上的产品很有文艺范,并且能够真正保护设计师的知识产权和利益,哇噻网似乎做不到这一点。”

分类: 9其他 标签:

惊艳呈现-百度搜索手机客户端设计项目分享

2012年1月17日 没有评论

百度搜索客户端 百度搜索APP

2011年10月8日,百度搜索手机客户端正式登陆Apple Store。

2011年12月12日,百度搜索手机客户端荣获APP Store 2011年度工具类最受欢迎第一名。

百度搜索客户端 百度搜索APP

这个轻量化的搜索应用倾注了产品设计团队很多心血。全新的视觉和交互体验、更优的搜索体验、全新的Ding功能……它的发布是我们在搜索客户端领域迈出的一小步,MUX的设计师全程参加了这款应用设计与决策,这背后有好多同学在辛苦的努力着。今天让我们揭开它面纱,看看它的小故事。

百度搜索客户端 百度搜索APP

要惊艳地呈现

一年多来,我们在手机端推出过掌上百度和百度快搜两款与搜索相关的应用,将搜索业务以客户端的形态延伸到手机端,在这期间,积累了大量搜索客户端化的设计研发经验。随着移动互联网这些年的发展,我们的团队日渐成熟,借助iPhone平台做百度搜索框的机会,决定把资源重新整合起来,全面定义手机搜索客户端,带给用户一个最好用、最爱用的搜索客户端产品。

首先,我们定义了新的百度搜索客户端的产品体验目标——最好用的搜索客户端工具。什么样的搜索客户端才好用呢?通过设计师与产品经理的大量交流,我们确定了产品的体验目标:

1. 可控感:操作简单、容易理解、意料之中、误操作少、无距离感……目标降低认知成本

2. 速度感:界面切换、响应、操作反馈、信息加载、误操作回馈、等待感……效率是工具类应用的核心基因

3. 好感化:形象、氛围、文案、私人化、疏密程度、动效……差异化粘性化的关键

百度搜索客户端 百度搜索APP

其次,结合产品的各个模块贯彻体验目标,获得统一的体验设计方案。在这个过程中我们找到了多个突破维度,并将这些维度纳入到该搜索客户端的发展升级规划中。已经发布的产品设计中包括了:按键输入体验、语音搜索体验、常用信息搜索体验、结果浏览体验、情感化体验、界面品质感等等解决方案。

在产品设计过程中,逐步明细体验设计的目标,并将目标贯穿到产品的每个模块中,才能获得统一的体验设计方案。

更快的输入搜索体验

百度搜索交互体验设计的首要环节是输入。从输入的方式来说,目前有按键输入、语音输入、拍照输入。大多数用户还在使用按键输入,我们着重进行体验分析。

现状:在iPhone手机中,内置的输入法在输入中文多个字的关键词时效率不高,输入法联想词无法满足用户输入精准联想的需求。字母键盘中国人还是不大习惯。iOS5之前的自带输入法,联想词跟随光标。用户在点击联想词的时候容易触碰到附近的控件。

通过分析研究现状,我们在三个方面给出了解综合解决方案

更快的输入搜索体验百度搜索交互体验设计的首要环节是输入。从输入的方式来说,目前有按键输入、语音输入、拍照输入。大多数用户还在使用按键输入,我们着重进行体验分析。现状:在iPhone手机中,内置的输入法在输入中文多个字的关键词时效率不高,输入法联想词无法满足用户输入精准联想的需求。字母键盘中国人还是不大习惯。iOS5之前的自带输入法,联想词跟随光标。

用户在点击联想词的时候容易触碰到附近的控件。通过分析研究现状,我们在三个方面给出了解综合解决方案。

百度搜索客户端 百度搜索APP

每个方面都需要开展具体而详细的设计工作,目前公布的版本中已经大大提升了输入搜索的效率。也请大家多多提供反馈。

百度搜索客户端 百度搜索APP

百度搜索客户端 百度搜索APP

1. 即时显示搜索建议

2. 增加搜索历史呈现,当然配套的搜索历史可以清空,因为很多用户搜索**

3. 搜索建议词可以上框,方便你搜索“跨年演唱会2012****”。搜索建议词比输入法联想还智能,知道你想搜什么,知道大多数人在搜什么。

4. 一步清除输入。

5. 加强语音输入识别能力。(后面会详细介绍)

6. 内置百度手机输入法。内置百度手机输入法可以说是人心所向,我们通过与输入法团队沟通,引入了百度手机输入法。请允许我再次细数内置百度手机输入法的优势:符合中国人的输入习惯,更权威的联想词,……

百度搜索客户端 百度搜索APP

语音搜索-让技术更懂用户

手机硬件有这得天独厚的机会。比如麦克风、摄像头、陀螺仪、光线感应、距离感应、重力感应……使用这些硬件条件,加强搜索体验是我们尝试的方向之一。其中语音搜索是我们相对成熟的技术。

早在去年,我们发布的掌上百度就整合了语音搜索技术。而今百度的语音搜索技术识别准确达到了前所未有的高度,让整个搜索体验获得巨大的提升。设计团队的任务就是让这个先进的技术,通过交互和视觉的设计,变得更加容易理解和操作,让人文和技术完美结合:

百度搜索客户端 百度搜索APP

百度搜索客户端 百度搜索APP

(我们尝试了许多在语音层面的反馈设计方案)

1. 及时地给用户反馈——及时地给用户反馈,是产品体验设计最重要的设计法则之一。老版本的设计方案无法让用户感知机器在进行运行,例如:如果正在录音的界面,如果没有动画效果,用户会以为死机。我们引入了麦克风向外发出声波的简单动效,告诉用户机器正在运行。我们后续还会根据用户发音的大小和有无来进行更加真实的动画设计。

2. 给用户选择权——增加录入完毕和取消按钮。即便我们在云端技术层面上努力识别用户是否说话完毕,但是由于目前手机硬件还未能很好的去除环境音,所以依赖机器来判断用户是否录音完毕还是存在失误的情况。所以此时将选择权交给用户是一个最佳选择。此外在正在识别界面也考虑到网络环境的情况,给用户一个取消进程的设计。

随着技术的提高和硬件水平的提高,我们还将继续探索各种传感器与搜索体验的结合,调动手机的全身力量来加强我们的搜索体验!

向用户靠近,Ding在首页吧

百度数据开放平台具有专业而值得信赖的众多数据,其中有很多与网民的生活息息相关。比如搜索天气、搜索北京时间、搜索股票……。它们将结果更加快捷生动的展现在搜索结果页面,让网民获得信息的效率更高。这在网民心目中形成了巨大的影响力——百度的数据已经等同于权威发布。我们期待这种信任能够在移动端延续。

百度搜索客户端 百度搜索APP

为了找到适应在移动端的阿拉丁形态。我们对常用阿拉丁进行了筛选,将最常用的阿拉丁信息进行拆解研究。

百度搜索客户端 百度搜索APP

百度搜索客户端 百度搜索APP

我们发现这类信息最多不会超过四个主要维度来完成信息传达,事实上最核心的信息维度不超过3层。所以我们大胆的将信息进行了提炼,在呈现上通过字号大小、位置关系来协调一级信息、信息标签、详细信息、辅助信息的传达效果。

百度搜索客户端 百度搜索APP

对一个信息的阐述除了文字还有图片,我们也为此进行了设计上的规划。还有更多Ding的产品形态将出现在后续的产品中。

Ding展开后,详细的信息立刻呈现。在UI方面我们尝试更加拟物化的设计,以便能够让用户在使用中体验到极致的品质感。

百度搜索客户端 百度搜索APP

Ding将会出现在许多地方,将用户常搜的信息动态的展现在主屏或者应用首页上。经过极简的设计后,信息不仅具备了快速传达的能力,同时还具备了适应各种环境的能力。敬请关注我们后续推出的版本吧~精彩的Ding~精彩的百度搜索客户端!

你的搜索、我的搜索

搜索引擎是二十世纪最伟大的发明之一。2011年9月2日,百度CEO李彦宏正式向外界发布了全新百度首页,提出“百度新首页 一人一世界”口号。智能化、私人化、个性化的百度新首页,让人们开始重新认识百度搜索。百度搜索手机客户端,作为百度搜索业务在手机上的延伸,我们希望它借助手机,成为人们生活中必不可少的一员,让每位用户享受属于自己的搜索引擎。

针对此方向设计研发团队做了丰富的探讨,找到了若干可行的方向:

1. 搜索历史的私人化

2. 搜索热榜与热词推荐

3. 客户端换肤

4. 自定义Ding服务

5. ……

其中整个客户端的壁纸换肤是产品发版中用户反响最多的。

为搜索客户端定制了一套壁纸解决方案,用以配合客户端的整体品牌气氛,符合私人化、个性化的产品方向。虽然这是一个很简单的决策,但是在设计的时候并没有那么容易。通过对系统级别的近品进行调研,我们初步掌握了主流产品在默认壁纸层面的策略——大草原法则会被在这里用到极致,崇尚自然与生命,热爱宇宙与探索……。

我们默认提供的9张壁纸,主基调是自然、生活、星辰。当你看到这些景象的时候,心情是否变得舒畅呢?

百度搜索客户端 百度搜索APP

这些壁纸的原生摄影作品大都来自设计师的旅游和生活中的作品,青岛海边沙滩脚印;九寨沟原始森林松针;成都锦里酒吧区;郁金香……

百度搜索客户端 百度搜索APP

壁纸效应在产品中的成功也为我们带来了更多的设计动力。在新版本中壁纸策略将有所更新,随着圣诞节和元旦到来,我们提供了精美的节日壁纸,一定要看看哦~~

百度搜索客户端 百度搜索APP

惊艳呈现的百度搜索客户端,刚刚迈出了一小步,我们的设计和研发团队还将带给各位更优质的移动搜索服务,还将带给用户更多惊喜,让搜索真正成为您快速平等获取信息的好帮手。你对此有什么好的建议和想法呢?欢迎留言交流,让我们做得更好!

分类: 3电动设备 标签:

2012年移动应用10大设计趋势

2012年1月17日 没有评论

2011年涌现出诸多优秀设计,随着操作系统的更新和硬件性能的提升,用户对移动应用的品质需求也呈现上升趋势,界面设计又被提升到一个新的高度。移动应用不再是将内容从互联网搬至移动设备,而是解决设备本身的问题,根据用户需求从视觉感受、风格趋势、操作方式、信息架构和内容呈现等各个方面挖掘设计的可能性,为用户带来新颖的体验。

本文汇总今年热门产品的界面设计,从中总结出未来一年需要重点关注的设计趋势,供大家参考。

趋势一:极简主义的应用图标

从App Store的国外知名产品的设计动态看, 启动软件的图标设计正在趋近极简化风格的设计。

极简主义风格的设计,视觉表现的元素简约,能够让用户快速的记忆应用类产品。LBS产品Gowalla ,在2010年初时候的应用图标如下图左效果,应用图标呈现为复杂的袋鼠造型和GO字母的结合体,表现元素造型复杂;经过1年多的产品升级版本迭代,此时的Gowalla的图标已经是右边效果图,典型的极简主义应用图标,简约美观。

如下图所示的path软件的应用图标设计,由原来的立体感的设计演变为极简的、相对扁平化微渐变的设计风格。极简的应用图标设计,背景色统一,突出品牌“P”,视觉上传达给用户一种十足的品质感。

又如入围2011最佳产品工具类排行的百度搜索,应用图标的设计也趋向极简主义设计风格。由原来的相对具象的图形表现方式向极简主义的设计风格趋近,从视觉传达的角度,提升了应用图标的整体感和品质感。

趋势二:适配多样化的分辨率

回顾过去几年,从智能手机发展初始阶段的240×320的分辨率手机,到目前主流的480×800的分辨率手机,手机的分辨率呈现多样化并向高精度发展,目前Galaxy Nexus的分辨率甚至达到了1280×720,所以屏幕适配性是衡量操作系统的重要指标之一。

Android3.0之后重要的改进就是增强了适配性,平面化的图形便于横向拉伸,分辨率增大时,顶部可以由两栏合并为一栏,手机和平板可以使用同一个程序,所以应用程序将更多的考虑高分辨率的显示效果。

试想我们在设计一款应用软件的界面时,需要同时照顾到多种分辨率手机用户,并不是一件非常容易把握的事情。密切关注移动硬件市场情况,了解适配多样化硬件分辨率的手机用户的使用习惯,分析多样化分辨率界面设计的方法,也是2012年我们设计师需要关注和研究的趋势之一。

趋势三:平面化的视觉风格

自WP7使用Metro风格之后,Windows8为代表的界面会将这种新兴设计风格推向主流,Metro的特点就是简洁与直观,没有过分华丽的炫目背景与精致的功能图标。

除了windows 8的设计外,X box360等产品也在使用这种设计风格,界面风格设计也呈现平面化、格子风的设计趋势,简约而华丽的设计给用户带来了全新的视觉体验,强化Metro统一的品牌感。如下图:

除此之外,Android 4.0系统的视觉设计风格也整体趋向平面化、格子风趋势。android 4.0系统的视觉设计,放弃了原有的设计风格,整体正在向平面化、格子风的设计方向进化。虽然没有那么强烈的Metro设计风格,但是这足以可以体现Metro风格的影响力。如下图所示:

平面化、格子风正在流行,并正在影响着众多的移动应用的视觉设计,但未来移动应用不会严格遵从官方的标准,在此基础上将衍生出更多的创新设计,丰富这一设计风格。

趋势四:越来越丰富的动效

动效设计和交互视觉都息息相关,是一种动态的交互行为的用户反馈特效。优秀的动效设计,能够增加用户交互的亲和力和趣味性,提升产品的用户体验。动效会被越来越多的平台软件应用,智能手机硬件的提升,给动效体验设计带来了展示的机会,给软件产品的用户体验升级提供了更大的空间。

  

如上图是韩国Naver的一款看房地图的软件,它采用了放大收缩的动效。用户点击地图后,地图本身放大,然后转入街景界面;用户关闭街景时,采用收缩的动效还原到地图界面。这一细节的动效设计,给用户一种酷炫的感觉,同时增强了界面间变化的连贯性。

 

如上图的Path左下角的动效设计,这已经成为2011年代表性的设计。此软件多处用到了动效,用的恰到好处,为产品赢得了良好的用户口碑,为产品在短时间类增加了大量的用户。

另外,在PC端的动效已经在Metro设计中广泛运用,参见苹果电脑酷炫的动效体验设计可以赢得用户的钦赖。动效设计丰富了交互,补充了视觉,恰当的运用动效能够提升产品的用户体验。

趋势五:电影化的开场界面

好的开场是成功的一半,越来越多的应用会采用动态的全景照片作为自己的开场界面,或者采用高保真的图片作为应用的首屏壁纸。这种斑斓艳丽的视觉效果,为应用争得了良好的第一印象,让应用变得更加的生动和迷人。

Flipboard是一个华丽的阅读产品,最开始推出的是iPad版,目前已经推出了iPhone版,它让你在手机上也能拥有杂志一般的阅读体验。Flipboard在iPhone版本上,推出了封面故事功能,将热点的新闻和图片,直接在封面上展示。用户还可以详细定制出现在封面故事上的内容,当然你也可以关闭它。

 

iPhone版Flickr客户端启动之后,就是一系列高精度图片的动态轮播,让你体验到艳丽多彩的视觉冲击。

 

中文摄影杂志PhotoMagazine的开场,则像是一场精心炮制的剪切动画,多个镜头依次出现在屏幕上,一张张美丽的摄影照片衬托出鲜艳的人像和风景,让摄影杂志的文艺气息深入人心。电影化的启动界面,可以直接提升用户对产品的好感度但也要考虑到多张图片的大小,及动画效果加载效率的问题。

趋势六:合理的用户引导

由于手机界面的承载能力有限,产品功能的不断膨胀,必须要在用户打开应用之后告知他某些新奇的功能,引导他完成某些主要任务流程,让用户不至于迷失在陌生应用中不知所措。帮助用户快速掌握应用的使用方法,体验到应用的乐趣,新手引导成了一个必须考虑的设计环节。

 
Tweebot会在程序刚启动的时候,用简短的几页介绍,告诉你应用程序的高级使用技巧,一些隐藏的功能可以让你更方便快捷的执行操作,比如双击查看详情,长按唤出操作,向右滑动查看对话历史,长按标签栏可以自定义标签内容。
 

Foursquare和Gowalla会在合适的时机,提醒你可以执行某个操作。某个按钮挪了位置,快速去添加好友,开始签到并与好友分享图片。通过这样一种Tips告知的形式,让用户关注到系统的状态,引导用户可以继续走向哪里,可以启动很好的帮助用户熟悉应用的作用。

用户引导的直接目标是帮助用户更好的使用产品,终极目标是提升用户满意度。虽然,大多数情况下,我们可以通过合理的设计,尽可能的简化功能,让用户无需引导和帮助,就可以完成必要的任务。但是实际上,手机产品的限制和对强大功能的追求,导致这个目标很难达到,因此越来越多的应用开始使用用户引导来帮助用户快速熟悉产品。

趋势七:突出显示的主要功能

产品的定位和核心功能决定了主界面的布局,对于不同信息架构的产品,主界面会有很大的不同,但是如何使产品从同类产品的相似界面中脱颖而出呢?答案是:专注。

对于秉承了“开启即用”设计策略的移动应用来说,多而全的功能点和复杂的应用结构并不适用。从主界面点击超过三次才能操作的功能被使用机率则非常低,普通用户不会乐于使用深层界面被掩藏的功能

同样,也有数据表明,在界面上突出某项功能的视觉特征,会提高用户使用该功能的机率;对具有“利用碎片化时间”和“显示区域较小”特征的移动应用来说,让用户在多个功能按钮中进行选择,也会成为影响用户体验的因素。

因此,一定要找出产品的核心功能,并在主界面上突出显示。

 

integram是一个以图片为媒介的垂直化社交网络,对这个产品来说,图片只是作为载体的形式出现,核心价值是通过分享建立的朋友关系。所以在产品的主界面上,将“share”按钮的样式区分于其他标签,突出显示核心功能。

 

拍照和签到类应用中,在标签栏突出主要功能,主要功能的使用率也是衡量产品交互的重要指标。

另一个影响视觉设计的因素是:设计的重点与单个功能的使用率。

在UGC模式的拍照和签到类应用中,从用户处得到内容是设计中的难点,而“拍照”则是使用率较高的功能,所以在标签栏的视觉设计上突出“拍照功能”。

趋势八:隐藏的侧边栏菜单

部分移动应用由于发展时间比较长,已经变得有些“臃肿”,默认的五个标签栏已经满足不了架构需求。类似Pad的侧边栏越来越多出现在手机界面设计,有助于减少界面的层级关系,充分利用显示空间,或者让目录型数据便于在较低分辨率的界面中操作。

 

Facebook&Path

如果返回上一级才能跳转页面,会极大的增加用户查找信息的难度,使用侧边栏可以让应用的架构更为清晰。

 

侧边栏可以保证视觉的稳定性,如果和界面操作不冲突的话,可以依靠左右滑动手势调出侧边栏,提示操作效率。侧边栏也可以放置操作按钮,但可能会导致界面看起来显得拥挤,更多的侧边栏样式及应用场景还需要设计师不断地进行尝试。

侧边栏也是手机界面架构的一种新方式,容纳更多的功能,同时要保证界面层级关系清晰。

趋势九:革命性的语音交互

设备硬件为取代其他终端产品和实现新颖的功能提供了技术基础,用户与设备之间的交互方式不仅局限受触摸屏,语音和拍摄在2011年的移动应用中发挥了巨大的作用,促成微信和instagram等热门产品。

Siri被誉为革命性产品,不管其是否夸大其词,它成功将语音交互引入到移动设备中,比起语音命令更为智能,赋予它人性化的特征。语音可以用来操作界面、发起搜索和输入内容,但整个操作过程中像是与人对话,一定程度上降低的学习成本,同时让应用富有情感化。

百度手机浏览器Android率先引入语音搜索,目的也是解放双手,提供更为自然的操作方式。语音交互比起单纯的触摸更难设计,除了要解决最基本的识别性问题,还需要交互辅助解决识别率和使用环境嘈杂等问题。

 

语聊可能是今年最火的功能,音频让用户沟通更为方便,在此基础之上还能衍生出更丰富的语音交互方式,比如语音表情、网络电话和视频电话等等。

语音输入是语音识别的基础应用,技术基本成熟,2012年有望广泛实现在手机的输入法中,为用户的输入方式带来便利。

新颖的交互技术必然还会存在各种缺陷,需要交互设计发挥自身设计优势,充分利用技术的优点,尽量避免技术不成熟引发的体验问题,一定程序上也是促进技术的发展。

趋势十:演变中的手势操作

以N9为代表,滑动手势取代Home键,进入多任务、功能列表还是应用程序,都可以使用滑动手势操作。滑动操作将非常频繁地出现在触摸屏操作中,设计中使用滑动手势取代点击有诸多优点,比如避免点击区域导致的误操作问题、提升操作效率、隐藏控件并节约显示空间等,百度手机输入法独创的滑动输入也是早期手势操作的代表性案例。

N9手机
取缔按键是未来手机的必然趋势,滑动手势会发挥更大的作用。

iPhone版Flipboard向上滑动实现翻页,不过效果过于强烈,视觉上并不连贯,但也是滑动手势在移动应用中尝试性设计。滑动手势不但可以用来操作平级界面之间的跳转,也能用来作为进入上下级界面的操作方式。

百度手机浏览器WP7版独创单指滑动工具栏可以缩放页面,随意控制页面比例,未来还会有更多的手势应用在常用界面中。还是浏览器利用两指滑动新建界面或者进入其他多标签页,将滑动手势定义为快捷操作,为高级用户提高了操作效率。同时注意引导用户学习特有的手势操作,有助于提升用户对于应用的使用粘度。

结语

研究设计趋势是为了掌握最新的设计资讯和前沿的研究方向,从众多设计中感知规律并能灵活运用到自己的设计当中,甚至是引领设计潮流,这也是创新设计的必备要素。

分类: 3电动设备 标签:

创业者融资应注意避免的问题

2012年1月17日 没有评论

尽管你经常会听到说谁谁谁钱多得用不完,但是轮到你去融资时却会发现这很难,因为没有几个项目能够入VC的法眼(尽管有很多得到VC资助的项目都是无聊跟风的项目)。

生活是不公平的。借用马克吐温的说法:“不要到处抱怨这个世界欠了你什么。这个世界什么都没欠你的。是它先来到这里的。”

VC真的有什么不同吗?

在被泄露的帕里哈皮迪亚(Chamath Palihapitiya,AOL副总裁)写给AirBNB的切斯基(Brian Chesky)的信中,他这样写道:

我完全赞成尽可能争取最好的价值,将摊薄最小化,把控制最大化(……)我不相信投资者对一个成功的故事能够增色多少,因此,在你不断要求某件可行的东西时,将投资者影响最小化是一项很好的策略。

作为备案,好的VC通过建议和介绍提供帮助,而最好的VC还充当了不起的理疗师及教练的角色。

Zynga的平卡斯(Mark Pincus)谴责创业者要为有时赋予VC夺走自己生意的生杀大权负责。因此,如果你正准备寻找VC,以下是需要注意和避免的东西。

你需要答应的事情(体系要求的)

对于VC来说,有些事情似乎是不公平的:

VC对优先股进行投资,而创始人和经理持有的是普通股。实际上没有那么不公平,不过许多创业者并不了解其差别,即便流动性事件发生时优先股股东会先拿到报酬。

VC的律师费是从你融资的钱里面出的。这一点就更加不公平一点了,不过这避免了谈判的拖延,因为VC会给予你标准条款,并不打算偏离太多。

身为创业者你有一个孩子,而投资者则会把鸡蛋放到多个篮子上,因此他们不会像你那么关心自己的公司—这很正常,你应该想得到。

尽管条款清单的东西很多,后面的共同股东协议还包括有转售权(drag along rights)和背负权(piggy back rights)条款,但投资者的确需要保护自己,以便事情能按自己的预期发展。转售权原则上允许大股东在销售活动中不管小股东愿意与否都把小股东拖下水,以便其不会浪费大股东的时间。而背负权则允许小股东以提供给大股东的同样价格出售自己的股份。

你需要避免的—第一部分(对方部分)

董事会构成

留意自己在董事会的级别上过早交出太多的权力,因为在你知道之前自己的投票权就会少于50%,一旦开始亡羊补牢的时候,要避免董事室的阴谋诡计,那有可能让你付出工作和利益的代价。

主席身份

这个比较棘手。如果你是一般的技术创始人,也许会无权(或者兴趣)去维系一个董事会。哪怕是大多是的商业创始人也缺乏这方面的经验。但是董事会是CEO和维系董事会的主席的最终任命机构,因此,如果可能的话你应该尽量保住主席的位置。对于VC来说,把自己的一个合作伙伴带进董事会是很常见的事情—他们也应该如此做。有时候VC成为主席也是很平常的事。但是,除非此人是你公司的主要投资人,或者是你信任的业界老兵,否则的话不应该让他成为主席,尽管你的公司可能会发展到你可以让贤的那一天。

清算优先权

清算优先权决定了在流动性事件(并购、IPO)中的蛋糕是怎么分的。在公平的情况下:投资者会在其他人之前拿回自己的钱,即便权衡风险和回报需要每个人都有福同享有难同当。不过利用杠杆VC可获得1x的清算优先权,这是标准。如果他们要求比这个还要多的东西,那就让他们哪儿凉快哪儿歇去,因为那样你永远都看不到回报的。

股份授让

投资人基于PPT或商业计划(众所周知的来源于餐巾的创意)而支持创始人是一回事,但是VC加入一个进行中的聚会优势另一回事。这两种情况下,VC常常都会要求创始人放弃其权益然后几年后再赚回来(股份兑现)。在后面一种情况下,感觉就像是你经过多年约会后娶了一个女人,但是却还要挣回同床共枕的权利。

VC希望免受被抛弃或防止自己遇人不淑这我可以理解,但是,VC既能够排挤创始人又可以要求他们授让自己的股份然后再挣回来就有问题了。

你需要避免的事情—第二部分(自己的部分)

光谴责别人总归是不好的,有时候你也需要反省一下自己。

在可以的时候融资,而非迫不得已时

其中一条更加流行的格言是不要捣乱被逼入墙角的时候才去融资,相反,应该在好光景的时候去融资。作为创业者,我们偶尔会过于乐观,这会影响我们的判断。

但是不要狮子大开口,能融多少就融多少

传统观点的建议是“能融多少就融多少”,不过这对于投资人来说是好事,对创业者来说却是坏事,融资要有一个合理的额度。

不要太担心:这些是你合作伙伴

是的,唯有偏执狂才能生存,不过并非所有的VC都对你虎视眈眈企图稀释你的股份的。是,某些VC关系会出问题,尤其是如果公司成长不够快、投资有风险的时候,不过最终那样的话所有的合作关系都要冒不受欢迎的风险。如果你跟VC合作时老想着他们对你有什么企图的话会碍事的。

不要太贪婪:估价要合理

是,贪婪是好事,但是太贪婪会毁了你。投资人考虑投资时是受贪婪驱使的;一旦他与公司有关联,恐惧就成为一个因素。除非你能给投资人的投资一个潜在的超常收益,否则的话,你的狮子大开口只会吓退投资人,让他另觅其他的创业者。

尽管融资已经很难,但是此后的事情会更加艰难—记住,坚持奋斗方能苦尽甘来。

分类: 7职业创业 标签:

怎样打造高性能的移动用户体验

2012年1月16日 没有评论

在新家一点点安顿了下来,不过心里还是缺乏踏实的方向感;猫猫们也都有些瞻前顾后草木皆兵的样子,有待继续习惯;希望大家都好好的。话说眼前的这篇候选文章貌似已然有同行做过译文,不过正像 “关于BeForWeb”中所说的,我只挑那些我喜欢的 、对我自己有学习和收藏价值的内容来做译文,其他方面的因素和我没有半毛钱的关系。不多说,直接进入正题。

在人际关系中,良好的第一印象是非常重要的,人们愿意在彼此身上寻求信任与诚实,并期望在接下来的经历中重现和增强这些好感。同样的道理也体现在移动应用或互联网产品中。在打造良好的品牌信誉及其与终端用户之间持久信任关系的过程中,“设计”扮演着极其重要的角色。

在用户的期望中,移动应用应该是准确、友好和高效的。然而,移动设备自身的局限性确实为产品的设计带来了不少挑战。要打造值得信赖的移动应用用户体验,产品在性能方面的表现是极其重要的关键因素。

本文中,我们将对移动应用的设计与性能表现之间的关系进行讨论,并了解七个相关的设计准则。这些准则都是我们(英文原文作者)团队在各类移动应用实际项目中逐渐总结归纳出来的 ;希望它们同样可以帮助大家在落产品实需求的同时,从性能的角度更加合理的规划设计方案

移动应用的性能表现

人们需要通过移动应用在某种场景中完成一定的需求目标,例如提升效率、舒适度,或是单纯的找找乐子。“功效”是移动应用的一个核心因素,它们必须够快够稳定,才能在各种充满变数的使用场景中有效的提供功能与价值。

然而,在现实中我们时常发现,对于很多移动应用来说,设计和开发周期却始于对视觉外观的强烈诉求:“ 它看上去必须很棒!” 诚然,出色的视觉风格可以通过优秀的第一印象来吸引用户,但是要想让一款应用得到用户长久的青睐,每个方面的质量和表现都含糊不得,尤其是在性能方面。中看不中用的产品只会破坏它自己的信誉,用户很快就会察觉其缓慢的运行速度,甚至会因为难以忍受的加载时间或频繁的崩溃而认为这款应用根本无法使用;这对产品的可用性和品牌感知都是极大的损害。在用户的期望中,一款应用必须首先具有快速的响应性,否则,最直接的后果就是在App Store中得到差评,安装率少的可怜。

下图是Twitter与Cookmate两款应用的界面对比;抛开用户基础方面的因素,即使拥有炫目的视觉效果, Cookmate的用户打分和评价也无法超越界面简洁朴素的Twitter客户端。

mobile-apps-performance-user-experience-twitter-cookmate

性能表现与品牌差异

产品的每个方面都会影响品牌感知。通常情况下,用户的要求很简单,他们只想找到最合适的工具,来帮助他们切实改善生活中的某些方面。要使自己的产品在缤纷的市场中脱颖而出,树立起品牌,并真正的吸引用户,你的应用必须在某些方面强于对手,或是拥有其他应用所不具备的特色。作为移动用户体验中的重要元素,优异的性能表现会直接帮助你的应用在品牌层面超越其他同类产品。进一步说,如果你能攻克某些技术挑战, 使相关的特色功能可以流畅稳定的运行,那么这绝对会成为你的产品中难以被复制的独特卖点。

关于这一点,Flickr的iPhone应用是个不错的例子。Flickr曾经在他的主站中宣称,他们的应用有两大目标:一方面帮助用户展示他们照片,另外还会提供全新的组织照片与视频的方式。他们的应用确实很好的做到了这两点,有效的提升了品牌信誉度。

mobile-apps-performance-user-experience-flickr

所以,在规划你的应用产品时,有必要首先对市场进行分析,并问自己两个问题:

  • 我们的应用与竞争对手相比有哪些不同?
  • 我们可以在哪些方面做的比竞争对手更好?

明确了这些方向性的问题之后,再将注意力放在产品的设计与开发上。

性能表现与设计

无论打造怎样的产品,正确的方式方法都是至关重要的,这也是人们制定设计与工程准则的初衷。一款汽车的设计会影响到它的空气动力表现;一座桥梁,除了要有漂亮的外观,对风力及交通负载的承受能力也是在设计过程中必须考虑的核心因素。同样的道理也体现在移动应用的设计当中。对设计方案的选择会影响到应用的各个方面,包括内容呈现、交互性、视觉外观,以及最重要的一点——性能表现。

我们可以发现,很多产品团队会将性能表现方面的责任丢给技术开发人员;这种传统观念所造成的最直接的结果,就是很多涉及到性能方面的潜在问题只有在设计流程的尾声、开发环节的初期才会暴露出来。实际上,技术开发方面的相关角色应该在产品创意初期就适度的介入到项目中来,保持对设计方案的技术可行性评审。

接下来要提到的一些与用户界面性能表现相关的要素,以及本文后半部分将要介绍到的七个设计准则,会帮助大家一点点认识到,移动应用的性能表现绝不仅是技术人员需要考虑的问题,它与设计之间关联也是相当密切的。

移动应用用户界面中的性能要素

用户对移动应用的性能表现的感知来自多方面,包括启动速度、界面加载时间、动画效果的流畅程度、对交互行为的响应时间、出错状况等。下面的示意图向我们展现了这样一些要素:应用(包括视觉图像、交互方式、内容、功能、代码算法等)在一定的硬件条件下(CPU、屏幕尺寸等)运行在某个系统平台(iOS或Android) 的移动设备中。对于很多应用来说,它们还需要通过网络(LTE、3G、2G)与服务器端进行后台连接。图中上面 两块红色区域所代表的,是一款移动应用产品中最容易受到设计与开发决策影响的部分。下面两块灰色区域,属于产品设计过程中需要考虑的牵制性因素。

mobile-apps-performance-user-experience-ui-factors

对于图中所示的每项因素的决策,都会影响到最终产品的性能表现。任何形式的组合、增强(例如高级的 视觉效果)或限制(例如糟糕的网络连接状况)都会增加产品复杂度,降低性能,破坏用户体验。举例来说,如果为了增强视觉效果,应用必须在缓慢的网速情况下,连接后台服务器以获取更多的资源文件——这就是一种势必会降低产品性能的条件组合。

七个设计准则

在过去的几年中,移动领域出现了很多变化。一些新的UI设计风格开始涌现,设备屏幕尺寸及处理器性能规格都在逐渐向桌面设备靠拢,输入方式也发生了革命性的改变。

在这种情况下,设计师们需要一直努力去尝试更加先锐的、特色鲜明、性能卓越的设计方案。我们所说的设计与性能的关系,并非单纯的指降低图片尺寸一类;在设计流程的不同阶段和不同层面中的各种决策,都会对产品的性能和功效造成影响。下面,就让我们一起来了解一些可以在实战中有效帮助我们打造高性能移动用户体验的设计准则。

1.定义用户界面的品牌特色

移动应用中的每一个可以与用户产生互动的地方,无论是单一的交互元素,还是功能模块整体,都应该有助于提升产品的品牌认知度、用户忠诚度及满意度;设计人员应该有能力识别出它们当中最关键的那些,例如特色功能、视觉风格、文案、字体或动画效果等。我们的团队经手过很多不同的产品,虽然从整体角度讲,它们具有各自的品牌风格,但这些设计方案大多是由同一套基础UI元素衍生发展出来的。我们可以将基础UI元素组合成为界面模块,而组件化、可复用的核心界面模块,则可以进一步构成整个用户界面。

所以,经由对这些UI元素的风格设定,我们就可以逐步为界面整体打造出能够体现品牌风格的独有特质。在概念阶段,试着将那些在以下几个方面发挥关键作用的UI元素识别出来:

  • 有助于提升产品差异化竞争力的功能(例如Path中的照片检视等)。
  • 产品核心功能(例如在线购物类应用中的结帐功能)。
  • 模式化的设计语言。Windows Phone 7的Metro UI是一个典型的例子:具有强烈风格的字体、布局和交互等方面的模式,构成了其独特的设计基因。

mobile-apps-performance-user-experience-windows-phone-7-metro-ui

这些能够体现品牌特色的核心要素,本身要具有很强的响应性。它们会被用户不断的看到、用到,而且会在产品不同的功能界面中被复用;它们的性能将直接决定一款应用的整体表现。将设计与开发的注意力放在这些关键要素上,将会是一件事半功倍的事情。

2.判定产品优先级

对“功效”一词的理解可以上升到整个产品研发周期及市场的层面上。很多时候,公司会希望快速上线一款新产品,或是开发一个产品系列(例如基于一个平台的多款同类产品,或面向不同平台的单一产品),亦或是出于时间和资源的限制,必须从多个产品中选择一款来优先完成。在这类情况下,设计与优化的工作力量就必须集中在那些最重要的产品上。优先级矩阵可以有效的帮助我们理清头绪。

mobile-apps-performance-user-experience-priority-matrix

上图所示的抉择因素包括系统平台、当前用户量、预期用户量、竞争对手情况;当然,我们还可以从其他更适合自己项目的角度来进行权衡。如果产品受众多数是Android用户,而且你的竞争对手也在盯紧他们,那么与其将精力分摊在各个平台当中,倒不如集中资源打造一款简洁高效的Android应用并尽快投入市场。

3.认清用户需求

我们团队经历过的很多项目,在刚刚启动时都面临着一些相似的问题:功能需求列表过于冗长,焦点不明确,难以在项目截止时间之前搞定…客户或需求方通常会对产品功能进行天马行空般的想象,却往往忽视了用户的真正需求。

举例说,无论你是在一个小城镇,还是牛津大街,或是在互联网中,血拼的本质目的,都是寻找合适的商品并进行购买。良好的用户体验可以为购物过程带来更多的乐趣,但绝不能破坏这件事的核心目标。用户希望通过购物类的应用来快速的找到某种商品,并顺利完成购买;他们甚至会忽视那些用于增强体验和乐趣的额外功能。

下图展示了一款购物应用的商品详情页面的两种设计方案。左边的原型中包含了一些“高级”购物功能,例如赠礼、相关商品和用户评价;而右侧的原型简化了很多:去掉了赠礼功能;只显示该商品的整体打分情况,如果用户需要,可以点击链接查看全部点评;省出的空间用以显示商品介绍的全文,用户无需进一步点击就可以完整浏览。

mobile-apps-performance-user-experience-shopping-function

显然,右侧的方案可以让团队将设计与开发的注意力放在核心功能上;从产品的角度,这也是最符合用户的直接需求、最具性能功效的方案。那些“锦上添花”性质的内容和功能,即使真的有必要存在,也应该是在我们对产品核心功能做了最充分的优化和最合理的设计之后,才陆续登场,并且不能影响核心功能的可用性及性能表现。

4.优化用户界面流程和元素

用户不喜欢等待。在Google的用户体验十大内在原则中,时间方面的因素紧随“用户需求”排在第二位。对应用的每一个界面流程及其构成元素的优化,都可以不同程度的降低加载及响应时间。

A.增强可感知性

在很多情况下,设计师和开发者确实无法控制产品性能:网速也许会很慢,系统后台也许正运行着多任务,某个功能也许需要大量系统资源来支持运算等等。无论怎样,在延迟发生的时候,我们至少应该让用户感知到应用仍处于运行状态。即使在无法预料的坏状况中,合理的设计方案也可以起到良好沟通作用。

第一步是要识别出哪些功能流程有可能造成延迟,例如那些需要获取后台数据或是执行大量运算的运行过程。接下来,在这些关键流程中添加必要的状态反馈标识,例如loading动画效果,或是一些文案小提示。

下图演示一个比较典型的内容搜索流程:

mobile-apps-performance-user-experience-perceived-feedback

用户在这个流程中经历了四个步骤:

  1. 点击搜索按钮。
  2. 看到loading动画提示。
  3. 看到了搜索结果中的文字内容;这时图片还在加载。
  4. 看到全部图文内容。

显而易见,比起从第一屏开始经历一段等待时间然后突兀的直接进入第四屏,将流程分为几个短暂的步骤并给予状态反馈的用户体验要好的多。即使中间耗费了同样的时间,分步的设计方案也可以使应用的性能在感觉上更加流畅高效。

另外一个典型的情景是应用刚刚启动的时候。首先显示一张适合该应用风格和布局的图片,会降低用户对加载时间的感知;同时配合loading动画提示一起使用的话,效果会更好。

B.优化UI元素

任何一个UI元素都会影响到产品整体的性能表现,每个点滴之处的优化工作都可以对性能的提升起到推动作用。可以重点关注以下几个方面:

  • 元素的类型:不同类型的UI元素对产品性能的影响程度也不同;优化工作可以按照一定的优先级进行,例如可以集中资源首先处理那些音频、视频、地图等类型的媒体文件。
  • 元素的规格特性:拿图片文件来说,分辨率或色深会对渲染时间造成影响。在Android中,任何可绘制资源(jpg、png)都会被解码为位图格式。所以,每一张在分辨率或色深方面经过优化处理的图片都可以节省出几KB的样子。
  • 元素的输出方式:这方面可以针对具体情况做不同的处理,例如对于需要一整张图片作为背景的应用来说,如果主要内容部分有自己的非半透明背景样式,那么大背景图片就没有必要全部输出了。

5.定义界面元素的权重规则

精心打造设计方案的过程,就好像在一片充满障碍物的陆地上进行探索;我们必须时刻对功能、外观、可用性、性能表现等方面的因素进行权衡和取舍。对于某些系统平台来说,设计师要做更多的妥协。然而,无论系统方面具有怎样的限制,产品都必须保持自身的品牌特色。

我们可以通过一定的方法来判断UI元素之间的重要程度关系。有些元素对于品牌效应的贡献程度是很大的,而合理的移除那些相对次要的元素,也是提升产品性能的有效方式。我们的团队从这个角度对UI元素进行了如下分类:

  • 必不可少的:最能体现品牌特征的核心UI元素,例如包含了logo和产品名称的标题栏。
  • 具有可替代性的:在相对高端的设计方案中,这类元素可以由性能负载相对较低的输出方式代替。例如去掉标题栏的半透明效果。
  • 非必要的:这类元素通常用来增强用户体验,在必要的时候可以简化或移除。例如将搜索结果条目的数量由25个减为10个。

mobile-apps-performance-user-experience-scaling

6.使用信息面板

团队之间的信息沟通,对于打造成功的产品来说是必不可少的。我们经历过的很多项目中,设计、开发、市场等部门的相关人员对同一款产品的理解有着很大的不同。从不同职能角度出发的各种功能需求与资源限制都会影响到最终产品的性能表现,所以保持信息沟通的顺畅是很重要的。

信息面板是一种用于增强团队间交流沟通的解决方案。它可以帮助我们对产品当前的状态进行度量和监测,并设定下一阶段的目标;一目了然的呈现方式更加便于团队之间对产品状态、功能预期和设计开发重点等方面的信息进行及时的交流。

我们通常在信息面板中标识以下几个方面的因素:

  • 核心功能需求:列出用户在使用产品时将要经历到的核心功能。
  • 基准评分:列出重点竞争对手的同类产品在这些核心功能方面的性能表现数据。
  • 当前完成度:列出自己的产品在当前阶段中在这些核心功能方面的性能表现数据。
  • 目标:列出自己的产品在这些核心功能方面的目标期望。
  • 进展状态:标明产品的当前状态是否已经达到了目标期望。

mobile-apps-performance-user-experience-dashboard

类似的方法和工具还有很多,包括Android SDK本身,或是TraceView等。

7.UI工程技术

将优秀的设计方案通过相应的技术方法实现出来,也不是一件易事。除了忠实的还原设计方案之外,要使代码同时可以带来高效的性能表现,通常需要专家级别的技术能力,尤其对于移动应用产品来说,需要相关人员拥有丰富的前后台开发经验,同时对视觉及交互设计等方面具有深刻的理解。

布局、图像、动画的输出和实现方式都会牵扯到功效方面的问题;在选择实现方案时,最好从一些具体的方面进行考虑,例如:

  • 智能化的内容加载:可以在合适的地方使用例如lazy loading这样的方式,首先加载当前可视部分的内容,并通过用户的浏览行为触发其他内容的加载。这种方式可以很有效的提升界面功效,使体验更加流畅。
  • 背景图形的加载:背景的实现方式对界面性能的影响也是很关键的;通常情况下,背景图形可以通过整张大图、小图重复平铺或纯样式代码等方式实现。对于不同类型的界面,需要采用最合适的实现方式。

某些项目中,设计和开发等相关部门对于一款产品的责任是分离的;这种情况下,最终产品的用户界面在外观及性能等方面的表现必然也是缺乏统一性的。因为每个团队都有他们各自的目标,所以在那些必须通力配合的地方,例如用户界面性能优化等方面,执行力量往往无法集中。对于这样的情况,我们的一种解决办法是,将前端开发方面的职能角色并入设计团队,这可以让涉及到界面还原和前端效能等方面的开发工作更加符合用户体验设计的工作思路

总结

通过本文,我们可以了解到,每个层面的设计工作都会对产品的性能表现造成不同程度的影响。所以在设计流程中,功效方面的因素是始终需要被考虑到的。否则,在随后的相关流程中,性能方面的潜在问题会越来越多的暴露出来。

对于这七个设计准则,我们已经成功的在很多产品的设计过程中中加以贯彻,并切实提升了产品在性能体验方面的表现,使它们看上去、用起来都很棒!

分类: 9其他 标签:

无觅相关文章插件,快速提升流量