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

原创翻译

情境,一切在于情境 »

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

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

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

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

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

吐槽向 - 关于Dribbble、设计社区、圈子、互捧够友... »

又出太阳啦!这事儿在如今简直就是大事件。周日;我的喵刚从键盘上肆无忌惮若无其事的行走过去,踩出一堆乱七八糟的喵星文,大概是喵了个咪一类的;然后到客厅书房厨房视察了一圈,发现没什么状况,便回到屋里抓了一会瓦楞纸板,继续睡去了。小样。

接下来可以在家休息几天噜,爸妈建议我没事到那边绿地溜达溜达晒晒太阳,那也要有太阳才好;完全没有休息的心情,直到把大路考出来,心中雾霾方能散去...

好吧,又是一篇唱反调的东西。虽然每篇译文最后有一句象征性的“译文代表原作者观点...”,但其实不代表我个人观点的我基本是不高兴做的,对吧?尤其是这种,上学时叫做什么,议论文。有时想想,既然是差不多的观点,干脆自己整理整理写出来好了,干嘛还要翻译人家的?想来想去答案只有,懒。要把自己脑子里那些横冲直撞漫天飞扬的东西围绕着一个明确的核心清清楚楚的整理出来,需要花的时间两倍于做一篇译文也不止哦?所以姑且,借文言志了!激毛动。

关于Dribbble,或是类似的一些“圈子”、“社区”,其实一直以来都有些,怎么说,不愿过多掺合的感觉(当然无论什么圈子我都不乐于掺合,这倒是真的)。国外如此,国内的尤甚,我只觉得,什么设计社区,无非互捧够友、自娱自乐;当然也不能说一无是处:逛逛素材,看看想法,最多这样了;若是真当成个要混要泡的交际场,勾搭一帮整天膜拜你的小朋友,扬个鸟名立个鸟万,什么图标粉丝...当心把自己和别人都毁了;你不把自己当设计师,就别怪别人管你叫美工。当然人家可能真就不把自己当设计师;这事儿是我多虑了。

呼呼,三言两语,不知所云,有的没的,各位多包涵吧;若是真的得罪了谁,那我只能抱歉的说一句:我说这些就是为了得罪你们的喽。下面进入译文。

关于移动应用的新手引导设计 »

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

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

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

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

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

男人的方式 - 洗衣机操作界面的重设计 »

周六,早上睡不动懒觉、吃过午饭又困的要死的周六。早上起床之后做的第一件正经事却是把接下来一两个月眼见着必须购买的东西列了个单子,像是能让自己在休息日里尽快兴奋起来,但是列好之后又觉得头皮有点发麻。

前些天看中一把二手琴,真是心仪,也不贵,只是属于自己所说的“非当下必要物品”的范畴当中,于是哼哼唧唧的一边劝解自己还是节约一些吧一边又告诉自己如果3月份过生日的时候这把琴还在的话就买来送给自己。自欺欺人。

昨天在微博里念叨了关于本子的事情,所以也在欲购清单当中。有些时候,数字化的东西,怎样都缺少那种微妙的情感联系以及实实在在的交互感。话说今天的译文,怕是这个博客里面第一次涉及非互联网及移动产品的话题;虽然如此,却也万变不离其宗,道理依然是产品与交互设计里的那些道理,老爷子的《设计心理学》里不也总念叨洗衣机么...

这篇文章的原标题为“给男人用的洗衣机”。作者提出一套简单的操作界面优化方案,使其更加适用于“男人的需求特征”(简单直接效率优先);但作者想表达的到底是“为男人进行的重设计”,还是“为多数普通用户进行的重设计”,这个还是由各位自己判断吧;我个人倾向于后者;80%与20%的需求类型决定产品设计的事儿罢了。

进入正文之前,先放一张我家洗衣机的图片:

以UX为始,塑造符合用户目标的产品 »

阴雨,阴雨,阴雨,没完没了的阴和雨。过完了像夏天一样的年,刮了几天冷风,然后便回到阴冷潮湿的典型的上海冬天里来。我总在纳闷这种气候条件是怎么孕育出人类文明的?

