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

交互设计

UX基础 - OmniGraffle新手指南 »

我发现一事儿,就是最近这些年,每到入职一个新公司的时候,听得东西往往会比多数时候听得更重更金属些,此时以Slipknot和大敌为代表,所爱的东西也会更黑一些,激烈而凶猛的黑,并非Grunge所带来的那类绝望而压抑的黑。

话说这是一个难得的不用把工作带回来做的周末,加之昨天又过了个酒精+尼古丁+Rock N' Roll的周五放纵之夜,今天整个人有点倦怠;天气也阴晦着,毫无违和感。最近也许会做几篇与OmniGraffle相关的话题,希望能给用的着的朋友们带来些参考;今天是一篇很基础的入门小文。走起吧。

这里进入译文。OmniGraffle是一款相当全面的工具,用途很广泛,不过今天我们主要侧重在了解怎样使用它来制作线框图。我(英文原文作者)个人在这方面尝试过很多软件,坦诚的说,没有一款是真正完美的,包括OmniGraffle,但它在综合能力及效率方面的表现确实是最让我满意的。

不过首先,我还是想提及OmniGraffle的两点不足。一是它并不擅长于生成完美的可交互原型,当然,你还是能够制作可点击的界面原型的,譬如在某些情况下显示或隐藏某些图层,或是切换界面等等;另外一点就是这款软件只能运行在Mac当中。

怎样在iOS设计规范的框架下构造灵活的移动体验 »

那,怎样想也都是宅在家里的最后三天了吧。今天下午试着骑车去新公司,四十分钟的样子,一路风风土土,有点闹不住呢,怎样想也还是地铁更加像话吧。

我有个毛病,就是每逢假期或宅期伊始便会告诉自己,“这就开始了哦,很快便会过去的吧,好好享受呢”,然后真的就很快过去了;到最后几天的时候再回想一开始告诉自己的那些话,便觉得凄凉与不舍了。这不有病么?再剧透些,其实现在眼前电视里正在放着日和,接下来发好这篇之后便要喝些啤酒看看X档案。话说我昨天又梦到大灾变了,龙卷风天塌地陷妥妥的。那么,说正经的吧。

这里进入译文。如果你在iOS应用设计方面有过一段时间的工作经验,那么多半会听说过“HIG”,也就是人机界面设计规范(Huma Interface Guidelines)的简写。这份苹果官方文档的内容十分广泛,为设计师与开发者提供了一系列打造iOS应用体验的最佳实践。

HIG所关注的是一套普遍适用的设计原则,其中绝大部分内容是关于iOS原生容器和控件的使用方式的,也就是你在iOS自带的邮件、通讯录、日历、Safari浏览器等应用当中所见到的那些界面元素及交互模式;这些已经成为iOS应用体验的一种官方标准。

HIG方面的话题通常可以在设计师群体中引发强烈的反应。其中一部分人会将HIG视为圣经,而另外一些人则认为官方的规范不够灵活,比起其他一些移动平台来说,在体验模式等方面甚至有些过时。市面上的一些应用,譬如Clear,已经大规模的摒弃了iOS的标准控件和传统交互模式,旨在为用户带来更加独特和前沿的体验模式。

移动应用可用性测试的实践经验总结 »

印象里,似乎最近地震的消息蛮多的,世界各地;前面一周的天气也是大起大落的赶脚,很热接下去又很冷。

我很高兴自己接下来可以投入一个绝对以移动产品为主的工作当中了,终于。这事儿可是真心盼了好久,却始终因为各种原因无法实现。那么,在这里感谢所有有意无意帮助我走进这个阶段的人吧,无论你们是否可以看到。对我来说,每年的春天总会或多或少或大或小的发生些能够让自己记住很久的事情,今年在工作上的进化算是不错的一笔。

不多念叨了,进入本周译文。我个人觉得很受益的一篇文章,作者总结了自己过去几年中在移动产品可用性测试的工作里获取的一些实践经验,或是说小贴士小方法,值得借鉴。走起。

这里进入译文。如果你不大熟悉移动应用的可用性测试,没关系,这事儿没你想象的那么困难;不过移动应用与传统网站产品在可用性测试方面确实有一些关键的区别需要我们注意。

过去的几年当中,我(英文原文作者)为不少移动产品做过测试,从戒烟应用到移动版的车辆保险网站,其中既包括在实验室使用复杂设备进行的测试,也包括在各种实境化的条件下进行的非正式测试。在本文中,我将为各位分享一些经验心得,希望能帮诸位在实际工作中节约时间,提升效率。

八个小方法,帮你成为更具同理心的设计师 »

喝了一个星期的白粥,人都瘪了;忘了荤腥油水的滋味,真能这样素食下去倒也是善举。可突然间又特别想吃午餐肉,另外想到家里猫们吃的罐头的味道,也会立刻淌下热诚的口水。

春暖花开,这是拿offer的季节;事情有了盼头,想想这宅的日子离结束也不远了。虽然天天在家很滋润,可以肆意花时间把书一本本的读掉,不过也真心怕自己又爱上宅的日子而无法自拔;该走动走动了。

念叨完毕,就该正文了。一篇小文,若干贴士,帮你帮我帮大家有意无意的培养意识形态,争做有同理心的好设计师。走着。

