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

交互设计

易用性与转化率的提升 - 打造良好UI的32条建议(2) »

周六晚间,窝在床上,听着迪伦,做做博客,心旷神怡;突然想到明天又要早早起来跑去荒蛮之地学车,一丝沮丧。

这些日子,这几周,这几个月,似乎只听的动迪伦、滚石和Led Zeppelin了;易累,易凌乱,易不安、易焦虑、易难过,易暴躁、易起伏。momo说,你需要时间。嗯的。

今天带家里另一只喵,斑斑,去做体检。成长到6岁半,才第一次做这样的体检;越发觉得我真的不像自己一直觉得的那样对它们用心和关爱,直到推推离开,才想到要在这些事上更上心。内疚甚至是负罪感。突然不想再继续这个话题了,哪怕只是闲聊。

继续上周末的“易用性与转化率的提升 - 打造良好UI的32条建议”吧,今次是剩下的16条。这里进入译文。

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

天气不错,周围很吵,空气很糟。旁边姑娘桌上的空气加湿器喷着白雾,云山缭绕的赶脚,我快睡着了。

周四,可以适当插播了。话说回来,如果插播成为规律,那也就不能称为插播了;但是我从来也没计划过这么高频率的更新博客,所以还是观望吧。

小处见大的设计细节系列,第二篇,仍然带来20个细节案例。我越发觉得自己喜欢看这些东西了;买来蛮久的《微交互》最近也开始看起来了。大世界大道理,小天地小文章;将注意力聚焦在这些东西上面,莫名有种安心的赶脚。不多说了,看看吧。

“理所当然”的设计 »

插播放在周一可能并不是非常之合适的,但我觉得这样也不坏啊。

想这篇想的不是一两天了,我也不知道为什么,反正是很喜欢作者想表达的东西;但是我不大确定翻译过来之后是否足够准确的把信息传达过来了。“理所当然”的设计,原文标题是“Of Course” Design,总之是很务虚很简短的一篇,很务虚很简短;也算茶余饭后那种类型吧。看看。

这里进入译文。当我们试图设计出犹如魔法一般出彩的界面时,总会渴望找到某种令人“Wow”出来的元素;这种关注点未必是正确的。设计师们更应该关注那些“理所当然”的实现方式,让人觉得“它自然应该是这样工作的”。优秀的产品设计应该是高度显性而无形的,自然从容到不会引发任何异样的反应与感知。

易用性与转化率的提升 - 打造良好UI的32条建议(1) »

继续生活,继续工作,继续学车,继续喜爱着周日的阳光以及在这样的天气里做博客。身后的柜子里放着推推的照片与盒子,里面是所有属于推推的小物件。我想念她,想念她本该在这种天气里慵懒的窝在床上的样子。

今天的话题,来自Goodui.org,关于提升页面易用性及转化率。本文带来的建议和观点,较适用于Web服务和移动应用的Landing页面。我们可以看到越来越多这样的页面,有些相当出彩,市面上也有不少相关的设计展示汇总文章。而本文则从设计原则和实践的角度带来一些思想武器供我们学习参考。

全文共32个要点,较长,今天先上一半,下周补完。接下来进入译文。

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

这是个新坑;其实是蛮早就想做的一个系列了。现在,我的时间可能比以前稍稍多些了,就做了。这些内容来自Tumblr的一个博客,Little Big Detail。那边的用户提交了很多Web和App产品中设计用心的小细节,可以说,包括一些精妙的微交互模式,一些小小的情感化元素,这样,我很喜欢。于是就挑出一些自己觉得有点意思的,汇总成期,放到这边;每次10至20枚不等。

今天是第一发,涉及Apple、Google、MailChimp、Medium、Pinterest等品牌和产品。请看吧。

案例学习 - Luvocracy的iOS7重设计 »

现在是阳光着的周日午后。接下来要敲的字,让我觉得很艰难。

2013年11月29日,我的小喵,推推,永远的离开了我。

仍然有些难以相信这是真的,哪怕是这样写下来。回头看看最近两个月博客当中的记录,从9月底开始,推推生病,确诊心脏病,到住院、监护、带回家调养、状态好转、恶化...终于到了这么一天,需要将终点记录下来。2006年到如今,这7年半的时间,我好想和推推一起再重新来过一次,好想。

每天都觉得眼泪已经哭干了,每天仍时不时的就会哭出来,心疼、想念、愧疚,各种情绪交织在一起无法停下;夜里梦到她,也会叫着她的名字哭着醒来。这周末本不想再做任何事情,包括更新博客,但是什么都不做时,难受便没有止境一样,所以还是尽力做些事,尽力让自己知道生活还要继续下去,带着对推推的想念。总有一天,还会可以再见到的,推推一定还会记得我,会钻到我怀里窝起来,再也不分开了。

就说到这里吧,来看这次的译文,又是一篇iOS7重设计案例。

这里进入译文。iOS7刚刚发布时,我们正好在打造一款用在iPhone和iPad上的新应用,同时也在改良我们的品牌和视觉设计策略。iOS7的发布让我们看到了一个独特的机遇,我们可以利用这个机会来推动视觉风格的转变,使其更贴近新系统的设计主题。

我们将iOS7的三大设计主旨——“依从”、“清晰”和“纵深”牢记在心,并运用到我们的界面和体验设计工作当中。

从外观的角度讲,iOS6版本的Luvocracy已经相当扁平了,界面元素简洁易用,其实在很多方面已经符合iOS7的设计主题了。在重设计过程中,我们很小心的将其中的重要元素保留下来,而同时对应用当中一些特定的部分进行了微调或大改。本文中,我将为大家介绍一下这次视觉升级工作中的一些重设计要点。

面对iOS7,设计师们该何去何从? »

