BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

交互设计

简约之道 - 最小化界面设计的起源 »

家里两边通着空气,这样坐着光脚甚至有些凉意,看一眼天气明天最高气温21度,想起前两天有消息说今年厄尔尼诺要持续几个月什么什么,本想买个小龟王平时骑一骑,现在看来不是很乐观。

从没炒过股票,连所谓的理财产品都很少购买,每每听到周围的人聊起这些,理论、机遇、政策、分析,或是看到相关新闻,有时会觉得自己不识时务不求上进,有时又觉得自己幸运,不至于倾家荡产跳楼了事。和自己有什么相关。

然后这周拖延到周日傍晚才来更新博客,时间似乎是越发的少越发的紧,也许和人的年龄增长有关?年纪越大,思维和行为的速度越慢,而自己却不得而知?脚越来越凉了。本周文章来自Nielsen Norman Group,有点儿文化的味儿呢。下面进入译文。

扁平化、巨幅背景图片、默认隐藏的全局导航…当前盛行的很多设计风格都直接或间接的受到2000年左右开始的极简网页设计运动的影响。向前追溯,这些风格背后的简约哲学则来源于美术及人机交互领域当中的一些早期运动。

对于界面设计而言,极简风格,或是说“最小化设计”,其根本目的是最大化的突出内容本身,而非界面框架。如果设计的得当,极简风格可以使重要信息及功能更容易被聚焦,从而提升界面整体的易用性。

然而如今,很多设计师错误的将“极简”理解成了一种单纯意义上的视觉设计风格 - 他们将重要的界面元素移除或隐藏起来,为了追求极简的视觉效果而忽视了那些需要从整体上综合考虑的其他因素,包括可用性、易用性、产品设计策略等等。他们忽略了极简风格的核心哲学以及最初孕育了这种风格的历史情境,其结果就是,从产品整体的角度来看,复杂度非但没有被降低,反而被进一步提升了。

念叨 - 关于Keynote与Sketch、UX与音乐,以及Xcode 7 »

这个博客从2011年秋天开始做到现在,我就从来没学会怎样起个像样点的标题。随便翻翻这里那里的各种科技频道,无数充满创意与时代气息的标题时常让我自惭形愧。

话说这周是实在找不到什么有欲望做掉的译文,周末下午大好时光总不好荒废过去,雨下的固然疯狂,昏昏沉沉有的没的随便念叨念叨好了。做译文其实挺省心的;换到自己念叨的时候,思路容易飘飞,如若刻意收敛又写不出几句人话;亦或是认真起来扯个一万多字好像之前有篇Apple Watch平台认知什么的文章那样写完照照镜子发现有脑浆从耳朵里面流出来,也是蛮危险的。

念叨三件事吧。我不得不说现在各位看到的已经是自己砍掉各种过分飘飞的闲言碎语之后的字了。

案例学习 - 在实践中重新思考Apple Watch版本的Todoist »

活过了黄梅季的第一轮,眼见着下周天气预报里各种大雨小雨雷阵雨...Fork。

闷在屋里听着外面夏天的声音,那种,你一听就能感觉到温度和湿度的声音。真的有这样的声音,不骗你。冬天也有他自己的声音,但是没有夏天的这样让人想喝上几杯再看看EVA然后去睡上一觉。

这里写了好多关于夏天关于喵关于Dave Grohl摔下台一类,都被我删掉了;只是之前两周又零零散散的看掉了Philip K. Dick的短篇小说集《少数派报告》。是的,汤爷的同名电影只是来自这部短篇小说集当中的一篇。

上周末倒是略忙,译文做了一半停掉,今天补完更新上来,小伙伴们就不要空落落的了。仍是一篇Apple Watch实践,和之前一篇类似,经过首轮设计并在实际验证中发现问题进而重新思考。眼见着watchOS 2也快来了,不知真正独立的本地化app会有怎样的性能表现。下面进入正文。

