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

交互设计

先了解规则,再寻求创新 - 关于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从业者兼翻译票友的节操有木有。默,我们进入今次的正文。

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

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

为用户的成功操作提供正面反馈 »

炎热的天气,宅在家中拉上窗帘一边看着喵们耍宝一边做博客,这情景让我想起阿拉蕾一家。Take me down to the paradise city where the grass is green and girls are pretty.

下午茶一般的小文一篇,关于操作响应、正面反馈、用户满意、皆大欢喜一类。进入正文吧,毫无压力。

我们喜欢告诉用户他们做错了什么,我们准备了各种出错提示,从电话号码输入格式有误,到登录失败。但是对于用户的那些成功操作,我们又做了什么呢?有没帮助他们庆祝,告诉他们“嘿你做的非常正确”?

正面反馈是提升用户体验愉悦度的关键因素,我们要让用户了解到他们正在执行的操作是正确的,这一点非常重要。在本文中,我们将一同了解一下为什么正面反馈绝非可有可无,作为设计师,我们应该在什么时候、以怎样的方式将其运用在网站当中

iOS Wow体验 - 第七章 - 操作图例与触屏人机工学 »

本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第七章译文精选,其余章节将陆续放出。上一篇:Wow体验 - 第六章 - 交互模型与创新的产品概念(2)

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

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

相比于前几年,如今的触屏设备已经成为市场当中的绝对主流了。不过即便如此,人们对于这类设备的人机物理交互方式仍然缺乏足够清晰的认知与理解。市面上的很多应用虽然在功能方面都相当的酷,但是从人机工学的角度来看,它们的设计却非常不合理。这些应用能够很有效地激发用户的好奇心,吸引他们去下载,但通常会由于用起来相当不舒服而被用户很快地卸载掉。

我们要尽量避免这种情况发生在自己的产品上。花点时间来了解一些这方面的基本常识是很有必要的,本章所要展示的一些基本概念将为你的实际设计工作奠定良好的基础。

从iOS到Metro - 重新设计应用的交互模式 »

上周有幸玩了一会Metro的平板。单说视觉风格,仍是我的大菜,但真正用起来却不觉得舒畅,尤其是横向浏览内容列表的时候,视线不停的在X轴与Y轴之间切换,很快感到头晕目眩,这一切似乎比瀑布流更加凶残。

当然,仅仅是个人感受;我不想这样就得出Metro中看不中用的结论。做这篇译文大致可以代表我的立场,即相比于iOS来说,Windows这套东西确实有很多独到的精华在里面;我想通过这样的文章加深认识,了解一些表象背后的东西。也希望本文可以给那些已经熟悉iOS,但对Metro及Windows平板仍属于初识的朋友们一个小小的起点。接下来让我们进入正文,一篇与来自微软官方的案例文章。

iOS是个不错的平台,人们在其中创造了各类触控优先、有趣且吸引人的应用。不过,随着Windows 8的登场,设计师和开发者们又多了一个释放创意能量的新舞台。

在本篇案例当中,我们将帮助各位使用Metro风格的设计原则对原有的iOS应用设计方案进行重新构思,大家会了解到怎样将iPad当中一些常见的界面元素及体验模式转换成为Metro风格,以打造全新的Windows 8应用。我们将对同一款应用在两个平台中的不同设计方式进行对比,帮助各位了解怎样将你的应用与Windows 8以及Metro设计原则进行完美的融合

iOS Wow体验 - 第六章 - 交互模型与创新的产品概念(2) »

本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第六章译文精选的第二部分,其余章节将陆续放出。上一篇:Wow体验 - 第六章 - 交互模型与创新的产品概念(1)

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

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

面对竞争对手的产品,积极主动地寻求具有差异化的用户体验设计之道——这个过程会顺理成章地引出“标志性的交互模式”这一话题。所谓“标志性的交互模式”,就是指那些能够帮助用户对你的应用产品及公司品牌产生辨识和认知效应的独特交互模式。

这项工作并不意味着要在现有的产品设计开发流程当中做出某种额外的技术投入,它所关系到的是一种能够在设计方案当中体现出来的观念模式和设计目标。其实,打造具有差异化的用户体验这个过程本身就是对标志性的交互模式的定义,只不过我们一直以来所讨论的对象都是单一的应用产品如果你所在的公司或团队同时拥有数款系列化的应用产品,那么你在系统层面的全局化设计思路就必须同时扩展到其他产品及相关功能当中。这也意味着你需要扩展交互模型设计方案的作用范围;其中的每一个设计决策都有可能影响到产品家族当中的其他成员。

Pages