BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计 - Since 2011

观点

十佳应用的故事(2) - 视觉设计与开发 »

周日傍晚了,心情不好。每次发博客,就像是给过去的一周做个记号;一周又一周,发生过的、想忘记的、要到来的...虽然这里不是个人的生活博客,但在自己看来却像是刻满了记号的墙壁或石碑一样。不说了。

继续“十佳应用的故事”。上周的译文中,Languages的作者Jeremy Olson和我们分享了关于想法、产品定义和交互设计方面的实战经验,今次来看视觉设计与开发方面的话题。

这里进入译文。从这里开始,事情变得真正让人兴奋起来;从这里开始,想法一点点变为现实;从这里开始,我们要将那些被用户真实触控到的界面元素设计并开发出来。

有些人认为,这个阶段就是关于设计制作漂亮的图片的,这是庸人之见。在这个阶段,我们要在每个层次上对界面进行抛光打磨,包括交互方式、可用性和视觉表现方式。一个好的应用会从这里开始变的优秀。

虽然我们希望在交互阶段制作的草图或线框图可以呈现出一个清晰的产品轮廓,但每当看到更加可视化的视觉稿,或是把玩着通过真实代码制作的高保真原型时,我们意识到草图和线框稿是远远不够的。

同样,当我们仅仅在画草图时,很难去设想出一些极具创意性的细节设计方案,而正是这些细节有可能将我们的应用推动至更高的层次上,超越可用性,给用户带来更多更真实的乐趣。当我们开始进行视觉隐喻、配色和纹理质感方面的工作时,将会更容易想到各种有趣的细节设计方案。

iOS7体验报告 - 关于视觉风格、界面结构、字体、动效和可用性 »

好热的一周,似乎只凭视觉就能感到温度了;特别是中午,出去觅食的时候,周身都是被火焰包围的赶脚,但我却很开心,不知为什么。我从来都很喜欢夏天,穿衣脱衣也不像冬天那么麻烦,可以省去很多时间。

最近似乎在微博上念叨过多次,我开始爱上iOS7了,爱上它的各种细节,当然不包括那些过分艳丽、缺乏坚决的内置应用图标。今天这篇文章的性质,印象里在Beforweb这边还真没有先例;从前所有文章都是关于怎样做某些事情,而这篇纯粹是作者的体验报告。个人感觉还算中肯,我能在里面找到一些共鸣;不知其他朋友会有怎样的体会。正文走起吧。

这里进入译文。新版本的iOS进行了彻底的重设计。相比于过去栩栩如生的拟物化界面风格,它走向了另一个极端——光洁的令人震惊。一向以精益求精著称的苹果,这次似乎无法履行自己的诺言了。乍看上去,应用图标有些令人难过,用户界面缺乏结构,所有东西都给人一种未经打磨的感觉。

实际上,iOS7并不那么差劲,远远不是。

Foodspotting创始人谈移动应用的体验设计 »

本周最开心的事情就是买到了8月14号Metallica的票。琢磨着买件新T恤以及一些链子、耳环什么的。算起来约莫有6、7年没这样黑T恤银首饰的在外面招摇了。要不要看过演出之后纹个Metallica的logo去呢。

然后还有和朋友们碰头、唱歌喝啤酒啊,对我来说这可不是每周都可以发生的事,所以同样很开心。突然想到其实就这么点信息量已经足够去YY一些比较接地气的产品了吧?本周的译文与这方面的话题也有些许相关。只有自己的生活够丰富,才会有更坚实的基础来做出接地气的产品吧?从这个角度讲我还是蛮惭愧的。开始说正经的,我很喜欢的一篇小文章。

这里进入译文。今年1月,28岁的Alexa Andrzejewski把她的美食发现类应用Foodspotting卖给了餐饮预订平台Open Table,售价是1千万美金——够买很多饺子和杏仁饼了(哪跟哪这都是?译者C7210注)。

Foodspotting的成功秘诀是什么?Andrzejewski相信,该产品取得成功所依赖的最重要的一点,就是其“扩展到屏幕以外”的能力,也就是充分利用移动设备独有的体验模式来帮助人们将现实生活体验变得更好些的能力。