Apple Watch发布之后,我们的团队立刻意识到这款新平台将和我们的Todoist形成绝妙组合。作为一款始终依附于用户腕上的设备,Apple Watch可以使我们即刻访问信息内容。

伴随着各种令人兴奋的可能性,巨大的设计挑战也随之而来。我们从头开始,时刻围绕着Watch的三个设计主体思想进行探索:

用户为王 - 关于征询授权、注册及加载等待的体验优化 »

闷热潮湿且不疼不痒似有若无的下着小雨的周日午后。继上周的《电子羊》之后又连续读掉《尤比克》以至两眼一片昏黑的周日午后。中午吃的饺子。

最近买的书有点多,而自从告别了地铁通勤之后又鲜有时间保持阅读,所以想想看每周末又是博客又是游戏又是电影又是书的负荷也真是蛮沉重。呵呵,说的好像做学问的人一样,其实大多是几十年前的科幻小说而已。只是,你读着那些文字,不由自主的幻想着上世纪六、七十年代的作者磕了药坐在打字机前放任流淌的意识与飞翔的思维...相比于一片浮躁颓唐三观不正的当今,无论过去的世界还是过去世界里的人幻想出来的未来的世界,都比眼下这个世界更让我着迷和向往。

活着便逃不开。躲在书、音乐、游戏,甚至包括“设计师”这个角色以及这个角色要做的那些事情当中,或小憩或翱翔,反而更像是找到了活着的意义。我没时间旅游,也不爱旅游,旅游要找的那些感觉,我通过这些事便能在眼前和心中找到。

所以大家在捧Beforweb场的时候,其实也要知道,这一切不过是我自娱自乐罢了,千万别认真。

so,还是进正文吧。下面进正文。

作为一名移动app的产品设计师,我(英文原文作者)每周都会下载很多app来试用,看看有哪些细处的交互模式或是惊艳的视觉设计能给自己带来启发。有时,你确实能发现一些app有着不错的想法,但是更多时候,你只觉得失望,因为看到太多app不懂得怎样尊重用户。

案例学习 - 面向Apple Watch自身特性及局限的产品重设计 »

我基本可以在较大范围内给自己剪头发了。

从前也只是简单的这修一下那剪一下,这周二突然来劲了从上到下从左到右来了一遍。感觉像是第一次做产品,满脑子想法然后手上收不住,其结果就是两边剪出斑秃一般的东西,以至于朋友圈里有童鞋调侃我给自己搞了个鲨鱼纹。

眼见着长了几天的鲨鱼纹慢慢恢复起来,又忍不住要下黑手了,有瘾,好像10多年前一个接一个打耳洞的感觉,又像是幻想中纹身的感觉。今天不坏,懂得以最小化的思路去搞了,剪一点验证一下,大体还好,细节里有些问题,慢慢迭代吧。总算轻薄了一些同时又不至于老远看去好像鹌鹑蛋,这就是成功了。原来自己身上这部分属性还可以在一定程度上受自己控制,而不是一辈子必须隔三差五出去和洗剪吹们浪费唇舌,想来也是蛮开心的。

除了剪发手艺之外(这也算手艺…),本周另外的收获就是看掉了诺兰的《致命魔术》以及小说《仿生人会梦见电子羊吗》,前者过瘾,震撼,后者阅后如鲠在喉却难以自拔。我爱死这些感觉了。

如果说正事,今天正事上的是蛮晚的。和前面几次Apple Watch产品设计案例不太一样,今天的这篇比实践更加实践一些。作者做了第一版Watch app,然后发现在实际使用当中问题成堆,于是重新思考彻底改变架构,在官方设计规范提供的框架基础上结合硬件性能限制和自家产品特性,做了大胆的突破,蛮精彩的。请看吧。

我(英文原文作者)为我的播客应用Overcast设计的第一个Watch版本,在整体信息架构方面和iPhone平台上的很类似,基本相当于一个缩小版本。

