BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

交互设计

移动应用的十项设计原则及小提示 »

有好天气和好梦的周末,简直就是对自己能活下来一周的奖励和鼓舞。我看猫,猫看鸟,鸟在晒太阳,简直像画中的情境,美好总是这么不真实。

本周小译文,偏向于设计意识形态的培养。在我个人看来,阅读资料分为两类,一是具体操作指导性质的,另外就是这种建立思维框架、培养思维模式性质的。这两类文章,我基本上是交替看,交替做译文到这边的样子叭。不多说了,进入正文;今次的图标调皮了。

移动设备与传统桌面设备虽然都被成为“计算设备”,但它们之间的差异是显而易见的:移动设备的屏幕要小很多,无线网络链接方面会有不稳定,电池续航能力较弱,等等。这份“弱点”清单可以列的很长,但如果你因此认为移动设备就是降级版的计算机,那同样是错误的看法。

实际上,从其他一些角度来观察,移动设备又是比桌面设备更加强大的。智能手机和平板电脑都是更加个人化的设备,它们会一直陪伴在你身边,让你随时随地都可以接入互联网获取所需的信息;它们身上还有传统设备所不具备的很酷的功能,包括GPS、数位罗盘、加速计等等。

所有这些差异都使得移动设备当中的应用程序在界面设计方面存在很多独到之处。我(英文原文作者)基于在自己的workshop中的工作经验,总结出了移动应用界面设计的十条原则及小提示,在这里与大家分享,希望能够帮助那些还不是非常熟悉这个领域的设计师们建立起一套有实践价值的设计思维框架。

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

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

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

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

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

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

移动应用设计案例 - 打造初创型产品的用户体验 »

又是天气不错的周末,不冷不热,一年里最舒服的一些时日了叭。感觉自从十一长假结束之后有些东西就变掉了,自己熟悉的很多事情、很多感觉,都像是在头脑里向后退去了一层,要努力去抓才能让它们回来的样子诶。也许只是阳光泛滥了太久的缘故。

好叭。今次的译文是我最喜欢的一类小菜,篇幅简短,实战性强。原文作者,来自Frog的一名交互设计师,讲述了她与朋友在共同设计开发拼车服务Ridejoy的iPhone客户端的过程中所遇到的一些挑战以及相关的解决方案。前戏到这里,进入正文。

Ridejoy拼车服务在Web端上线运营了几个月之后,大家对当前的用户基础有了比较清晰的认知。而对于Ridejoy的iPhone应用来说,我们希望它不仅仅是网站的移植版本,它所能带来的应该是更符合移动上下文环境的全新用户体验。

基于这样的产品思路,我们识别出了三个关键性的挑战:

  • 怎样鼓励驾车者及搭乘者发布更多的信息?
  • 怎样快速有效的帮助驾车者及搭乘者进行匹配?
  • 怎样促进那些已被匹配的驾车者及搭乘者更有效的完成约定?

精益创业 - 用户体验设计的新包装 »

最近一个多月过还是蛮有料的,读了《精益创业》(Lean Startup),然后参加了公司的精益创业产品集市;读了《启示录:打造用户喜爱的产品》,然后作者Marty Cagan过来做了两天的培训,其间也涉及到很多精益方面的话题。记得以前也在微博上念叨过,我很喜欢这种小范畴短时间高密度的信息接收方式,就好像把自己浸泡在营养液里一样。即使无法很快的掌握全部知识,也可以在头脑中培养出思维的惯性。

今天在订阅中读到这样一篇Lean Startup Is Great UX Packaging,涉及精益与UX的话题,也就顺坡下驴的用来做本周译文。篇幅上还算适中;本周也确实有够疲劳,会员卡、预订等几个项目轮番搞,时值周末实在无力做之前“设计师应该了解的iOS应用开发基础知识”那样的长文章了。那么,闲话终了,进入正文。

精益创业(Lean Startup)的基本思路及实践方式,从某种程度上讲,其实就是用户体验设计圈子中的行家们多年来所讲述和提倡的东西。与过去不同,现在人们终于开始懂得去关注这些了。而所谓的精益用户体验(Lean UX)本身也不是什么新事物;类似于“AJAX”,它们都是对已有概念和技术的一种综合运用方式,这些名字本身更像是“包装”。

企业家或新创公司的创始人一直在为“怎样开发优秀产品”这类问题寻找答案,而我们(UX从业者、研究员、可用性专家们)曾经提供的答案多数都过于复杂了。想想看那些只有我们自己或同行才能听懂的黑话(又称行业术语),譬如可用性测试、用户角色、实境调研、眼动追踪等等。

先了解规则,再寻求创新 - 关于iOS应用界面自定义 »

