【译】365说服激励术之15-24

在进入译文之前,我有点想写点小说类东西了,估计会比译文看的人多点。其实这周发生了两件不同寻常的事儿:好友要离职,大学时班主任(学长)前来深圳考察。这两件事儿让我总在思考理想这事儿。其实理想是一个文学术语,只是表达方式充满了人文浪漫主义的情怀,再翻译一遍成大白话儿就是钱和“前”(途)。只是我自己文雅了一把、小资了一把、矫情了一把、自我包装了一把。恰逢最近又在读的《剩下的都属于你》又是流氓文学的类型,核心是对社会的一种不满与批判,激起体内荷尔蒙分泌,导致一种不可抑制的述说的冲动。我想撕开这生活里面“面子”的这层面纱,一起直白的聊聊“里子”,或者是划开自身表面的这层皮囊,让你们明白这才是真的我。

如同《剩…》中所诉,我们总是存在与一种所剩不多的世界,我们总是那些拥挤、忙绿、嘈杂的脑袋中的一个。我们时刻都处在一种春运抢票的状态之中,学习考试要第一,不然总会被尊师讥讽;恋爱时候像选秀,不然永远都是那首可惜不是你循环播放;工作中能干为基,精明为辅,方能走向事业巅峰。刀光血影一路走来,还能保持一颗坦诚的心灵着实不易。我先坦诚一把,聊聊翻译这件事儿。

为什么会选择弄翻译,真的找不到几条借口,应该说纯粹是个人喜好吧。也不知道从什么时候起,翻译成为了自己一种学习的方式,看似一篇短小的文章,至少也经过了筛选与精读、修改等几个步骤,阅读面自然上去了,深度也会有所提升。同任何其它方式一样,若想短期内产生什么收益,恐怕还真有点为难,如果说对学习语言有好处吧,把这些时间拿来背背单词看看电影效果更佳,如果说是专业方向,国内大牛的博文精读收益更广。唯一能有所区别在于,毕竟东西方思维学习方式不一致,行业现状也不同,随时让自己处于时代浪潮之颠并无坏处。加之自己不反感这种形式,愿意花时间来弄这些事情,也能坚持下来,理由什么的也就不再重要了。

这次的译文任然是心理学相关,内容较为简单,如何应用,期待大家共同发掘。相较于其它行业,电商可能更注重对人的研究以及对人心理的把控与引导。毕竟,购物是非理性的,除了流程及可用性上无瑕疵之外,更重要的可能是刺激与引导用户产生购买行为。活学活用希望让大家“有利可图”。

原文地址:http://www.blog.theteamw.com/2014/04/17/365-ways-to-persuade-and-motivate-15-24/

在此文中,我一次性给出10条说服及激励的方法。屌不屌?

(更多…)

Read More

【译】可穿戴设备的价值在何处?

这周还是一篇关于可穿戴设备未来文章,主要观点与之前的一篇《未来可穿戴设备的用途》简直相同得另人发指。两篇文字的作者都觉得可穿戴设备在身份验证(钥匙功能)、数据收集及控制方面有着巨大潜力。只是具体控制能有多大能量,现在仍然有很多缺陷,前景尚不明了。

原文地址: http://www.lukew.com/ff/entry.asp?1889

因为对移动技术很感兴趣,我一直在关注可穿戴设备的市场,而且使用了很多早期产品。从智能手表到智能眼镜、健身手环和夹子应有尽有,而且在使用的过程中,我逐步发现了可穿戴技术的真正价值。

在试用不同的穿戴设备数月后,我偶尔发现了评判其价值的准绳:我持续给他们充电么?如果这个硬件设备对我来说足够重要,我就会把充电器带在身边,不断的查看电量,一次又一次的给它充电。

1

(更多…)

Read More

【译】STLUX大会笔记–Luke Wroblewski

什么是STLUX

我猜,我真的是猜的,应该是ST.LOUIS Uer Experience的缩写,既圣路易斯用户体验大会,每年会在圣路易斯大学举办,为期一天。官网:http://stlux.org/

STLUX:未来的交互设计