想来是挺合理的一件事,架构清晰,导航和界面的设计模式也完全符合Watch上的规范。不过在实际当中,这个版本的表现糟透了。

从减少点击次数,到降低使用负荷 »

昨天B.B.King病逝,享年89岁。几乎循环了一晚上The Thrill Is Gone.

这种事从情感上讲有点不真实,心里自然知道这些老艺人到了这把年纪真是不知什么时候就会走一位,只是真的发生了真的看到消息的时候还是会有一种好像断层一样的东西出现在脑海中,不知是怎么回事。

窗帘没了,于是现在窗前黑洞洞的,几乎分不清对面楼顶和天空的界线。再也无力像7年前的夏天晚上一样端着啤酒坐在阳台幻想外面是夏威夷了,不知是怎么回事。

我记得之前这一周有很多东西想留到周末一起念叨出来,一些关于Watch啊原型啊一类什么,现在却发现彻底语塞,只想听着B.B.King啊Neil Young啊Bob Dylan啊然后慢慢的睡去,不知是怎么回事。

夏天就是这么有趣。还是说正事好了,无所谓有无所谓无的一篇文章,有者自有,无者也可无中生有。what the fuck...下面进入译文。

去年秋天,Luke Wroblewski发了一篇名为“Requiring Less Taps in Mobile UI”的文章,并在其中提出了“流体点击手势”的概念,旨在减少用户在特定操作过程中需要执行的点击次数。

案例学习 - 关于Watch应用的导航、通知、复杂任务及动效 »

It’s better to burn out than to fade away.

距离Kurt Cobain把Neil Young的这句歌词引用到自己的遗书里然后给自己来了一枪的21年之后,Neil Young本人依然在世并仍在高唱着Keep on rockin’ in the free world.

翻翻自己常听的歌单,歌手几乎都是如今已经50岁上下和70岁上下的,除了那些自杀的和吸毒过量挂掉的。所以有时想想看,自己所爱的这些,也真算的上是恶趣味呢。

Watch已经到手一周,仍在适应和习惯,也许接下来一两周可以念叨念叨了。所谓适应,并非指十多年不戴表之后突然每天在腕上戴这么个东西的不习惯,而是指还在根据自己的生活来摸索Watch与iPhone的共生关系,还在一点点的打破“在任何情况下都通过手机来获取信息”的习惯。不少人说“有了Watch就会更加沉浸于各种app各种信息交流了吧”,我只能说实际情况正相反,我已经亲身感觉到自己在“设备”上花的时间越来越少了,就像之前有几篇关于Apple Watch的文章里说过的那样;那些作者很是有先见之明。

今天仍是Watch应用设计案例。我很喜欢案例学习,所以不会介意连续三周来做相同的话题。下面进入译文。

Wallaby是一款个人财务app,可以在你购物时根据不同的场所帮你选择最适合的信用卡进行付款,以最大程度的获取优惠或积分。不过根据我们的了解,在实际当中,很多用户在结账时常常忘记或懒得把手机拿出来使用Wallaby提供的功能。

我们希望Apple Watch版本的Wallaby能从一定程度上解决这一问题。其实在这之前,我们已经打造过Pebbel、Android Wear、Samsung Galaxy Gear甚至是Google Glass的版本了,所以对于哪些功能更适用于可穿戴设备还是比较清楚的。

案例学习 - 为Soundwave设计Watch应用时学到的五件事 »

五一假期第二天。眼前摆着脏兮兮的咖啡杯,伽莫夫的《物理世界奇遇记》,以及用来在iPhone上玩GTA San Andreas的蓝牙手柄。外面雨着,Neil Young轻声唱着“Only love can break your heart”;记得老杨曾经埋汰过iTunes提供的音乐质量,乔布斯很光火;老杨送给乔布斯唱片一类的礼物以图修好,乔布斯拒收。都是一辈子长不大的小孩儿。

