BeFor Web
为网而生 - 关注移动互联网及AR/VR产品的用户体验设计

UI

优雅之钻 - Sketch 3带来的新变化 »

周六傍晚,一会有小龙虾吃了,不过眼下还不大想喝冰啤酒。冷冷暖暖,晴晴雨雨,够啦。上海的同学有多少在今天凌晨或清晨听到外面哗啦哗啦好大雨声的?整个白天都冷飕飕的赶脚。

话说这周入了Sketch 3。其实平时用到的时候真心不多,只是,看见这颗黄钻,就很想放进嘴里吃掉,很想买回来玩儿。今天拿来的这篇文章来自Medium,也是Sketch官方推荐阅读的简介,所以拿来科普一下。What's new不是教程,只是简要的介绍Sketch 3当中的一些新功能、新变化。用着之前版本的同学在入手之前可以通过本文稍作了解。下面进入译文。

我从2014年2月底开始试用Sketch 3,今天就来向各位介绍一下此版本当中的一些新功能新变化,希望能让大家知道在拿到之后有哪些东西可以重点关注一下。

过去的一年里,我写了一些介绍Sketch的文章,同时也在Google内部做了相关的workshop,使很多人(不只是设计师)开始转向这款产品。通过此次的大版本更新,Bohemian Coding也对他们设计开发Sketch的简明思路做出了良好的声明:倾听、打造、发布。这个由三名设计师和两名工程师所组成的团队一直保持着快速且令人印象深刻的前进步伐,我在之前一篇关于Sketch的文章当中提到的一些需要改进的东西几乎都被他们落实到了最新的版本当中。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

年初一喽,新年吉祥啦各位。有多少人和我一样早上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