2014年圣路易斯STLUX大会上,Morgan Noel 分享了未来电影中交互。以下是我对他的演讲的笔记:

  • 媒体会影响我们对界面的期望
  • 我们的预期是受到引导的:黑客,虚拟现实,语音交互,和手势交互。
  • 不论怎样打字都是很无聊的事情。我们希望用户得到他们真正想要的东西,越快越好。
  • 最棒的体验是很神奇的。人们希望它是天衣无缝的,这要求部分用户体验设计师门花费大量努力。
  • 如果电脑界面看起来像个电脑,人们期望它会表现得像个电脑,如果电脑的界面类似一个人类,那么你就应该表现得像个人类。
  • 英语中有135个常用词汇。我们会用的词大概50万。但是聊天机器人“Alice”大概只有3W条设定好的回答就很像“人类”。这并不是很难的一件事情。
  • 现有的手势系统没有公共的交互语言,还有空间来建立、形成使用低廉的工具如Leap Motion。
  • 人们希望事情既伟大又简单。

STLUX:新兴交互的体验设计

2014年圣路易斯STLUX大会上,Erik Dahl 讲述了设计师在我们面对的新兴科技需要注意的问题。以下是我对他的演讲所做的笔记:

  • 我们应该如何赋予新科技人性,提前思考下如机器人一般的应急概念、基因学、关联的环境等等?
  • 以机器人为例,在技术上已经取得了惊人的进步,但是它仍然需要设计们来赋予灵魂以更好的融入我们的世界。
  • 环境中的传感器网络能够发现之前影藏在黑暗中的信息。
  • 新兴的科技不是在已有的框架或公共设施的顶部加盖,你需要比现有趋势更远更高。
  • 在新兴技术中设计师扮演什么角色?
  • 开发流程分层:中心层逐渐演进(自然,文化,管理)外层快速变化(商业,时尚)。
  • 产品的软硬件成本都在下降,所以每天都有大量产品诞生。但受开发流程限制,人类能处理的很有限。
  • 设计师和开发者的工作就是替人们管理复杂。并不简单的阉割,而是利用设计和开发手段简化复杂这样用户就不用面对复杂性。
  • 我们不能迷恋自己创造的东西,而应该关心人们的生活。
  • 设计师需要抱着同理心来帮助人们与新技术建立良好的关系。
  • 我们需要成为一个综合型设计师,了解艺术、工程学、商业等等。
  • 保持不断学习,扩充自己,并与其它人合作。
  • 每个新设备就应该削减系统的复杂度。我们没有巨大的视野来了解事物和设计。
  • 实验需要想象力,你的实验怎样让我们离想象跟近?
  • 我们怎么才能通过故事在人们的生活中创造意义?从你想创造的意义开始,然后回归到故事上。我们要弄明白怎么听故事,也需要明白怎么讲故事。

Read More

【译】Facebook paper的设计好么?

原文地址:https://medium.com/ux-ui-design/f1551994614c

作者:msechea

Facebook Paper的目标是打造一款社交媒体与流行新闻无缝结合的产品,以此提供耳目一新的开放式阅读体验。它漂亮的全屏图片和其它绚丽技巧肯定会让你的伙伴们映象深刻。同时它不支持老版本浏览器,而且将手势提到用户体验的核心位置。如果你瞄一眼iTunes里面的评分和排名,里面全是压倒性的好评,好像除了Paper其它常规Facebook应用都太无趣、太过时了一样。

Facebook创新实验室的设计师及工程师们在Paper项目上花费了两年,努力创造新的和不一样的东西。可以说他们达到了自己的预期目标。让我们仔细研究下这个应用,看看有哪些地方值得我们关注。

设置

1

1.设置页面下面一个独立的二级标题“设置”完全是浪费空间。ios设置确实有这种二级标题,但是肯定不会使用和主标题一样的二级标题。

2.激活和非激活状态的展示方式识别不清晰,很难分辨开关是开启还是关闭状态。应该使用更确定的颜色,而不是半透明效果。

3.Facebook Paper仅提供唯一Read Later工具,在今时今日,这肯定是不够的。其它应用都会允许用户使用多种Read Later工具–公平地说–在这方面Paper不符合标准。

4.在设置中轻击账户设置或者隐私快捷方式,你会看到一个粗糙的报纸打开的动画,然后你被带到了早期的蓝色Facebook设置菜单。这是为了“准点发布”而做的一点牺牲,正确的做法肯定是和Read Later和Legal一样重新做一个二级菜单。也许在未来的更新中,他们会有时间修补这些地方。

内容发布

2

1.公开度选择控件简直开启了触摸尺寸的新纪元:铅笔芯大小就够了。不仅如此,弹出式的列表的滚动截断异常丑陋,并没有使用半透明的效果暗示层级关系。