目下是星期日晚间,吃过晚饭,把自己埋在沙发里,困倦的很。几乎练了一整天的车,风风雨雨,神马也看不见,倒库倒的一塌糊涂,话说两天之后就要小路了,坏天气的不要;好天气还未必能过呢。

过去的一周里,病喵又经历了一次住院,心脏病引起的肺水肿,还没到很严重的胸水程度。这次只住了一天,因为喵的应激反应实在过大,医生碰都碰不得,干脆还是带回来自己给喂药喂饭。话说,前面几天有没来上海参加User Friendly 2013的朋友?我在陪护病喵期间忙里抽了个“闲”过去参加了一个工作坊。大约,也就是那个样子吧;一向对这类东西没多大兴趣,较真说起来的话,信息量不会有自己每周能获取到的更大。何苦扎堆,又不是搞社会关系的。是吗?

这次放一篇iOS7重设计方面的文章,篇幅比较简短,但角度切合实际,一些观点和建议很值得参考;原文作者就是之前做Commit改版案例分享的那位。走。

眼下,很多设计师还在纠结于要不要将自己的设计过渡到iOS7风格。即使他们知道怎样去设计一款适配于iOS7风格的应用,要弄清楚如何让设计方案变得更加独特也是一件很难的事。

今年,当iOS7刚刚与世人见面时,我的朋友Jeremy Olson写道:

iOS7...有些地方看起来真的很赞。视差效果、界面的缩放、各种微妙的物理动效...我为这些新的、尚未被充分探索的界面概念感到兴奋。

但是,我说,那些应用图标是怎么回事...还有那些无边框的按钮!?

对于干掉皮革效果一类的视觉元素这件事,我充分理解,但是,难道所有的拟物元素突然都失掉了全部的价值吗?

设计师与"少即是多" »

各位在看到这篇的时候,有没正在听歌的?我正在听The Rolling Stones的《Sticky Fingers》,这是滚石的专辑当中我最喜欢的一张(封面是一个穿着牛仔裤的下半身形象;据说上世纪70年代早期版本的封面上,裤链是真的可以拉开的)。你在听些什么呗?

这个周末可以用来做事的时间非常有限,于是找来一篇较短的文章;读下来觉得是一篇很棒的小文,是我很喜欢的那类篇幅不长却高度聚焦于一个主题的东西。关于简化、关于动机、关于设计与功能的关系、关于片面的扁平化风潮;分享给各位,希望能带来一些共鸣。

这里进入译文。过去几个月当中,我一直在马德里的一家创业公司的设计团队当中任职。我的主要工作是为他们的一款主要应用产品进行重设计,这其中确实遇到了不少挑战。我们每天都会问自己同样一个问题,那就是怎样在保证功能性与吸引力的同时尽可能的对产品进行简化。

每轮迭代,我们都会解决掉一些矛盾,然后再回头看看以前的版本,就会觉得从前的体验真是噩梦,看上去也不怎么漂亮。不错,我们是在进步。

作为设计师,我们不断的寻找着能够简化产品的创新方式。我们希望自己的设计方案能使产品用起来更有效率,更具功能性,当然,也要更顺眼。毕竟,我们是设计师。

案例学习 - Commit的iOS7重设计 »

我这套肠胃,从小到大就没消停过。最近一个月因为要打起精神照顾喵,着实煮了不少咖啡,到这一两周里果然开始盯不住了,每喝必拉。想想两年半之前有阵子咖啡喝过量了差点挂掉,最后还做了肠镜,而且是人生第一次用那种静脉麻药,还记得那股凉嗖嗖的东西被灌进胳膊里的赶脚,然后一下子就涌进了脑子里面,接下来就迷糊过去了;且醒来之后的几分钟是没有记忆的,恢复意识之后发现自己已经把裤子穿上了。

这是扯哪去了呢。还是说正经的。今次更新放上来iOS7重设计实战案例一篇。之前已经做过一篇Luke Wroblewski重设计他家Polar的案例了;而这次的故事讲述了一个非常简单的小App的iOS7重设计之旅,我们一起看看吧。

这里进入译文。几年前,我(英文原文作者)设计了一款名叫Commit的应用,它给我带来的间接收益比我做过的任何事情所带来的都多。所谓“间接收入”,是指Commit帮我形成的良好习惯,而不是它的销售业绩。

具体介绍一下Commit。这是一款基于Jerry Seinfield的生产力理论打造的习惯养成工具。大致的产品概念就是,如果你希望自己能够擅长某些事情(譬如写笑话),那么你应该每天都去做这件事。Commit可以追踪你每天的行为,将记录串联起来,长此以往,“保持记录连贯完整”就会成为你持续练习的动机之一了。

这个理念是奏效的。我从2012年3月开始每天坚持写一千个单词(书、博客、客座文章等等),截止今年7月,这个习惯已经保持了超过400天了。

产品就介绍到这;接下来,我将和各位分享Commit的iOS7重设计历程。

浮动式表单标签(Label)的设计模式 »

这是一篇准备在一周中间的时间里发布的短文。其实每周会汇总到不少文章和资源一类,固定的周末更新基本就是一篇译文,总是有些,浪费的赶脚。那么平日略微有些碎片时间可以用的话,做些小更新也还不坏。

正在听滚石的Miss You,够骚的歌;Slash有句名言,好歌要么让你想fight,要么让你想fuck;必须的啊。

有点闹了,说正经的了。简短的一篇小文,介绍了一种有点意思的表单标签设计模式。

这里进入译文。表单当中比较常见的内联标签(inline label,将label直接置于输入框中的模式)容易引起不少麻烦,但与此同时,移动设备屏幕的局限又迫使设计师不得不紧缩空间。这种局面比较尴尬。我们首先来分析一下传统内联标签的优缺点:

Pages