BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

产品

Josh Clark谈移动设备与界面设计的未来 »

我正在采用卧佛的姿态倒在沙发上打着这些字,脚和傻喵的脚互相抵着,电视里放着过把瘾,方言和杜梅离婚了。话说这俩字在这个周末是热词了吧。说真的,人家的事我们似乎压根管不着,只是周五那个雷雨交加的晚上,多少人都堵在路上和地铁上,一切都显得那么怪异与不真实;不知为什么,那晚虽然黑压压的,我印象里的各种东西却像是被闪光灯照着一样空洞的明亮着。

这周拿来一篇InfoQ做的Josh Clark访谈,译文稍长,相对务虚,左顾右盼,畅想未来;其间Josh谈到的话题包括移动应用界面设计、响应式设计、交互模式与隐私、传感技术、和智能手表等话题,有兴趣的朋友可以稍作阅读。今天不多说废话了,开始正经的。

这里进入译文。移动设备的崛起带来了用户界面设计的变革。除了我们所熟悉小尺寸触屏设备之外,物联网的概念也逐渐浮出水面,随之而来的是更多新设备类型;相应的,我们在设计内容输出格式以及诸如语音和手势这样的自然化输入模式的时候,需要考虑的问题以及要面对的挑战就逐渐多了起来。

Josh Clark——业界知名的用户界面设计顾问,《触动人心 - 设计优秀的iPhone应用》的作者——时常在全球各地的设计开发大会中发表关于界面设计的现状及未来的见解。今天,我们(InfoQ)有幸与他面对面就这些问题进行交流探讨。

导读文摘130906 - App体验记录、更多iOS7设计规范译文 »

周五晚上还算精神,既没有一周工作结束后的轻松与愉悦,也没有摧枯拉朽的疲劳与无力;平常心。

于是临时来一发导读;不过眼看着已然10点半了,今天能不能发上来还两说的;平常心。靠在沙发上,看着傻猫猫仰面朝天的睡着,偶尔抖抖爪子,然后自己抱住自己的小脑袋瓜,也许是在做梦吧;听着Foo Fighters,完全是去年这个时节的节奏,仍是秋高气爽,却物是人非。

今次的导读包括两篇已经放在Beforapps上面的App体验记录(均为投稿作品,欢迎各位投稿或瞎聊呗,发coda7210的gmail或者到微博联系我都好),以及我目前所在团队中几位交互设计师翻译的若干章节的iOS7设计规范;个人认为是HIG中最关键的几个章节,关于各类栏、控件的外观、交互规则等方面。

哦另外说,最近试着在这边一些页面侧边增加了一个“推广”,链到一笔一画的iPhone5草图本;她家还有其他一些不错的本子,喜欢的朋友可以看看呗。

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

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

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

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

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

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

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

十佳应用的故事(1) - 想法、产品定义与交互设计 »

眼看着进入8月下旬,天气相比前面几周有所凉爽;所谓凉爽,也只是高温从40来度降到36、7度的样子。

刚刚过去的几天怕是要成为人生回忆当中的经典之一了。依次看掉Metallica和Korn的现场,回想起来,有好多像梦一样不那么真实的情景在里面:夏季的夜晚、暴躁的吉他音墙、灯光、嘶喊、摇摆、泪水、满眼的黑T恤和金属礼、散场后打不到车而坐在路灯下抽烟到半夜...然而,如果要我判断,是现在这样安静的坐在屋里吹着空调做博客更像真实的存在,还是那些回忆里的东西更像,我真的难以回答。

想吃曼妥思了。说正经的。本周及接下来一周的话题,原文来自Jeremy Olson,北卡罗来纳州大学生一枚,Languages的作者。关于产品是如何从想法概念开始最终走向市场,他所谈到的一些经验和实践方法,值得借鉴。

这里进入译文。之所以写这篇文章,是因为我相信,相比于失败,我们能从成功当中学到更多。爱迪生在发明电灯泡的过程中经历了数千次的失败,如果我们仍然要基于各种试验和错误来重新发明灯泡,那简直是愚蠢的。怎样从成功的产品中汲取经验?如今我们有了完整的实践模型。

移动应用产业当中有非常多的闪光点。虽然我很想说我的成功源于自己的才能,但事实并非如此。经过对那些在App Store当中获得成功的独立开发者的反复学习,我掌握了一些用来获取成功的基本原则和实践方法;我也希望这篇文章可以帮助各位读者学到同样的东西。

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就诞生了。

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

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

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

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

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

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

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

八个小方法,帮你成为更具同理心的设计师 »

喝了一个星期的白粥,人都瘪了;忘了荤腥油水的滋味,真能这样素食下去倒也是善举。可突然间又特别想吃午餐肉,另外想到家里猫们吃的罐头的味道,也会立刻淌下热诚的口水。