2.我知道这是一个重要级别不高的开启位置授权的教程,但是这设计看起来像设计实习生的疯狂之作(顶部是中间对齐,下面是“锯齿状”对齐)。不仅如此,上面那段话的打断方式也是错的(第二行的in the 应该放到第三行。)

轮播图

3

轮播卡片上的文字在iPhone的小屏幕上很难看清。更糟糕的是没有一个中间地带:你要不就只能从右往左滑动这些卡片,同时眯着眼睛看这些标题;要不就单独打开某一张卡片,然后全屏滑动切换。问题主要出在卡片顶部:除了一张卡片LOGO,右边空着一片。这个模块高度占比巨大,特别是在轮播视图中,这块面积就占据高度的25%。在详情视图中,这块也占据着16%。当你看工业设计类内容时,大概50%的卡片上都会出现相同的LOGO。

4

与Facebook应用相比,你怎么也想不通为什么这个块LOGO要占据如此多的空间。

5

那么有没有更好的办法呢?显然有很多,如上图所示的方案只占用15%的空间,与详细视图中占用的高度差不多。通过将简图移动到右边,同时减小尺寸并贴向顶边,文字就有更大的空间得以展示,用户在阅读内容时能有视觉透气的空间。

返回搜索或设置

从主视图中,通过下拉出现的搜索,来到某人的简历卡片视图时,没有清晰的返回搜索的按钮。你必须拖动靠近屏幕顶部的窄条来返回搜索。如果手指太靠近屏幕,又会下拉出通知中心的tab;手指位置太靠下,你就会离开这个人的卡片。试试你能不能一次成功,而不需要反复尝试?

喜好选择

让用户挑选自己喜欢的内容类型本来有很多常规方法,而且肯定存在更简单的方法来达到目的。嘿,你的用户可是同时使用ios里面的iBook的,肯定期望有更简单的办法。有很多常用视觉动画可供选择:jelly/webOS/rubberhand,而且它们都很有意思,但是你觉得站在Paper整个应用的高度来看待这一路径,有多大必要在这中间使用它们呢?这是一个应用被分开独立开发的例子,团队分开跟进应用独立的部分,最后这些碎片被组装起来。看起来你设计和开发了一个些很酷的东西,但是它怎么与整体相协调呢?

Paper提供19个不同主题流派可供选择,但是你只能添加其中9个到你的队列中(其中Facebook的卡片不能被随意处理,这样当然不行!唉~)。

加粗,加粗,还要加粗!

Mike Matas说Paper受印刷设计的影响太大了,那么这些印刷上的敏感在哪里体现出来了呢?

6

关于页卡里所有的文字,不论标题还是内容主体,包括关于、详情和联系方式,都是粗体、粗体和粗体(还好,网址和邮件地址不是粗体)。

交互式多卡片视图

7

Paper的交互式卡片视图里有一些很奇怪的复制的卡片行为。假如我打开多个卡片视图,然后通过之前说过的方法打开搜索,然后点击一个组,这时这个组会正常打开。现在如果我再回到搜索,点击同样的组,这一组的复制卡片就会出来。这有多荒谬!如果要使用卡片的暗喻,至少让行为保持一致,没有复制的卡片可以像变戏法一样出现在导航中,不管是该卡片经过什么样的操作。

卡片消失的技巧

8

如果在上图所示视图中有多张卡片,我点击其中一个,它会关闭它下面的卡片。如果还有其它上层卡片存在,上层的卡片就会保留。什么意思?(译者注:貌似这里的多卡片视图是基于用户打开卡片的流程,就是说用户肯定是从上到下,一个一个打开这些卡片的,所以paper会认为你选择卡片的行为相当于一个返回操作,直接就把下面的卡片关掉了。)

列表页

如果你用过facebook,却没用过列表,你肯定不是facebook的忠实用户。列表在facebook应用和网站上很常见,但是在Paper上却完全看不到它的影子。

9

10

没人知道如何在Paper中进入列表视图,看样子设计者们实际上不知道列表和群组的分别。希望列表在以后的更新中会回归,到现在为止,Paper不可能代替Facebook应用,不管它看起来多么光鲜。

镜子,镜子

11

如果你在轮播视图往下拉,你会看到故事主图的无厘头镜面反射效果。这就是最好的细节设计方案?Steve Jobs绝不会同意。

web页面还是web页面

12