刚刚在微博中傲娇的赞许了一下iOS 6当中图标形式的Action Sheet。我真心不愿意用九宫格这三个字,好傻。地图用谁家的,能不能用汉语调戏Siri,这类问题我个人来讲不是很关注了,没多大需求;倒是这些交互模式当中的小改变更让我觉得惊喜。

这些改变体现出的设计原则依然是我们耳熟能详的那些:针对移动设备特定的使用情境,减少用户对于文字的阅读量(文字按钮的文案)、减小UI元素的排布密集度(文字按钮纵向排布的方式)、充分利用用户对常规应用图标的辨识和记忆能力(邮件 、信息、微博)等等blahblah...iOS Human Interface Guidelines摆在那里,有多少设计师能真正把它吃透呢?不想代表任何人,至少我觉得自己远远没有达到那样的程度。

Xcode正在更新,不知所谓的“SDKs for OS X 10.8 Moutain Lion and iOS 6”当中是否包含制作新模式Action Sheet的方式,希望可以喽;就算不会去做iOS 6 only的应用,看到这样的变化及相应的原生制作方法一点点出现,也是一件非常开心的事。

蛮巧的这个话题与今次选定要做的小译文契合在了一起,多棒的一天。原文当中的一些铺垫就不做过来了,大意是作者的一些朋友把iPhone应用设计想的太简单,把过多的精力放在了业务、市场一类事情上面,却忽略了设备自身属性所导致的交互模式方面的一些特定问题,致使产品自身在细节设计当中具有硬伤blahblah...我们跳过前戏吧,想必看过日本动作片的同学是可以理解的。那么大家都可以理解喽。进入正文。

iOS Wow体验 - 第八章 - 易用性与自动化技术 »

本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第八章译文精选,也是全书译文的最后一篇。上一篇:Wow体验 - 第七章 - 操作图例与触屏人机工学

关于本套译文分享的详情及目录结构,请参考iOS Wow体验 - 译文分享说明

全文由C7210自发翻译(编译),并首发于Beforweb.com,如需转载,请注明译者及出处信息。英文原书版权由Apress所有,中文引进版的版权由相关出版社所有。

在过去的几年里,自动化的概念逐渐出现在了用户体验设计的领域当中。这个概念的迷人之处在于,它会向用户隐藏一些复杂功能逻辑与操作流程,使用户将注意力集中在目标任务本身,从而令产品更加易用。

在本章当中,我们将了解一些自动化的基本知识与相关设计准则,看看怎样将自动化技术方案整合到产品的用户体验框架当中,期间需要注意哪些常见的问题。

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

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

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

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

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

横竖屏切换中的界面设计与体验提升 »

之前一周朦朦胧胧的过掉了,想来也没什么可回忆的。这是一种不坏的状态,就像每天早上莫名的空洞,它们都代表着生活和工作里至少还没有很坏很衰的事情让人焦虑。有吗?也许只是在哄骗和宽慰自己。

杂志一般的小译文一篇,适合这样的下午做一做,适合这样的周末读一读。走着。

眼下,智能移动设备内置的加速计的主要作用,就是根据设备的定向方式来决定屏幕的显示模式,也就是在横屏或竖屏模式之间进行切换。这种功能使用户通过简单的动作就可以得到额外的布局模式,期间不需要操作任何界面元素或实体按钮。对于我们来说,这是一个提升产品用户体验的契机,但其中也不乏挑战;我们要充分了解不同定向方式所涉及到的使用情境,并确保两种体验模式之间的差异不会给用户带来唐突的感觉。

几乎所有类型的移动应用都能从显示模式切换功能当中获益。本文将围绕着这一话题,为应用的设计师与开发者们介绍一些可以运用到实际工作中的基础概念,同时还会帮助大家了解那些在实践当中有可能遇到的挑战以及相应的解决方案

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

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

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

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

十个方法,让你的线框原型更具沟通能力 »

虽说是每周一篇译文,不过这事儿确实不能算是非常容易。从阅读,到筛选,到试译,到最终确定本周的文章并完成译文,主要还是依靠每天抽些时间来做。还好,毕竟是自主行为,爱过,也仍在爱着,这就是UX从业者兼翻译票友的节操有木有。默,我们进入今次的正文。

我(英文原文作者)参与过很多产品的线框原型设计,包括我自己独立完成的,还有与其他设计师、产品经理甚至是业务分析人员一起合作的。这很棒,因为在这个过程中我见识到了很多优秀的项目。不过慢慢的我也发现了一些问题,一些大家时常会在原型制作过程当中忽略掉的要素;如果能注意并解决掉这些问题,我们的交互设计产出物就可以发挥更大的实战价值。

下图所展示的是一个很典型的例子,我们通常会将这种风格的线框稿交付给相关同事来跟进视觉设计或原型测试的工作

Pages