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

情感化设计

应用推广站点的最佳设计实践及优秀范例 »

上周没做更新,实在忙了些许,所以道个歉先。其实这周末同样把工作带回家了,不过都压缩在明天吧,希望能尽量多的搞定;今天还是照常把博客更新起来。

眼下正用电视放着上周的Slash末日之爱现场。是的,周二,本小博主去现场看了,也在微博上发了些照片。这是我等了将近20年的Live,真正来到眼前时却有些不大敢相信是真的了,当时唯有靠不停的摇着喊着跳着跟周围的人挤着才能提醒自己真的是身临其境了。不过后果就是接下来的几天脖子都直不起来,多多少少有些没精神。对我来说这辈子必看的现场还真不是很多,活到30岁算是实现了第一个也是最重要的一个。好吧,说正事儿喽,今次是关于App推广站点的话题。

这里进入译文。人们对于应用产品的需求总是没够的,毕竟,这些小东西可以让我们的生活变的更加简单快捷,它们帮助我们记住事情,寻找信息,发现身边的事物,结交各种有意思的人。

应用类产品迅猛而持续的发展趋势无需多言,当人们需要一款软件时,无论是用在iPhone、安卓,还是在MacBook上,他们通常都会面对非常多的选择。应用在让人们的生活变的更轻松的同时,也越来越容易被创建。

要打造一款成功的应用,你需要做的再也不只限于产品自身的设计与开发,营销推广方面的工作同样是非常重要的,其中最典型的做法就是创建产品推广页面或minisite,向人们介绍你的产品。曾几何时,所谓的“介绍”就是告诉人们这个产品是个什么东西,你为什么需要它,等等等等,和其他传统行业的产品介绍网站没有多大区别。不过在我(英文原文作者)看来,这里还是有些很关键的区别和技巧的。本文中,我将和大家分享五点应用推广页的最佳设计实践,以及若干非常不错的设计范例。

提升产品体验愉悦性的十个方法 »

又是一周过去,宅的日子越过越精炼,连续多日每天读一本书,到了晚上就觉得大脑好像变成了一个卡通形象,就是那种仰面朝天躺在地上四肢无力动弹不得只剩下喘气的小人儿的样子。剩下未读的书不多了,又该补货了诶。来看本周的译文呗,有点长,主要是图多。

这里进入译文。我(英文原文作者)时常和其他设计师讨论到产品愉悦性的话题。在最近的一次聊天中,有人提到这样一个有意思的问题:

我们可以首先专注于提升产品的愉悦性,然后再考虑可用性等其他方面的问题吗?

这个问题立刻让我联想到“形式追随功能”这句话,所以我还是倾向于功能与可用性优先的方式。

不过必须承认,这种通过理性分析入手的“传统”设计思路或多或少会让我们失去一些在创意上实现突破的机会。也许我们可以从“有趣”这个角度展开设计工作,首先聚焦于体验的愉悦性,然后再将整个方案“拉”回到一个约束框架中,使它最终成为一个切实可用的产品?

无论我们的实践方式从哪个角度出发,有一点是无疑的:任何一个成功的设计方案都必须以产品功能的可行、可用、可靠为基础。假设你已经有了一款可用的产品,并且希望为其注入更多能够让用户在情感上为之吸引的元素,那么你应该做些什么呢?应该从何处入手?下面是我的十个建议,希望能够帮你有效的提升网站或应用产品的体验愉悦性。

掌控大脑 - 怎样使产品体验更加符合用户心理及行为规律 »

是的,我仍然宅在家中。每天的正经事儿呢基本就是一页一页的啃About Face 3,偶尔摘录一些精彩的片段放到微博上;副业则是看刘老根。熏的我一张嘴就是东北味儿。这就叫语言天赋。

其实很多时候看书的目的不完全是获取信息,引用About Face 3第十章关于“流”的定义:

“一种深层的、近乎完全的融入状态”,通常包括一种温和的沉醉感,能让你对时间的流逝毫无察觉。

其实和玩游戏是一个道理,都是为了让自己进入一个更广袤却又更封闭的虚拟的外世界;只是换了一种比较有建设性的方式罢了,听上去也更加有成就感。那么来看本周译文呗,在话题上与之前关于情感化设计还有行为反馈循环的文章有些契合。大概8点20分左右发。

这里进入译文。37signals的Ryan Singer最近在一篇观察报告中说:“要做一把椅子,你首先需要清楚人们是怎样坐着的。要设计用户界面,你首先需要了解用户的意识与想法。”

为什么这事儿如此重要呢?因为对用户心理与行为规律的充分了解可以帮助我们打造更好的产品体验,让用户更happy,从而吸引他们反复访问和使用产品,提升相关转化率。