这都过了元宵节了怎么还那么多放炮的呢?话说今天一早迷迷糊糊的听见外面滴滴答答的雨声,马上开始琢磨下周三大路考的事,当天会不会下雨啊线会不会看不清啊反光镜上会不会都是水啊要不要自己带一块抹布啊。拿出手机看看天气我就绝望了,周三不仅下雨而且是这周最冷的一天;之前考小路的日子也是又冷又雨。整个冬天的印象就是又冷又雨,讨厌死了啊!

瞬间平静下来停止撒泼,进入本周译文时间。又是一篇价值观啦。哦话说最近看了那本讲亚马逊的《一键下单》,还好嘛,虽然写的蛮平的,但关于创业起步、野蛮生长的内容以及从一开始就以用户目标和需求为中心打造产品的中心思想看着还是挺过瘾的;正好和这周的更新有契合。下面进入正文。

在很多人看来,用户体验设计就是关于创建让用户容易理解和使用的界面的。这不是很确切,也不是UX设计的核心问题所在。

不知你有没有注意到,如今越来越多的公司开始展(biao)现(bang)出对用户体验设计的关注;多半是因为看到苹果的成功,大家似乎一夜之间就明白了设计的强大力量。

那些小处见大的设计细节(8) - Facebook Paper专题 »

好冷的一天。早上练大路时,突然见到雪花飘落在车窗上面,便对师傅讲,“下雪了诶”。师傅没有搭理我。

写了上面这段话之后顿了好久。心里沉沉的冷冷的。不想下周到来,也不想情人节/元宵节到来。那么暖的一个春节之后却是一段如此冰冷的日子,工作和生活当中将要开始有reset;不过至少在某些方面看到了“一年之计在于春”的希望,也还不坏。

说着说着要沉下去了,看看正经事情。今次不去收集Little Big Details了,因为正好看到一篇关于Paper的文章,作者从交互的角度汇总了TA所看到的22个设计亮点,蛮适合拿来做“小处见大”的。

这什么Paper的时髦我只在Beforweb里赶这么一次。在同事的手机上把玩了一会,第一感觉,确实惊艳,甚至有些震撼,翻了几个界面就看到一些非常值得学习借鉴的设计(基本都包含在本文中了);但不能不说接下来有些忙乱和无所适从的感觉,好像迷失在它的交互空间里面,或许是不大熟悉各种炫酷的交互方式及动效也未可知。

仁者见仁智者见智,无论如何,我个人的态度:这样的产品具有太强的“榜样”和“标杆”性质;在学习和“拿来”的过程里,也千万不要忽视自己产品的特性、所面向的用户群体、所要帮用户解决问题的恰当方式,等等。无脑的跟风一会毁了自己的东西,二会给业界带来坏风气。我shut up,进入正题噜。哦对了,原文提供了动态gif来演示相关动效,由于文件太大,我只在这边正文里放了较小的静态图;要看实际的动效,你可以点击每段文字后面的“查看动态gif演示”;每个gif的尺寸都蛮大的,会在新标签中打开。

设计师...我们是否名符其实? »

年初一喽,新年吉祥啦各位。有多少人和我一样早上5、6点就被楼下的二踢脚和鞭炮吵醒然后骂骂咧咧的熬上半天才能继续入睡但也睡不踏实只能起床的?

说好过年期间博客也不会停下,新年头一天的早上就安安心心的坐在这里做博客,这事让我觉得很开心,像是这一年都有了好盼头。说大了。昨天教练告诉我2月19号考大路,而我到现在连大路都没上过,这就是新年里让我焦虑的第一件事。

不唠叨了,说正事吧。新年假期里不打算做太“正经”太“技术”的东西;今天这篇纯粹关乎价值观。价值观,主观论调,自然会带来争议,希望各位和我一样能从里面汲取些说的通的道理便好。下面进入译文。

我们把自己叫做设计师。这事里面可有点讲究。

我(英文原文作者)在与软件行业当中很多同行的互动过程中,发现不少人都自豪于“设计师”这个雅号。谁说不是呢?这是个很酷的title,听上去充满了创意风范和耀眼的才气。

聚焦目标,取舍有道 - 关于设计中的权衡与决策 »

