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

UED

漂亮的视差效果,值得你用性能来换取吗? »

自从元旦假期开始,就有点肾疼...也许是那几天里咖啡因和酒精摄入的太多。眼下吃什么什么不消化,浑身脑袋疼。这状态让我想起2010年初那段日子了,持续两三个月的莫名其妙的低烧,然后是一个多月的肠胃问题,折腾了半年也没查出个所以然。恐怖哦。

希望一周之后自己回头看今天博客的时候已然无恙。继续上新,关于视差效果性能表现的小话题;弱问,各位见过的使用视差技术的Web页面里,有多少能让你觉得清晰顺畅的感受不到任何负面体验?我印象里真的没几个,包括Medium里的;不知为什么,这些页面总让我觉得没有安全感。本文篇幅虽短,但主旨很清晰——针对产品主要用户群体的特征来选择最合适的设计方案,别瞎跟风。

这里进入译文。我(英文原文作者)最近在ThemeForest(模板站)逛了逛,发现几乎所有的付费模板都用到了视差技术。其中一款比较新的WordPress主题,Magnetto,在我的Retina Macbook Pro上看起来真的是华丽到家了。

只是,这款主题的演示页面在我家的高速网络连接上花了8.5秒才加载完毕。值得吗?

要扁平化,也要可用性 »

现在是周五晚间。莫名其妙的又到周末了,好像刚刚上了两天班的样子。

正在看阿拉蕾,哇啦哇啦的可开心了;话说高中的时候电视台还在放,若是放学能早回家,第一件事就是打开电视看。一直以来都很想成为企鹅村的居民,每一天都傻乎乎的过着开心的日子,周围是各种有趣的人,还有会说话的小动物。

然后回来说正事。这周末要上新两篇,都不是很长,轻轻松松读一读的那种。那么,正文之前先祝各位周末愉快吧。

这里进入译文。扁平化风格不意味着设计工作本身可以得到简化,更不意味着界面可用性的衡量标准可以被降低。本文将与各位分享一些tips,希望可以帮助你在打造扁平化设计方案的同时提升界面的可用性。

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

2014年的第一天,各位好。

昨晚喝的有点大,听了很多老东西,给很久没联系的一些老哥们打打电话,大家一起哭哭笑笑;在那如此操蛋的一年的最后一天里放纵下心情,然后新年第一天发现嘴脑袋有点疼,阳光却不错。

现在是一周的中间,那么插播一篇小处见大;已经是第4篇了轰?仍然是20个的汇总,请过目。

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

我又来插播了。本来上周就该发掉,然后手头小忙,没顾上。其实昨天还在家怀旧了一晚上COD现代战争1呢。

小中见大第三期,同样是20个微小设计案例,今次貌似Google产品居多,但也有iOS7啊Tumblr啊Facebook啊。突然馋威士忌了。插播就不多念叨了,让我们进入吧。

关于三星Gear智能手表的UX评测 »

上周三的倒库和小路考过了,还不坏。三周前第一次考,连小路都没上,直接倒库两次挂掉。如今考试太不合乎情理,倒库和小路必须连续过掉才算合格,否则就要等上三周再交上三百块钱的补考费。天了噜。

接下来要等到1月份才可以继续学大路,眼下两周的周末不用再折腾了,总算轻松一些。说是这么说,早上不到9点也就再也睡不着,只得起来。听说老了都这样。

话说上周貌似没有插播轰?本来做了个小中见大的第三期,小忙,没搞完,扔到下周好了。这个周末时间既然长些,就做了个长文,来自Nielsen Norman Group的三星Gear智能手表UX评测,作者是两位爷手下的研究员Raluca Budiu,我们之前的一篇“交互成本的定义及案例分析”也是出自她手。接下来进入译文(脱水版,直接捞干的,原文铺垫较多)。

易用性与转化率的提升 - 打造良好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等品牌和产品。请看吧。

Pages