突然间天气像是变的晴朗起来,外面也有鸟叫的声音了。最近时常发现一只特别小的小黑鸟不知叫做什么名字来的会落在阳台外面的晾衣杆上左顾右盼的叫着,倒是有些像燕子。

可能还是想再做一些Apple Watch的产品案例。最近开始有些设计师讲到怎样通过After Effects制作动画图片序列的事儿了。不多说了,进入译文。

Soundwave已经在iOS及Android平台上发展了将近两年。我(英文原文作者)最近有幸得到机会,能够为Apple Watch版本的Soundwave进行UI与交互设计,使其成为4月24日之后Watch平台上的首批第三方应用之一。

为Apple Watch这样的新平台设计app,这对于我们的设计与开发团队来说都是绝佳的学习机会。作为设计师,我在这个过程当中学到了一些很关键的东西。

案例学习 - 为Apple Watch简化现有产品的设计思路 »

周六晚间,木头的小床头桌,上面有一个2009年买的宜家闹钟,方方正正的,顶上一个条状的大按钮,平时按一下屏幕会有背光,闹钟响起时看都不用看直接伸手随便一拍就能拍到然后闹钟停止,好棒的设计。那些年习惯给它定好夜里3点闹一次,为的是醒来发现还有那么长时间可以睡,徒增幸福感。

前面在朋友圈看到一篇摄影师跟拍无人领养的喵汪被安乐死的文章,如鲠在喉,心里剜着的那么难受。只代表我自己,做出一些微不足道的呼吁:如果哪位朋友有养喵养汪的打算,并且生活状况确实允许长期守护,还请以领养代替购买;它们当中有太多,平白无故就等待着被人类终结生命。

自从2006年开始养喵,整个人从过去无所顾忌无心无虑,到如今对家庭卫生环境细节神经质一般的维护以及对外面喵汪的关注,自己回头看看,也是百感交集。我好希望自己死后能化作某种,能够在冥冥之中守护所有这些小动物的,存在,让这些单纯而美好的生灵在这个世界上自然的发展着,而不被人类这种丑陋的物种伤害。

说正事吧。最近一两周陆续看到一些实实在在的Watch app设计案例文章,而不是过去那些概念设计或是臆想,于是想要拿来一些做掉译文。今天是第一篇,希望接下来还会多做些。下面进入译文。

英文原文:4 Ways we Simplified Our App for the Apple Watch By by Michelle Li and Abby Deering

UX路漫漫 - 产品设计当中常见的5个误区 »

周末傍晚,拉着窗帘在屋里开着昏黄的台灯,几乎失去了对时间的感知。正听着Neil Young的一首27分钟的歌,这首歌在此张专辑(Psychedelic Pill)当中从长度上来说排名第二,比第一名短了整整10分钟。

很多时候觉得要靠微信朋友圈来了解外部世界,但那无非只是所有人吃喝玩乐的时间轴。发生在别人身上的喜怒哀乐,就像世界名胜他乡异地风土文化,对我有什么意义。"What the hell i'm doing here?"

陷入这种静的让人沉下去的身心状态当中,落到文字上却是要给人看的,我想让别人看到什么,从而让自己获得怎样的共鸣与认同呢?"But i'm a creep."

表演仍要继续,我们来看本周的译文。原文标题看的我觉得挺无趣的(优叉路漫漫几个字是我自己更加无趣的加上去的),仔细读过觉得站的层面比标题表达出来的要高一些,于是很喜欢。原文作者Julie Zhuo,Facebook产品设计director,貌似在Medium上看过好几篇她写的东西了。开始吧。

学习的过程中没有不犯错误的。本文当中提到的这些产品设计流程当中的错误,我(英文原文作者)个人犯过很多次,也见过很多人同样在犯着。幸运的是,有种东西叫做互联网,有种媒介叫做文章,我们可以讨论这些错误及其背后的成因,今后在条件允许的情况下尽可能的避免。

Pages