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

交互设计

通过有意义的动效解释应用的交互机制 »

现在是周五晚间,因为仍可预见周末事务巨多,就分摊到前面来更新。一天没干正事儿,团建日,做布丁、三文鱼沙拉,击了个剑,吃了点肉,这样,肚皮略满足。

回来坐下又开始寻思做事与日常摩擦力的事儿。我忘了以前有没念叨过,2005年这个时候,那时刚刚毕业,天天在徐家汇卖手机;每天18:30左右收工,骑车回到小出租房约19:00(那时中山公园附近两室一厅一个月只要1600),在超市买俩饭团子,到家扔微波炉里,同时快速洗澡,出来取出饭团子坐在空调扇前面边吹边吃,有时也会来一罐冰啤酒;完事立刻进入学习状态,这时也不会超过19:30,接下来就是PS AI一类各种学(都是当时VeryCD上下载来的国外教程),一路学到夜里一两点,继续喝酒把自己喝晕,躺倒。

那时的生活现在看来是何等的轻盈...几乎就是想干正事儿立刻能干起,闲杂事物几乎不存在的状况。其实如今在生活中很多莫名的烦躁与焦虑,在自己看来多半也是因为渴望却难以回到那时的状态所造成的。

念叨半天这些事情跟眼下的正事儿也一点关系也没有。这周的话题关于动效;我是个,怎么说,对动效的使用较为谨慎的,人。越是炫酷当道的年代越是这样;因为在我个人看来网上到处能看到的那些“动效典范”多数其实都很晕...一些主打这些元素的应用真的拿到手里用起来就觉得视线无法聚焦,缺少让人觉得安全稳定的落脚点。当然有好的一面,譬如有趣带劲的印象、科技感等等,但我仍觉得得不偿失。关键问题还是在于动效的使用动机是怎样的,是否真正有意义,无论理性还是感性上的意义。本文内容就是围绕这样的观点,通过真实案例来讲述的。正文了。

案例学习 - 关于VSCO Cam的可用性测试 »

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

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

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

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

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

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

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

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

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

Google Glass日常交互体验 »

每逢周末必阴雨,却也凉快;就这样好了,不要进入夏天,夏天让我麻木而心慌,且迷恋冰啤酒;秋天都是喵生病的回忆,而冬天又总是阴沉着冷风着,会让人抑郁。这么看来每年就这段时间还能苟活?

猛然提问!知道什么叫做自控力吗?回答:自控力就是放着新买的XBOX和馋了好久的GTA5在书房里连包装都没拆而坐在这里淡定的做着博客。

好吧,之前有做过一篇关于智能眼镜UX设计的话题;今天仍是Google Glass向;自己确实蛮关注这方面的,虽然眼下还是一个很不成熟的平台。为什么很关注Google Glass?因为10多年前开始玩GTA3的时候就觉得未来应该有这样一种设备可以穿戴在身上让你随时看到各种目标、地图、提示等等。另外这篇的原文较长,拿来的时候脱了点水,去掉了一些与产品交互体验关系稍远的话题;有兴趣的朋友也可以直接过去浏览原文。那么开始呗。

几周前(2014年4月中旬),Google在美国面向大众限量发售了一部分Google Glass(仍是测试阶段的原型机)。我们团队立刻订购了一副,并进行了几天的实用测试,以便更好的理解Google Glass带来的体验。

本文中,我们将站在UX的角度,从近距离为大家简要介绍一下Google Glass的日常使用体验,包括我们自己在测试过程中发现的一些问题。

设计师应该了解的Beacon基础知识 - 交互体验解析 »

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

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

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

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

设计师应该了解的Beacon基础知识 - 什么是Beacon? »

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

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

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

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

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

重新思考移动应用的新手教学模式 »

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

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

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

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

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

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

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

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

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

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

在正确的情境中向用户获取iOS权限 »

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

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

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

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

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

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

关于iOS7当中“编辑”与“新增”按钮的布局问题 »

放假便该有放假的样子,哪怕只有一天;书也看得,电视也看得,游戏也玩得,博客也做得,还不止一篇;之前发掉关于智能眼镜应用设计的文章,以及一篇腾讯ISUX招聘信息,今天看到一篇小文,就趁天气好时做一下;不消多看,留意便好的一些东西,其实是在平时工作中常会遇到的小问题。下面进入译文。

初次使用iOS7的时候,我便有些受挫的感觉,其中最典型的问题包括大家所质疑的“这是按钮还是普通文字?”,“这个按钮可点击吗?”一类。在接下来的几个月里,我又逐渐发现细节当中更多的体验问题,例如“编辑”与“新增”按钮的布局。

接下来我们来看看这个问题在以下几款iOS自带应用当中的体现:

Pages