BeFor Web

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

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

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

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

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

本该昨晚就更新上来，却因为家里的破事而耽搁到今天上午。想想最近几个月里有多少个周末甚至工作日的夜晚是以让人身心俱疲的折腾来结束的，自己都懒得计算了。每当这种时候就会觉得，除了日复一日的努力让自己的各种目标尽量实现以外，别无他人别无他法可以依赖。可惜产生认知总是需要付出代价，总是需要经历过才能开始觉察。

平时生活和工作中，与他人之间的互动成本，总是能够被自己很敏感的体察到。往往到最后，互动所产生的收益甚至要被自己忽略掉了，而互动成本几乎要成为决定是否继续保持互动的根本要素；归根结底，也许还是因为自己预期当中的或是实际当中的收益没有高到能够让自己接受那样的成本；生活本身就像产品，而我们自己一方面是产品的组成部分，一方面又是它的用户。如此莫名其妙不着边际的言语，其实是这篇译文做下来之后结合自己的生活工作而产生的结论。挺好的一篇文章，来自Nielsen Norman Group，结合具体案例诠释了一个比较理论化的概念。然后我就举一反三发散思维了么。说正事儿吧。

这里进入译文。交互成本指的是用户在网站或应用中为了完成目标而产生的费力度总和，包括心智与肢体操作两个方面。

理论上讲，我们都希望用户在打开网站或应用后能够立刻看到他们所需的信息。这种情况下，交互成本为零——简直是可用性领域中的圣杯。

不幸的是，零交互成本在现实当中是相当罕见的，因为绝大多数网站和应用都会为用户带来很多他们有可能需要的东西。很多时候，用户必须四处观察，阅读，可能还要滚屏，然后找到一个链接，点击它，等待页面加载，如此往复很多次。有时可能还会有新窗口弹出来覆盖在之前的内容上面，然后用户就必须将注意力切换到新窗口上，可能还需要重新回到原来的页面上，以便将两个窗口中的内容关联到一起。有些情况下，用户还需要记住一个页面上的内容，然后再提交到另一个页面当中。所有这些行为都需要认知成本，相应的提升了交互成本。

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

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

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

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

一周，跌宕起伏的一周，无比焦虑和茫然的一周，做了人生第一次油压和刮痧的一周，和老同事们又一次开心碰头聚会的一周。周五晚上开始，天气凉快了下来，风吹的整个人都好清爽。

每到这样的季节就会很想听Wish You Were Here，平心静气；去年或者前年的这个时候有在博客里提到过没？似乎有。话说这种天气给人的感觉有点像iOS7；不过也许是因为最近几周做了太多这方面的工作，所以在完全不搭界的事物之间莫名其妙的建立起关联也是有可能的。今天见到一篇小文，篇幅很短，却言简意赅的表达了一两个重要的核心观点；拿来翻掉放上来分享给大家，希望能帮助各位道上的朋友在iOS7风格的问题上看的更清楚一些。

这里进入译文。眼下，也许所有的iOS应用设计师都在琢磨着是否应该开始向产品中融入iOS7原生的外观样式，还是应该继续保持已有的视觉风格。

iOS7还是不iOS7？两条路线都有各自的好处，包括市场、业务和设计机遇等方面。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

等等，我的背包里还放着iPad和笔记本呢！

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

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

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

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

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

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