BeFor Web

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

周末好时光，寂静似温床。初夏虽无暑，啤酒却清凉。

好诗。把一堆乱七八糟的东西浓缩成20个字；古人的情怀比起如今140个字的世界来说更加不扯淡。

记得高一那年夏天，大约是1999年的这个时候，要选择接下来学文还是学理；一直认定自己内心更加适合学文，而且当时一个关系不错的喜欢Nirvana又会弹钢琴的姑娘选了文科...但是按“寻常路”的思维来说又没道理不学理，男生，数理化还算过的去(后来证明其实过不太去)，记性又不太好，不适合背大段大段的东西...做决定之前的那一天相当纠结。最终还是选了学理，于是在悲惨和抑郁中度过了中学时期的最后两年。

不follow自己的内心，大约就是这样的结局哦？话说今天的更新，属于比较“特定”的情况，关于照片处理应用的话题；个人工作方面的关系吧；普世性也许不是很强。不管了啊，进入正文了。

Visual Supply公司出品的VSCO Cam是一款时尚并强大的移动端照片处理应用，无论在App Store还是Google Play都有着4.5星的优异战绩。VSCO有一大批忠实的用户群，而且他们的Grid(应用内置与在线的照片流)当中有着很多我所见过的最美的照片。在2014年5月，他们成功融得4000万美元的投资。

有的老小伙伴要去霓虹国，有的老小伙伴正在生宝宝，有的老小伙伴正在香港兴许还在琢磨着去霓虹国的小伙伴会不会帮他带手办；不知还有些什么小伙伴在看着什么电影吃着什么美食逛着什么街血着什么拼。想到这些觉得蛮开心的不知道为什么。

这周末公事私事缠身，着实没有时间做文章的更新了，便零七八碎的拼些小时间出来做一期小处见大。哦蛮久没有做过了，一直以来关注的LittleBigDetails也没太多新货了；倒是在想，接下来继续做的时候还可以挖些他家的旧货出来，虽然那些蛮早以前的App或Web服务可能已经有过多次改版了，但是那些细节当中的设计精髓毕竟不会随着时间的推移而褪色。

那这次就开始了；发现有不少是Google的；今天也花了不少时间研究Glass，有兴趣的同学也可以翻翻之前的两篇文章，“Google Glass日常交互体验”以及“为智能眼镜而设计”。走起。

上周四和小伙伴们去了辰山植物园。然后预订今天和老小伙伴们再次去辰山植物园。然后因为刮风下雨没去成。没了野餐，没了蛋糕，没了小春游。一切讨厌的事情全都怪天气不好。

周末伴随着坏天气很快就要过去的样子这让我觉得很没劲，根本就是任何事情都没什么心情做，站也没建书也没看琴也没弹，完全没有建设性！...话说博客也是正事，继续上周关于Beacon基础知识的话题，开拓开拓视野呗。下面进入译文。

OK，我们已经了解了Beacon是什么，很棒。接下来的问题是，作为设计师，我们能做些什么？我们能在这种技术平台上打造怎样的交互体验？

我和我的搭档Nick Urban决定把这个问题拆解，将Beacon涉及到的交互模式进行分割，以一种清晰的、尽可能非技术化的方式把其中的每个方面都搞清楚。

周四，小假期第一天，天气非常之不错，但是生物钟不对，没在休息的点儿上，整个人都觉得有点别扭。眼看着猫猫伸伸梅花爪换了个方向继续盘起来睡。

又想看《三体》了，2012年的这个时候第一次看，去年也是，然后现在又想，这也是生物钟吗？还是这季节这温度这味道让大脑里的什么记忆模式又开始共振了。无从了解。

话说Beacon这事，从第一次听到iBeacon这个词开始就对这个概念特别有好感，也许是觉得太形象太优雅太有情境感的缘故吧。只是平时最多看看新闻消息然后收藏一下，没有专门对待过。昨天看到一个系列的两篇文章，首先介绍了Beacon技术的大致概念和应用情境，然后是针对Beacon设备的交互设计话题，很喜欢，于是决定分两次把译文做掉。希望自己加深理解，同时对大家也有些学习价值吧。下面进入第一篇的译文。

Beacon(中文“灯塔”、“信标”)是一种“邻近系统(Proximity System)”。在该系统中，运行在智能手机、平板电脑、可穿戴或其他计算设备上的应用可以对“Beacon设备”发出的信号进行响应。

Beacon设备自身是一种小巧而廉价的实体设备，你可以将其放置在某些场所，向处于一定距离之内的“响应设备”发送信息。