这里进入译文。优秀的用户体验设计师应该具有出众的同理心,也就是站在他人的角度看待和理解事物的能力。同理心与同情心是两码事,你不必真心同意或接受他人的观点,但必须对他们的状态感同身受,从主观上理解他们看待事物的角度。

出于以下这些原因,我(英文原文作者)相信同理心可以使我们成为更好的设计师:

关于移动应用的上下文情境 »

印象里每逢春天便会生病的样子,这是一种怎样的精神?10年前非典期间相当给力的高烧与咳嗽,如今恰逢H7N9,又开始疑似起来。就这样我还有心思跟这打字呢?

在很难受的时候,却开开心心的把石康的《晃晃悠悠》又读了一遍,顺便又想到并怀念了一通自己的大学岁月。上次看还是高中的时候呢,十二、三年之后再读起来,确实是另外一番感受。说正经的吧,本周小译文一篇在下面,属于闲来无事可以瞧两眼琢磨琢磨的那种,走着呗。

这里进入译文。要打造终极完美的体验是不可能的,因为每个用户都会以不同的方式使用产品,其中涉及到的因素有方方面面,包括文化、社会环境、个人品味、目标动机等等。

虽然这些因素使得我们难以精确的了解不同的用户在使用产品的过程中产生了怎样的体验,不过,对移动应用上下文情境的研究可以帮助我们对这些因素进行梳理,以便尽可能全面深入的了解用户,有针对性的打造产品的体验模式。

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

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

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

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

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

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

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

“无限滚动加载”适用于你的产品吗? »

在家一天天宅着,倒仍然能对周六周日有清晰的概念,也真是个奇迹。

今天带来一篇关于无限滚动加载的简短译文。其实这事儿,以前在微博上也吐过一阵的槽,印象最深的就是有次在一个什么网站上想点页脚里的“关于我们”,真心点不着,每每要点的时候上面自动加载的内容就顶下来,没完没了...当时就愤恨的琢磨着你们要这页脚有毛用啊?这次看到这篇文章,觉得里面有不少能引起自己共鸣的内容,所以拿过来做,希望也能给各位朋友带来些有用的东西吧。走着。

这里进入译文。怎样通过更友好的方式来呈现一系列的数据内容,包括文章、链接、图片、搜索结果等等——对于设计师来说,这不是一件很轻松的事。在这方面,页码导航(pagination)是一种经过时间验证的、还算值得信赖的解决方案。

不过最近几年,我们可以发现越来越多的网站开始使用无限滚动(infinite scrolling)的方式来呈现内容了——当用户浏览到页面底部时,传统意义上的“下一页”数据会自动加载,并输出到当前页面中。

对于某些类型的网站或移动应用来说,无限滚动确实是一种不错的模式;但在在某些情况下,它也会造成灾难性的后果。

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

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

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

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

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

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

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

从错误中汲取经验 - 我们在打造Buffer的过程中所学到的 »

呼啸了一夜的狂风到了白天几乎彻底消逝,刚刚还见到阳光映在窗帘上,现在又满眼乌云的样子了。其实想想看,如此荒诞的天气似乎已然要成为常态了吧。

宅起来的第二周还是第三周?没什么概念的样子。只是确定EVA又看了一遍,About Face 3仍在读着,另外时不时的与旧友或同事碰头吃饭,互通有无。有毛,全是无。说正经的,今天的译文中,Buffer的两位创始人为我们带来了一些基于实践的经验总结;一起来看看能够从他们曾经犯过的错误当中学到些什么东西吧: )

这里进入译文。Buffer是一款帮助你在Twitter、Facebook等平台上更高效的发布内容的应用,到目前我们已经有超过50万的用户了。两年前刚刚开始打造这个产品的时候,我们就已经做好了充分的思想准备去面对各种挑战,包括设计开发过程中会遇到的障碍以及可能犯的错误。

我们始终觉得,在项目当中犯错是在所难免的;只要能够从中学到一些东西,这些错误就能引导我们向正确的方向前进。从某种程度上讲,将我们的产品一点点推向成功的也许正是一路上所犯下的那些错误。

行为召唤(call to action)之后是什么? »

周日好天气,猫们轮番在窗口晒太阳,不知他们是因为觉得暖,还是知道自己披着阳光的样子特别好看呢。

起床之前半梦半醒的几乎完全区分不清真实与梦境了。在那里听着nothing else matters,于是我现在也打开在听;梦到回公司和林教授抽雪茄,梦到South Park里的人大摇大摆的走在街上,梦到以前的同事问我数学题,而且在几个间断的梦里都在追问,以至于我真的在努力回忆这事是不是真的发生过,但想来也不会有人来问我数学题这样的东西吧。

一篇关于call to action的文章,我想会有一些同学和我一样能够从中收益的。感觉上和之前一篇关于用户行为及反馈效应的文章有些相似的性质,都是将产品中一些对整体体验有着影响作用的环节或流程抽象出来,结合实际案例进行分析,提出一些实践模式供参考,这样。我们来看看吧。

这里进入译文。包括电商在内的很多类型的网站,其主要目标就是促进用户响应“行为召唤(call to action)”,完成转化。无论是对于下单购物、提交个人信息还是订阅内容,作为设计师,我们不仅要想方设法鼓励用户执行目标操作,同时也要关注行为完成之后的相关环节。

Pages