实际上,催化出Foodspotting产品概念的,正是Andrzejewski本人在改进个人餐饮体验方面的需求。2009年在日本时,Andrzejewski发现了很多闻所未闻的美食,回到美国后,她感觉要在本土找到供应这些美食的店家,实在是件难事。“我觉得,做这么个小项目,比如让你可以找到某种特定的美食,而不只是某类餐馆,可能是个比较酷的主意。” 然后,Foodspotting就诞生了。

谈导航栏返回按钮的替代方案 »

呼,又要夜间上新了。其实自己偶尔还会进去关于Be For Web里面看看将近两年前写的博客开篇语。当时的动力现在仍在,当时爱的那个世界现在仍在爱,并且越来越让我觉得自豪;这让我开心了些。周六晚上有在喝冰啤酒的兄弟姐妹吗,有的话我们虚拟碰个杯吧先,周末愉快=)

前面连续做了13篇iOS7预发布版界面设计规范,这周开始重新回到正常节奏,上一些小文。今次的小话题是关于返回按钮的;其实还少谈了一种越来越普及的替代方案,也就是将返回按钮做到底部标签栏或是工具栏最左侧;当然,准确的说,这种情况下容器本身也不能再叫做标签栏或工具栏了。那开始吧。

这里进入译文。我(英文原文作者)爱iPhone5,那多出来的640×176像素的空间非常有用。不过我时常会在点击那个最重要的按钮时遇到麻烦,是的,就是返回按钮。UX设计当中有一条规则,如果某个功能是很常用的,那么它应该被放在最容易点击到的位置上。

49%的移动用户在使用手机时是单手操作的,这就意味着每两个用户当中就有一个会每天多次通过单手来点击返回按钮;算起来的话这可是数以亿计的点击率。如果手机尺寸略大,那么你将不得不使用另一只手来点击返回按钮。我猜这也是很多安卓手机会在左下角放置硬件返回按钮的原因之一;不过这种解决方案也不是最优的,因为在安卓平台中,应用内的“返回上一级”按钮与硬件返回按钮的功能还是有所区别的。

iPad是真正的移动设备吗? »

我想今天应该是周日。甚至有些阴冷的赶脚。端午放假的日期与其他地方不太相同,所以明明大家还在上班的日子,我窝在家里做做博客。

一天没吃饭,却在最扛不住的时候和以前的同事聊起地方小吃方面的话题,天津的煎饼果子,南京的皮肚面,把自己馋的半死,简直蠢到家了。最受不了的是我现在竟然还在这里写这件事。这让我想起06年进入Web行当之前那段惨烈的日子,每顿只有馒头,没菜,最后一边抽烟一边吃,权当是作料了。

头昏昏的,不说闲话了。恰如其分的在比较需要的时候发现这样一篇关于iPad应用设计的文章,拿过来做下译文,分享给大家,走起。

这里进入译文。有次在轨交上,我(英文原文作者)的安卓手机挂了。我应该记得自己要在哪站下车的,但和如今的很多人一样,我太依赖于科技了;后悔不该把这些信息全部记录在手机当中,应该依靠自己的大脑呢。

等等,我的背包里还放着iPad和笔记本呢!

可我觉得为了查看Google地图,在一群乘客当中无论拿出这两样设备当中的哪一个都显得很扎眼。最后我还是选择了iPad,毕竟小一些,而且有3G,不过我总觉得身边的人在盯着我的屏幕看...我这些纠结其实是有原因的,因为据我观察,上班族在路上更多的是在使用智能手机或Kindle这样的设备;无论在车站还是车上,或是走在路上,端着iPad的人真心不多。

超越按钮 - 谈手势驱动的移动界面设计 »

一周一周的忙成熊样了,以至于周五晚上几乎没有意识到已经周末,以至于今早准时爬起来喂过喵们之后又准备洗漱上路了。btw,儿童节快乐,各位。

