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

交互设计

为智能眼镜而设计 »

略忙碌的一周过去了。可以休息三天,周日就不那么赶的样子了,在窗前晒晒太阳,看着喵睡觉的样子也能看上好久。书房的钟坏掉了,换下来放在桌上,眼下就在我手边慵懒的躺着;琢磨着可以怎么搞一下做成一件装饰呢?这种原本正正经经挂在墙上的东西现在就这么放在手边好像个普通物件一样,不知为什么觉得这种情景很搞笑...有多少人看到这里觉得我好无聊?

昨天半夜趁拉肚子的时候把Slash今年新砖的预告视频都看掉了,夜深人静的吧浑身又开始燃了。想想去年这个时候就盼着5月的朝圣,盼了将近20年终于可以亲眼看到礼帽;期待的感觉特别好,这种等新砖的时候也是。没追求,能让自己喜欢起来的新东西少之又少,怎样都还是这帮仍然在用磁带录音的老家伙听着更舒服,声音里有温度。

那,之前有做过一篇关于三星Gear的UX评测,那应该是第一次做可穿戴设备的文章吧;今次是关于智能眼镜方面;建立认知为主吧。不知各位从前有没在PC上玩过一款叫做什么,疯狂的士,还是什么的游戏;你扮演叉头司机,接客送客;每当有客人叫车时,你的视野当中就会显示一个很大的黄色箭头,指示客人所处的大概位置,你对着这个箭头所指的方向开去就好;客人上车之后,又会出现一个绿色大箭头指向他的目的地方向。如今一提到智能眼镜,我总会想到这个游戏;每次坐在叉头上看着司机不顾我死活的在两三台手机上搞着打车应用时也会想到这个游戏。罢,进入译文。

如今,可穿戴智能设备正受到越来越多的关注,不过处于聚光灯之下的仍然以智能手表为主。其他类型的设备,例如来自Google和Sony的智能眼镜,虽然目前还称不上主流,仅仅处于各自的原型测试阶段,不过可以预计,过不了许久,我们就会看到智能眼镜正式进入商用及消费者市场。作为移动设计师,我们是否应该将智能眼镜的应用设计考虑起来了?

提升移动应用的“心理响应速度” »

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

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

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

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

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

设计师应该扮演的四个角色 »

我发现一到价值观方面的文章就爱用这个叹号的图标。为毛呢?我思考。

天气很好的周末下午,转过头看看书房窗外,对面楼顶的斜坡上铺着一层不薄不厚的阳光,是安静的味道,看着就是太阳快要去西边落下的样子,挺好。

这份从容绝对是我装出来的。周一开始要开始新工作了,兴奋、期待和未知的忐忑都有些;最主要的是,周三,喵的又要考大路了。看了眼天气,不出所料的又是下雨。我就服了这事儿了,要练车考车的时候绝对是喵的阴天下雨,奈何奈何啊?啊?

不行,待业两周的时间该干的事情到最后还是没干完,闹心,也没辙。博客该做还是要做。恩,正文吧。

情境,一切在于情境 »

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

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

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

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

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

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

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

终于进入三月,双鱼的同胞们开始此起彼伏的过起生日来,莫名的有种喜感。那,祝双鱼们开心,每日有快乐,天天出太阳。明天就进入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,听上去充满了创意风范和耀眼的才气。

Pages