移动应用的空状态界面设计 »

其实我到现在还不清楚哪天正经过年呢,就知道快了,因为公司里的人走掉蛮多了的样子。不,这真的不那么像过年的时节,天气暖和的好像春末夏初,在天台抽烟时甚至会发现成群结队的小飞虫在翩翩起舞。

这都哪跟哪呢。实际上,无论工作还是生活,似乎任何正处于正常进行当中的事情都会让自己产生“过年之后再认真继续”的赶脚,一些需要上手开始做的事也准备“过年假期里再开始搞叭”这样;自己的一些项目、理想中的作品集、一些要读的书、一些想玩的游戏...大体都是这样,其实我眼下把这篇发布出来之后就拿出几个小时把想做的事情猛做一通也不是不可以,但似乎总是想寻找一个大部头的时间;不知是否是拖延症的借口;实际上我不认为自己有这毛病,真的。打住,我们进入今天的正文,关于移动应用的空状态界面设计;虽然文中的示例都是iPhone应用,不过道理应该与平台甚至设备类型无关。(btw,用微信的朋友们可以添加一下Beforweb了呗,点击侧边栏头上第二个图标就会出现二维码)

“空状态”是指移动应用界面在没有内容或数据时呈现出的状态。长久以来,空状态界面一直是被忽视的,因为设计师们通常会将全部精力集中在怎样更好的呈现内容和数据上,只有开发人员才会比较频繁的与这类相对“意外”的状态打交道。也正是因为这样的原因,空状态界面留给用户的印象大体上就是晦涩难懂的文案以及缺乏视觉设计风格。

要想打造完美的整体体验,作为设计师,我们不能放过任何一个用户有可能接触到的界面状态。空状态界面大致包括三种类型:初次使用、用户清空数据、出错。下面,我们就来一同了解一下这三种情境所对应的相关创意要素与注意事项。

“即将上线”页面的设计原则与创意要素 »

周五抽烟时我说,心里的感觉就像是一个时代结束了。一位同事说,只是又到了开始翻开新的一页的时候而已。是的,的确是这样。

现在耳边放着Radiohead在不插电专辑中翻唱的Wish You Were Here,不知这是一种淡定还是麻木,亦或是大脑自作主张的帮助我屏蔽掉了心中的某些感觉,让我只需安静的处于这一切的现场而忘乎所以。

想到另外一位同事所说:“我真的只想安安心心的做做设计,做自己喜欢的这些东西”...到这里我几乎不知该怎样才能继续写下去了...我有幸能和你们一起度过一段值得珍惜和回忆的时光,我永远不会忘记;我们对得起“设计师”这个头衔,而他们不是。

今天开始在微博里对苟延残喘着的每一天做留念,可我甚至不知道自己是在纪念些什么混账东西。一想到这些就无法停下,这简直要了我的命,接下来还是进入本周译文的正文叭=)

“即将上线(coming soon)”页面是互联网当中一个相对较新的概念,过去很长一段时间里,每当有新产品新业务准备就绪时,今天还什么都没有,转天它就突然出现在线上了。

如今,互联网及移动应用领域的营销推广策略发生了一些转变,要想将产品有效的推入市场,我们通常需要做足“预热”工作。这也正是“即将上线”页面的由来。

你可以在网络上找到很多这方面的优秀设计案例;而今天我(英文原文作者)希望能够和大家一起更深入一步的对“即将上线”页面的设计原则及重要创意要素进行了解和分析。

真人之间的交流 - 通过手绘元素提升产品的个性与亲和力 »

这周天气状况很丰满,前面连下三天的雨,周六难得晴了一天,今天又阴晦肃杀了下来。

其实每篇开头这些碎碎念都是在译文做到尾声时根据当时的状况而写下的。这周的译文偏向视觉方面,具体说就是关于手绘手写风格的视觉元素在产品当中的运用方式的。刚刚做到最后“切莫滥用”的部分,就有朋友在微博上针对我零星发出的预告表达了自己的观点,挺好,那我也就顺便再唠叨两句。

对于类似这种“看多了索然无味,中文字的手绘效果识别度又很低,现在看到这样的新手帮助一律立即关掉”的评论,还有之前所收到的一些朋友包括一些“老师”的反馈,我要说的是叭,我挑来做翻译的英文原文,在我自己看来,多数是针对一些比较完美而理想的标准进行的方法论述或经验总结,然则每个团队每个产品所在的实际情况必然是不同的,作者将这些经验见解分享给我们,就是为了让大家在一个相对“正确”相对“理想”的方向上,根据各种实际因素进行调整而落实到实践中。理论陈述、经验分享、方法归纳,这些东西按照理想了来做是没问题的叭?能否以合适的方式加以吸收并以合适的方式运用在你自己的工作中,那是你们自己的问题好吗,亲?只要有点什么不错的设计思路,一群无脑产品就会立刻拿来一股脑的哪哪都给用上,这不是设计思路的问题而是人的问题好吗,亲?

