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

用户体验

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

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

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

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

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

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

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

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

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

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

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

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

那些小处见大的设计细节(9) »

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

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

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

以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,听上去充满了创意风范和耀眼的才气。

那些小处见大的设计细节(7) »

仔细想一想,这次插播应该是过年前的最后一次上新了吧。些许惆怅。

惆怅毛。空调燥热且闷,昏昏欲睡,对面小姑娘却还在戴着毛线帽子,周围似乎有好几万人同时在噼噼啪啪的做事或吵闹,捂脸,太不真实了,我想去一个安静的地方窝一会。

哦对了,都说到过年了,却几乎忘记祝福了。给大家拜个枣年吧,祝所有不需要回家的朋友在过年期间多多休息放松,祝所有需要在城市间奔波的朋友尽早且顺利的合家团圆。过年期间这边博客也不会停下,俺们到时候见!先过掉这次的小处见大,20个。走。

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

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

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

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

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

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

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

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

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

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

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

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

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

那些小处见大的设计细节(6) »

看了眼日子,似乎还有两周就要过年了,但是又不知道应该特殊的问候些什么,只有很莫名其妙的祝福我伙们要买火车票飞机票的话都能顺利买到了。

最近看阿拉蕾看的可能是有点智障倾向了我赶脚。赶在周二插播一发,又到了我伙喜闻乐见的“小处见大”时间,20个诚意细节案例,请大家观赏。再次宣布,这些案例均出自著名Tumblr博客LittleBigDetails,各位伙有兴趣也可以自己去follow呗。接下来,请观赏。

Pages