春暖花开,这是拿offer的季节;事情有了盼头,想想这宅的日子离结束也不远了。虽然天天在家很滋润,可以肆意花时间把书一本本的读掉,不过也真心怕自己又爱上宅的日子而无法自拔;该走动走动了。

念叨完毕,就该正文了。一篇小文,若干贴士,帮你帮我帮大家有意无意的培养意识形态,争做有同理心的好设计师。走着。

这里进入译文。优秀的用户体验设计师应该具有出众的同理心,也就是站在他人的角度看待和理解事物的能力。同理心与同情心是两码事,你不必真心同意或接受他人的观点,但必须对他们的状态感同身受,从主观上理解他们看待事物的角度。

出于以下这些原因,我(英文原文作者)相信同理心可以使我们成为更好的设计师:

关于移动应用的上下文情境 »

印象里每逢春天便会生病的样子,这是一种怎样的精神?10年前非典期间相当给力的高烧与咳嗽,如今恰逢H7N9,又开始疑似起来。就这样我还有心思跟这打字呢?

在很难受的时候,却开开心心的把石康的《晃晃悠悠》又读了一遍,顺便又想到并怀念了一通自己的大学岁月。上次看还是高中的时候呢,十二、三年之后再读起来,确实是另外一番感受。说正经的吧,本周小译文一篇在下面,属于闲来无事可以瞧两眼琢磨琢磨的那种,走着呗。

这里进入译文。要打造终极完美的体验是不可能的,因为每个用户都会以不同的方式使用产品,其中涉及到的因素有方方面面,包括文化、社会环境、个人品味、目标动机等等。

虽然这些因素使得我们难以精确的了解不同的用户在使用产品的过程中产生了怎样的体验,不过,对移动应用上下文情境的研究可以帮助我们对这些因素进行梳理,以便尽可能全面深入的了解用户,有针对性的打造产品的体验模式。

提升产品体验愉悦性的十个方法 »

又是一周过去,宅的日子越过越精炼,连续多日每天读一本书,到了晚上就觉得大脑好像变成了一个卡通形象,就是那种仰面朝天躺在地上四肢无力动弹不得只剩下喘气的小人儿的样子。剩下未读的书不多了,又该补货了诶。来看本周的译文呗,有点长,主要是图多。

这里进入译文。我(英文原文作者)时常和其他设计师讨论到产品愉悦性的话题。在最近的一次聊天中,有人提到这样一个有意思的问题:

我们可以首先专注于提升产品的愉悦性,然后再考虑可用性等其他方面的问题吗?

这个问题立刻让我联想到“形式追随功能”这句话,所以我还是倾向于功能与可用性优先的方式。

不过必须承认,这种通过理性分析入手的“传统”设计思路或多或少会让我们失去一些在创意上实现突破的机会。也许我们可以从“有趣”这个角度展开设计工作,首先聚焦于体验的愉悦性,然后再将整个方案“拉”回到一个约束框架中,使它最终成为一个切实可用的产品?

无论我们的实践方式从哪个角度出发,有一点是无疑的:任何一个成功的设计方案都必须以产品功能的可行、可用、可靠为基础。假设你已经有了一款可用的产品,并且希望为其注入更多能够让用户在情感上为之吸引的元素,那么你应该做些什么呢?应该从何处入手?下面是我的十个建议,希望能够帮你有效的提升网站或应用产品的体验愉悦性。

掌控大脑 - 怎样使产品体验更加符合用户心理及行为规律 »

是的,我仍然宅在家中。每天的正经事儿呢基本就是一页一页的啃About Face 3,偶尔摘录一些精彩的片段放到微博上;副业则是看刘老根。熏的我一张嘴就是东北味儿。这就叫语言天赋。

其实很多时候看书的目的不完全是获取信息,引用About Face 3第十章关于“流”的定义:

“一种深层的、近乎完全的融入状态”,通常包括一种温和的沉醉感,能让你对时间的流逝毫无察觉。

其实和玩游戏是一个道理,都是为了让自己进入一个更广袤却又更封闭的虚拟的外世界;只是换了一种比较有建设性的方式罢了,听上去也更加有成就感。那么来看本周译文呗,在话题上与之前关于情感化设计还有行为反馈循环的文章有些契合。大概8点20分左右发。

这里进入译文。37signals的Ryan Singer最近在一篇观察报告中说:“要做一把椅子,你首先需要清楚人们是怎样坐着的。要设计用户界面,你首先需要了解用户的意识与想法。”

为什么这事儿如此重要呢?因为对用户心理与行为规律的充分了解可以帮助我们打造更好的产品体验,让用户更happy,从而吸引他们反复访问和使用产品,提升相关转化率。

Pages