进入新公司一个月,做的事情多起来,面对的人多起来,感受也便多了起来;有时需要提醒自己屏蔽一些信号的输入,以便稳定自己的输出;吃一堑长一智,之前两三年经历过的那些让自己在很多时候容易过分敏感,但我想换个角度说那叫做“经验”。

话说又是暗暗的一个周末,对着博客后台,听着Slash在2010年的专辑,琢磨着8月份Metallica过来Live的情况,希望能够像这次一样顺利的买到票。你看,年少时立志此生必看的演出当中,一个已经成行,一个也将要在眼前了;事情就是这么有趣不是么。那么私事就念叨到这里吧,我们来看本周更新喽。

这里进入译文。作为设计师,你也许还记得苹果刚刚发布iPhone时的情景吧,我(英文原文作者)觉得那就像是昨天发生的事情一样。他们将电容触屏技术完整的运用到了这样一个私人化的重要设备当中,这是具有里程碑意义的时刻,同时也改变了整个业界的游戏规则。

若干年之后的今天,连小孩子们都已经习惯了触屏体验,好像这是非常自然的事情,而家长们也会惊叹于他们的孩子可以如此迅速的学会使用触屏设备,包括手机和平板。这也体现出触屏设备及基于手势的交互模式所具有的巨大潜力,它们让移动体验变的更加容易和有趣。

费兹定律与移动应用界面设计 »

说天热吧,回头看看房间里面窗帘还在随风起伏,灯也关着,于是想到了X档案。最近看的有点多,以至于很多时候会想到。话说去年这个时候是第二遍看Lost,也是蛮进入状态的;正好当时6月份去三亚,坐飞机还忐忑来忐忑去的,你想,海南那里,也是个岛。

然则又是忙碌的一周过去了,评审、迭代、封板,如释重负,下周开始继续新的轮回。周五晚上和之前在点评的同事们小聚,看着大家在那里,一起叽叽喳喳的八这八那,便时不时的有种穿越的赶脚,好像转过天来还可以和他们一起上班一起吐槽似的。真的好开心,一点也不想结束。

又然则今次想唠叨的闲话还有些的样子。譬如上周日花了一下午录了点新段子嘛,一轨一轨的可纠结了;接下来一整周都会想到10年前这个时候录demo,主琴从来都是一遍下来,完全不用分段去录,如今简直是没出息到家了。决定明天还是尝试着连续录音吧,当作挑战好了;但想想看挑战的目标竟然是自己10年前轻车熟路的东西,也不禁黯然神了个伤了。那么闲话就到这里吧,进入今天的正题好了。