周六晚间了，似乎还能听到外面滴滴答答的声音；从夜里开始几乎下了一整天的雨吧？

本想在这里详细记录一下今天带斑斑检查身体的事，想想算了；每次自己在过去的博文中看到关于推推的那些记录，心里仍然会难受。倒是要在此再感谢一下在微信里发来关心的朋友们。

话说上周买了瓶葡萄酒留着平时喝两口；不想再依靠威士忌那样久而久之容易伤身的东西了；却发现自己也真是没什么欲望了；倒是每次和同事朋友聚会喝喝清酒觉得越发的舒服。一口口灌烈酒的阶段(再次)过去了，真不是坏事；反正总还会来的，恩？

今天的译文来自Theresa Neil，也就是《移动应用UI设计模式》(O'Reilly大公鸡)一书的作者；本文所讨论的话题也是从这本书延展出来的：作者在实战中运用自己书中归纳出的设计模式，遇到问题，继而开始重新思考...接下来进入译文。

对于设计师来说，设计模式库是很棒的灵感来源，不过常见的实践方式未必是最好的。本文中，我们将一起看一看为什么很多移动应用的新手教学模式并非那么有效，以及我们可以从游戏设计当中汲取到哪些理念来帮助我们选择更加有效的设计模式。

仔细想想，上周什么事情都没有发生，似也无从念叨；这不是最好的状态么？周五和老小伙伴们碰头聚会，吃香喝辣，谈天论地，确是痛快。

说到吃，昨天剪好头发在家门口小店买了炸鸡排，这是一直以来的习惯。自从小理发馆换了老板，体验便一次不如一次；自从炸鸡店换了老板，鸡排便越来越难吃；又想到从前常叫的外卖譬如拉面馆的炒面啊大盘鸡啊还有西北馆的各种风味小吃或是每到夏天都会犯瘾的烧烤，全都不好吃起来。

才一两年的时间，好的都变得不好了，这事儿让我想起《基地》，丹莫茨尔撺掇谢顿研究心理史学时反复强调的衰败衰败...我不觉得自己在生活的细节里过分敏感，感觉正在变坏的，确是在变坏；真讨厌。

话说今天这篇文章，最近几日看到到处在转另外一版译文，相对浓缩一些，也挺好看的；我学我的，我做我的。文中阐述的思路和具体方法，值得各位设计伙思考与参考；“术”未必对所有的产品都适用，但“道”确是皆通一理。下面进入译文。

Cluster是我设计过的第一个iOS原生应用，整个历程让我学习到了很多在过去的Web设计当中不曾考虑过的东西。在Web世界中，你通常只需要创建页面让用户浏览或使用，而在iOS上，除了引导用户下载并使用你的应用以外，你时常需要向他们索取各方面的权限，例如获取地理位置，或是访问通讯录、相机、照片等等。

在设计Cluster的过程中，我们在很多细微却充满变数的交互环节里花了不少心思，以提升用户的满意度及信任感；其中“怎样向用户索取权限”就是我们关注的重点之一。

好雨可劲儿下，皱皱眉头不算英雄好汉。正在看98版水浒。

提到水浒，便能想到三件事情。一是小学大约三年级的时候，去图书馆借书，眼看着那边摆着一套水浒的连环画，便和管理员吆喝着“我要看那边的水许”。二是小学里第一次学到鲁迅的文章，老师提问鲁迅原名是什么，我的同桌小伙伴连手都没举就喊了一嗓子“鲁智深”。三是98年初，正是初三寒假，晚上时常溜去街机房玩真侍魂，正好是央视放这套水浒的时候，老板天天看，我就一边玩一边听电视，记得放到潘金莲害死武大郎那段的时候我正在打服部半藏。如今很多事情，转眼就忘；而这些想起来甚至好像能闻到当时味道的回忆，自己都不知道是怎么印在脑海里的。

雨声越来越响，房间里越来越昏暗；我想干脆钻到被窝里听着“大河向东流...”睡去好了。

之前一周过的相当丰韵。入职新公司，大路夜考，临时抱佛脚啃掉科目四的笔试。想起来也是恍恍惚惚的，过山车一样就到周末了。车学完了，就像了了心病，又像刮出一身的痧，心明眼亮，身轻如燕。我考虑要不要另开个博客专门用于扯来扯去好了。噗。开始说正经事儿，这周不做价值观了，关注一点简单而有意思的设计技巧。下面进入译文。

在移动体验的设计当中，界面的响应速度是我们需要重点关注的。移动用户所处的典型情境通常会使他们的注意力更难集中，耐心更有限。如果交互的触发或内容的加载需要让用户等上太长的时间，那么很少有人会不动声色从容不迫的听之任之。

上周买了辆新自行车，轻轻的快快的，每天趁有太阳的时候出去骑一骑，心情舒畅；只是外面太脏了，路上灰灰的，所以今天又买了口罩。话说口罩前面做个拉链就好了，拉开就可以抽烟，不需要摘下来。

待业假期过半，还剩一周，该看的书还没看完，倒是把Quake4又通关了一遍...难得玩玩游戏，也就原谅自己了...其余很多时间又被Slam Dunk的动画片占据了(现在就在看)...其实从来都不太喜欢动画版，太拖沓；96、97年那时花了蛮多零花钱到处搜刮终于攒齐了一整套书，当时的引进版叫做《篮球飞人》诶；后来被叫做灌篮高手了，矫情。记得买的第一本就是三井回来砸馆子那集，激动啊，看着那么多人一起打架...

那，不说闲话了，趁天气好，进入本周正文时间。下面开始译文。

不久的将来，我们设计的每一样东西都会与情境有关。

如今，广告商比Web/App设计师们更明白一件事：情境。广告商必须对情境敏感，才能知道在什么时候以什么方式展示广告。他们有人专门负责判断在何时何地展示内容，因为他们知道，如果没有情境，广告就没有任何价值：在关于石油泄漏的纪录片当中插播油气公司的广告，或是在关于PETA(善待动物组织)的故事中播放培根广告，这些都是浪费广告预算的典型例子。

大晴天真是稀有，赶快写下来；一次一次记录阴郁风雨的天气简直让我烦透了。

终于进入三月，双鱼的同胞们开始此起彼伏的过起生日来，莫名的有种喜感。那，祝双鱼们开心，每日有快乐，天天出太阳。明天就进入last week了(有这说法么?)，想想去年这阵子也是工作方面的动作，每天自己窝在家里除了看书就是看书，爽翻；然则今年还要继续为大路而犯愁(第一次没考过)。

哦，昨天终于去看了看中医啊，我就说么，一直觉得身体不爽，西医怎么查怎么OK，医生都烦了，也不愿和我交流沟通...中医就好很多，望闻问切，很有交互感嘛。我也知道这半年各种不开心的事情对自己的情绪和身体的影响，我也知道前两个月那么多烈酒和咖啡有多伤身...从此我要像水一样从容流淌不以物喜不以己悲动若脱兔静如处子...有人看到这里觉得我需要看精神科吗？

那么我说正事吧？前面做过几篇价值观、一篇莫名其妙的洗衣机界面重设计...今次回到移动应用的dirty job当中，搞基层建设。来自Nielsen Norman老爷子Group的小文一篇。下面进入译文。

如今市面上的很多应用都会在初次加载时提供“教练画板”形式的新手引导或教程任务(画着各种使用说明的半透明浮层)。此类引导有时确实可以帮助用户以正确的方式使用产品，不过很多时候也真是没有必要。如果你决定在自己的应用里增加这样的新手引导，那么不妨参考本文提供的一些设计原则，以打造出更有用的引导，而不是让用户只想赶快跳过的障碍。

大路挂了，泄特。其实我把三公里都开下来了；考官说，靠边停车；我心里就开花了，就靠边停车了，就忘打转向灯了。考官说，你想害死我还是害死你自己？我心说至于的吗？

是啊，至于的吗。然则明明周五下午了又来插播小处见大了，大约是之前太多日子一直全身心的浸泡在灰暗的天气和大路当中，眼看太阳出来了，一两周内也不用去大路了，便想多做点东西让自己发泄和调整一下。多健康的发泄方式啊，恩？

话说小处见大这个系列今次做掉之后就暂时告一段落先，当然以后还会积累着做着。昨晚和老朋友喝茶抽烟聊设计差点把我抽死，但是一通侃下来，心里越发想在Beforweb这边多做些价值观方面的东西了；我不知道，扪心自问我也不想让这里成为一个只会打嘴炮而没有很实战化内容的地方；我不知道，我，我们感到，如今整个环境当中，最不缺少的其实仍是价值观方面的问题。当然我这里所用的“价值观”一词涉及的范围有些广了，设计工作细节层面、用户体验策略层面、产品和公司层面...你知道，现实当中太多事情，所谓对错只是角度问题，所谓成败也只是折中与权衡的度的问题...what the fuck am i talkin' about...