明明是周六,但是怎么都觉得是周日啊,因为明天要上班...眼下看着宰相刘罗锅...上次看还是初一的时候,1996年;故意暴露年龄了噜。

短暂的周末上个新都觉得捉襟见肘,一篇小文,作者讲述了自己在设计一款天气应用的过程中关于灵感、目标、取舍方面的感悟,从产品层面的原则到界面设计层面的思路,一并分享给大家。

这里进入译文。我们最近上架了一款天气应用,Skyline Weather。我是在睡觉的时候想出设计概念的。

很多东西的想法都是从梦里产生的。据说保罗·麦卡特尼就在梦中写出的Yesterday这首歌。又据说他接下来花了几周时间到处跟人打听他们有谁听过这首歌,直到足够多的人都说没有,他才确定这确实是他自己的原创的、从潜意识当中飘忽而来的歌曲。

再据说,伊莱亚斯·豪也是在梦中完成了他的缝纫机发明。他梦见自己被捉到了一个原始部落,原始人把他绑起来准备烤着吃,而他敏锐的注意到原始人使用的长矛在末端都有一个小洞。正是这个细节启发了他,进而搞定了缝纫机的设计方案。

而我自己,则是因为流感而卧床…当时我想看看接下来的天气情况,于是浑浑噩噩的拿出手机,却发现自己难以透过惺忪迷离的双眼在任何一个天气应用当中快速而轻松的获取天气信息,特别是接下来几个小时内的天气变化。我感觉这事儿里面一定有优化和简化的工作可以做。

案例学习 - Grocery List的iOS7重设计 »

周六中午,仍没什么阳光,却也不算阴沉,说冷不冷说暖不暖,我把这种天气叫做棉花天。太棉花了,打不碎揉不开,蒸不熟煮不烂的。

这个博客,就像个日历,一周又一周,一月又一月,一年又一年;有时自己不太敢看以前的东西,特别是开篇的闲言碎语,看到想到,岁月的感觉就出来了;得到的,失去的,纠结的,茫然的...过去的东西却是最安全的,因为都已了然在心;过去的东西又是近在眼前想抓却抓不到的,看的越多,越觉得无力。

棉花天里容易惆怅...说正经的吧。新的一篇iOS7重设计案例文章,和我们之前的Luvocracy改版Commit改版等等相同性质,拿实际产品的重设计工作说事儿,有实战参考价值(更多关于iOS7设计的文章可以戳右边栏里的iOS7应用设计系列)。好呗,开始呗。

这里进入译文。最初在WWDC上看到iOS7的时候,我们看着自己的应用Grocery List,琢磨着:这次的iOS更新够彻底好吗,就像当年iPhone刚刚推出时的那种感觉呢。要让产品适应新系统,简单的修改界面设计是不够的,我们必须重新思考,重新创建,使其能够真正融入新系统的环境当中。然后我们就这么干了。

另外,虽然应用的基本功能不会发生变动,但我们还是决定基于用户的反馈以及我们自己的需求来改进一些流程,例如在过去的版本中,为清单中的条目设置数量需要多个步骤才能实现,在这次的Grocery List 2中,我们会将此类功能简化到在同一屏内即可完成。

“简洁”究竟意味着什么? »

周末两天都没有太阳出来,整个一周就像是白过了,也不能在博客里写“阳光明媚的周末”一类的了,人生的意义在哪里啊。

于是我把电视打开并放着阿拉蕾,屋子里就好像洒满了阳光,像是个好时代。上周花了不少时间在医院,一周下来就感觉没做出什么事的样子,周末蛮吃紧的噜。突然峰回路转,来看今次的更新吧,关于简洁什么的。

这里进入译文。每个设计师都知道“简洁”很重要,但所谓的“简洁”到底指什么?多数时候我们觉得“少”就是简洁,通过“减法”即可实现。我们认为将内容限定在折线之上,就可以帮助用户更好的聚焦;我们认为项目符号列表比文字段落更容易阅读;我们认为将文案精简一半就会使其言简意赅。

但实际上,“简洁”并不是简单的意味着“少”。准确的说,“简洁”应该是“正好”。

Pages