这里开始译文。费兹定律(Fitts' Law)是人机交互理论当中的一条基本原理,在约莫60年前被提出。对于传统桌面端设备来说,这条定律是非常重要和关键的;不过如今,受到移动设备大潮的影响与推动,很多传统交互设计原理在新兴平台当中都有着不一样的呈现,费兹定律的运用方式是否也与过去相同呢?

在本文中,我们将一起了解一下费兹定律的基本原理和组成要素,然后来看看怎样在移动应用的设计当中对其进行恰当的运用。

应用推广站点的最佳设计实践及优秀范例 »

上周没做更新,实在忙了些许,所以道个歉先。其实这周末同样把工作带回家了,不过都压缩在明天吧,希望能尽量多的搞定;今天还是照常把博客更新起来。

眼下正用电视放着上周的Slash末日之爱现场。是的,周二,本小博主去现场看了,也在微博上发了些照片。这是我等了将近20年的Live,真正来到眼前时却有些不大敢相信是真的了,当时唯有靠不停的摇着喊着跳着跟周围的人挤着才能提醒自己真的是身临其境了。不过后果就是接下来的几天脖子都直不起来,多多少少有些没精神。对我来说这辈子必看的现场还真不是很多,活到30岁算是实现了第一个也是最重要的一个。好吧,说正事儿喽,今次是关于App推广站点的话题。

这里进入译文。人们对于应用产品的需求总是没够的,毕竟,这些小东西可以让我们的生活变的更加简单快捷,它们帮助我们记住事情,寻找信息,发现身边的事物,结交各种有意思的人。

应用类产品迅猛而持续的发展趋势无需多言,当人们需要一款软件时,无论是用在iPhone、安卓,还是在MacBook上,他们通常都会面对非常多的选择。应用在让人们的生活变的更轻松的同时,也越来越容易被创建。

要打造一款成功的应用,你需要做的再也不只限于产品自身的设计与开发,营销推广方面的工作同样是非常重要的,其中最典型的做法就是创建产品推广页面或minisite,向人们介绍你的产品。曾几何时,所谓的“介绍”就是告诉人们这个产品是个什么东西,你为什么需要它,等等等等,和其他传统行业的产品介绍网站没有多大区别。不过在我(英文原文作者)看来,这里还是有些很关键的区别和技巧的。本文中,我将和大家分享五点应用推广页的最佳设计实践,以及若干非常不错的设计范例。

怎样在iOS设计规范的框架下构造灵活的移动体验 »

那,怎样想也都是宅在家里的最后三天了吧。今天下午试着骑车去新公司,四十分钟的样子,一路风风土土,有点闹不住呢,怎样想也还是地铁更加像话吧。

我有个毛病,就是每逢假期或宅期伊始便会告诉自己,“这就开始了哦,很快便会过去的吧,好好享受呢”,然后真的就很快过去了;到最后几天的时候再回想一开始告诉自己的那些话,便觉得凄凉与不舍了。这不有病么?再剧透些,其实现在眼前电视里正在放着日和,接下来发好这篇之后便要喝些啤酒看看X档案。话说我昨天又梦到大灾变了,龙卷风天塌地陷妥妥的。那么,说正经的吧。

这里进入译文。如果你在iOS应用设计方面有过一段时间的工作经验,那么多半会听说过“HIG”,也就是人机界面设计规范(Human Interface Guidelines)的简写。这份苹果官方文档的内容十分广泛,为设计师与开发者提供了一系列打造iOS应用体验的最佳实践。

HIG所关注的是一套普遍适用的设计原则,其中绝大部分内容是关于iOS原生容器和控件的使用方式的,也就是你在iOS自带的邮件、通讯录、日历、Safari浏览器等应用当中所见到的那些界面元素及交互模式;这些已经成为iOS应用体验的一种官方标准。

HIG方面的话题通常可以在设计师群体中引发强烈的反应。其中一部分人会将HIG视为圣经,而另外一些人则认为官方的规范不够灵活,比起其他一些移动平台来说,在体验模式等方面甚至有些过时。市面上的一些应用,譬如Clear,已经大规模的摒弃了iOS的标准控件和传统交互模式,旨在为用户带来更加独特和前沿的体验模式。

移动应用可用性测试的实践经验总结 »

印象里,似乎最近地震的消息蛮多的,世界各地;前面一周的天气也是大起大落的赶脚,很热接下去又很冷。

我很高兴自己接下来可以投入一个绝对以移动产品为主的工作当中了,终于。这事儿可是真心盼了好久,却始终因为各种原因无法实现。那么,在这里感谢所有有意无意帮助我走进这个阶段的人吧,无论你们是否可以看到。对我来说,每年的春天总会或多或少或大或小的发生些能够让自己记住很久的事情,今年在工作上的进化算是不错的一笔。

不多念叨了,进入本周译文。我个人觉得很受益的一篇文章,作者总结了自己过去几年中在移动产品可用性测试的工作里获取的一些实践经验,或是说小贴士小方法,值得借鉴。走起。

这里进入译文。如果你不大熟悉移动应用的可用性测试,没关系,这事儿没你想象的那么困难;不过移动应用与传统网站产品在可用性测试方面确实有一些关键的区别需要我们注意。

过去的几年当中,我(英文原文作者)为不少移动产品做过测试,从戒烟应用到移动版的车辆保险网站,其中既包括在实验室使用复杂设备进行的测试,也包括在各种实境化的条件下进行的非正式测试。在本文中,我将为各位分享一些经验心得,希望能帮诸位在实际工作中节约时间,提升效率。

Pages