就这样叭,不多聊了,还是那句话,我就是一玩家,我做我喜欢的东西,如果这些文章偏巧能对您的工作学习有帮助,那再好不过,如果不是这样,我也不会觉得有丝毫遗憾的。正文叭。

移动应用的成功准则 - 从产品概念到市场推广 »

几天的风风雨雨似乎在这个周日的上午逐渐褪去了,现在整个书房几乎要被阳光铺满了。如果阳光能发出声音,想必满屋子都会是轻盈精巧的小旋律了。

又是一篇我自己非常受用的文章,长是长了点,拿来把译文做掉,分享给大家。特别是后面关于市场推广的部分,我很喜欢;即使在环境如此恶劣的这片土地上,仍然希望至少能够通过自己的一点努力为大家的生存环境带来一丝正能量。进入正文叭。

多数应用产品会走向失败。残酷的现实甚至让很多不抱希望的设计师和开发者们开始认为,只有运气足够好,才能在App Store当中获得成功。

这种想法就像用来缓解失败痛苦的麻醉剂,其实蛮危险的。痛苦不是坏事,痛苦才有救,才能让人看到问题所在。如果我(英文原文作者)的应用失败了,我会首先在产品身上找原因,而不是毫无意义的埋怨那些我们控制能力以外的因素。大家所处的环境是相同的,为什么不想想看来自tap tap tapTapbots的家伙们为什么就能一再获得成功呢?

本文所归纳出的"移动应用成功准则",内容涉及产品概念、设计、开发、市场推广这四个方面。必须承认,在现实当中,我们其实很难完美无暇的将这些准则落实到位,但有一点是肯定的:沿着正确的道路向正确的目标努力前行,你能获得成功的几率将增大很多;我们可以依靠的绝不只有运气。另外,虽然本文当中的相关内容及案例都是以iOS为例的,但其中的道理同样适用于其他平台。

初创型团队容易在用户体验方面犯的十个错误 »

最近的天气是蛮有张力和动感的,昨天刚开始做这篇的时候外面还是风雨着,一群鸽子站在对面楼顶呆呆的接受着洗礼,眼下又蓝天白云阳光灿了个烂了。

眼看着Beforweb这个博客做了将近一年,也想不到什么庆祝的方法。回头看看差不多每周一篇的产出,心里开出几朵蘑菇。时常有朋友来这边或是到我的微博留言说博主辛苦,感谢分享一类;其实我是真的乐在其中,谈不上什么辛苦。翻译玩票的性质没有变,好在做的这些东西能给很多朋友带来阅读价值,这是很好的事情。

这次的译文对我自己来说还是蛮有价值的,无论是在公司做的一些新项目,还是自己试图折腾的一些玩意儿,其间隐约感觉到的问题几乎都可以在这篇当中找到身影。不多说了,接下来进入正文喽。

“怎样才能提升我的网站(或应用)的用户体验?” 这是一个即常见又没有标准答案的问题。特别是对于初创型团队及产品来说,这个问题所涉及到的影响因素更是多种多样。幸好,有一些实践准则可以帮助我们朝着正确的方向前进。在本文中,我们将了解一下初创团队在塑造产品体验的过程中有可能犯下的错误,以及怎样避免这些问题的发生。

为产品赋予人格 - 情感化设计的组成要素及实践案例 »

又一个宁静的周日。周末的娱乐活动无非就是这些,做做博客,看看书,捣鼓点儿小代码,玩玩琴。最近在准备一些软硬件设备(见我的微博)以及素材段子,接下来也许会出些demo;蛮久没像样的折腾这些了。

说正经的,眼下这篇文章是最近为数不多的让我感到多次触动的东西。之前在微博上说了,“全文读下来我有种…五体投地的感觉。如此用心打造的产品怎会不成功?一个个在情感化设计方面具有代表性的产品罗列在一起,看着这些又开始有那种感动的感觉”。我并非希望借助这样的阅读资料让自己立刻掌握相关的技能,其实更重要的是这些东西在头脑中留下的那些印象,那些条件反射般的“感觉”。不多说了,进入正文。

Flickr为用户准备了很多有意思的登录欢迎语,这其实是一个容易被忽略的细节,但Flickr的整体设计风格与产品气质也正是由许许多多这样的细节构成的。也许,只有当这些细节从产品中消失的时候,我们才会发现并开始怀念它们

Pages