有些卡片会链接到一个web页面或者文章,这种页面会包括广告、组件和其它你不需要的垃圾信息。2014年怎么还会有这样的设计出现?与Interesting应用一样,在应用中心的预览图片中,它那么棒,值得拥有,但是购买之后你才发现根本不是那么回事。Paper看起来很漂亮,但是它不提供选择优化阅读模式或者满屏垃圾的网页模式。Zite提供,Pocket提供,Safari中的Reader也提供,但是Paper决定偷工减料,于是用户得到一个草率和幼稚的解决方案。

难懂的“返回”

Paper使用一个v型标志(看起来有点像苹果的设计),让你在卡片中打开一个在网页后,能够通过点击关闭网页返回卡片。这个图标同样存在于多张照片卡片组中。问题在于,你点击不到这些标志。你可以自己试一下,你会打开一个图片的亮盒视图。如果它没有用为什么会在哪里出现?甚至当你咋两张照片中间点击它时,它会卡死一会儿,你的点击没有任何意义。

小结

Facebook的应用仍然存在和被使用,但是Paper让它看起来和用起来都有些过时。但和动画华而不实的是,我边滑动卡片边扫读时,看不清每张小卡片的大意,也弄不清楚下一张会是什么内容。这种不清晰的感觉不能给人带来快乐,特别是在iPhone上。水平的滚动和滑动不自然,只要我们的web文化存在,网页都是垂直滚动,它就不会自然。

我希望创新实验室能好好检查下应用中的排版,特别是大小和轻重,让它们发挥作用。这里还有很多工作需要去做,但是我觉得Paper很多排版上的问题出自时间限制和急于推出产品。设置菜单也是同样的问题。

Paper中使用卡片的暗喻,但是既不聪明也没有逻辑性。Paper只是实现了卡片式外观,但是它们没有完全支持卡片式UI应有的行为,很可惜对不对?

我想知道用户对Paper的喜爱是否超过了其它新闻消费应用如Zite、Digg和Paper的同胞兄弟Flipboard。这些应用深知自己的定位,也很好用。

我也尝试发现Paper的优点,如果有的话,那就是它有一个良好的平台可以依赖,可惜的是没有提供一个良好的移动体验。创新实验室在探索不同解决方案上面做了很多了不起的工作,但是如果核心还是基于新闻内容和读者,这些美化工作都没有任何意义。

Read More

【译】八个大限将至的设计元素

原文地址:http://uxmag.com/articles/goodbye-to-8-design-elements-whose-time-has-come

by john McKinney

去年,几个我不太喜欢的设计元素和技术手段的丧钟被敲响。其中一些已经销声匿迹,一些正逐渐消亡,有一两个最近走到了它们的终点。从长远看,我觉得它们的消亡会让14年的体验设计更好。

1.下拉菜单

下拉菜单从互联网的诞生之日起就是用户界面的基础之一。数不清的网站仍然使用hover状态的下拉列表来作为主要导航的一部分,但是随着响应式设计、跨设备设计趋势的到来,下拉菜单将没有用武之地。

现有技术格局中,下拉菜单无法再没有hover状态的平台上完成功能(平板电脑或者是手机)。随和移动优先的运动日益壮大,以点击为基础的导航变得更流行,如“汉堡图标”将整个网站导航纳入一个可点击列表中。

2.轮播

轮播图是另一个古代界面遗迹(至少从互联网标准来说是这样),它在页面首屏以上特定区域展示多重特色元素。基于时间的循环的轮播正被逐步淘汰,特别是在支持基于宽度自适应内容模块的新闻网站中。这种趋势消亡也是因为手机和平版电脑用户的增加,在他们尝试“滑动”轮播图或者元素中间的导航却滑不动的时候,就很令人沮丧了。我们所熟知的轮播将会进化成基于滑动的画廊式界面和导航而不是基于时间规则。

3.IE9

感谢互联网之神!一些大的互联网公司终于开始加快淘汰老版本IE浏览器的速度。记住,仅仅在几年之前,我们还需要舍弃一些用户体验来确保兼容IE6。更糟的事,我们一直受迫好多好多年才逃出生天。快进到今朝,像谷歌和脸谱这样的大哥大都基于标准的改革,迫使微软要么做同样的事情,要么就被拉在后面。

老的“拥抱、扩展、消灭”哲学并没有在浏览器大战中起到作用。如果微软不能赶上chrome、火狐甚至safari漂亮的创新的步伐,IE会持续失去浏览器市场份额。在2013年11月,谷歌宣布停止支持IE9,这通常意味着其它用户体验社区也会步其后尘。这对未来很有帮助,因为体验是基于你最弱的一环,兼容老版本的IE使得你失去创新的能力。

4.拟物化

设计呆子们之间最火的话题,拟物化和平面化之争在去年吵得沸沸扬扬,而且在2014年也会继续下去。毫无疑问,苹果是拟物化最大的支持者,它的IOS设计和其它2013年前使用的移动系统版本都证明了这一点,然而谷歌却以多年来的扁平化设计赢得冠军。随着安卓市场引人注目的上涨–同时微软通过新的Surface和手机操作系统也搭上扁平化的列车–苹果已经做出了选择:要么坚持固有无趣的设计趋势(也许是不友好的界面),或者是拥抱新的设计趋势。随着IOS7发布,苹果选择了扁平,熄灭了拟物化最后的火种。

5.FLASH

虽然苹果很晚才加入扁平化的阵营,但是他们赢了Flash的战争。当苹果发布iPhone和iPad的时候就决定不支持Flash,因为这些平台的流量不容小觑,广大广告商、网站管理员、和开发者们都积极接纳了“HTML5”风尚。在2013年,flash广告开始衰败,更不用说纯flash网站了。很多我所知的Flash开发者都开始接触Adobe Edge,一款基于HTML5、CSS和JS的动画功能,希望能留住某些网页开发者的心,但是这一切在如今随处可见的优秀开源工具面前,显得太晚、太微不足道了。最初发布于2011年,在2012年又做出了一些重大更新,Abobe公司大力在推广Edge,虽然Flash任然可以使用和支持,但是开发者们已不再青睐它了。你也很难再找到一些主要网站仍在使用Flash组件了。

6.网页

网页仍然随处可见,但是它们正在经历一些重大变革。上面提到过的内容不再赘述,我们越快逃离折磨集体智慧的旧版IE,就能越早放弃独特的网站页面。这种趋势是设计和技术变革结合的产物,几年前就开始酝酿,现在开始彰显它的魅力。现在很多网页开始“应用化”,大多数都是那些既没必要也不愿意开发原生应用来迎合平板和手机用户的平台。如Quartz、Facebook、Google App都顺应了这个趋势,并在网上获得不错的反响。

Gawker media是这种方法的早期采用者,2011年就推出备受争议和短命的hashbang驱动体验。他们的网站借助当时新的HTML5标准PushState实现无页面化设计,该技术实现在不更新页面导航情况下,异步更新内容。Pitchfork.com是另一个尝试这种技术的网站,很好推广了如PJAX和TurboLinks等工具,后者后来成为Rails4的核心特性。随着实现障碍的降低,越来越多的网站开始尝试这种思路,可以预见会有大量网站接受这种方法,因为它更简洁、更快、成本更低。

7.共享主机

在我预言主机提供商们即将完蛋的时候,它们实际上还活得好好的,还有一些公司需要物理服务器(虽然未来可能只有Google和Amazon两个数据中心)。“共享主机”的概念除了大量迁移到云计算和平台的耗费外,一无是处。为什么非要每个月支付给GoDaddy20美元来买一个你啥都不能控制的主机,你完全可以花更少的代价得到你需要的带宽。为什么你要同其它你不知道的人共享你的服务,忍受你无法攻克的瓶颈?现在几乎所有的主机公司(GoDaddy、MediaTemple等)都有云或者其它虚拟服务器,以便于Heroku、Amazon网络服务器和Google应用引擎竞争。

8.“m.”网站

在响应式设计的普及之前,只有一种向平板和移动用户传递内容的办法:读初始请求,检查用户设备,然后重定位到该网站的移动版本。移动版网站有不同的代码库和完全不同的特性。发布者任何时候更新网站版本,都需要对两个版本做同样的事情,维护起来更复杂,开发成本更高。即便是如此,“m.”网站在响应式设计出现后仍然有存在的理由。比如,广告平台需要一段时间来调整成单一页面能够输出两套截然不同的广告。为了解决这个问题,广告商需要为每个页面的所有服务,渲染基于设备的移动或桌面广告。类似这种特殊问题很早以前就被广告平台解决,现在“响应式设计”早就成了日常术语,支持单一平台而不是两种展示样式的成本收益很明了。

Read More