BeFor Web

为网而生 - 关注互联网及移动端产品的用户体验设计 - Since 2011

先祝各位假期愉快喽。不知有多少同学和我一样计划把这8天当中的多数时间花在“宅”上；做做博客和小项目，看看live视频，录点demo出来，太赞了这日子。

话说这里我要长出口气先。今次选做的译文蛮科普的，也真是蛮长的，还好之前几天就开始着手来做，也在微博上做了预告；搞到这两天觉得简直是没有尽头的样子。

我之前几个月花了蛮多时间在iOS应用开发的学习上，到目前为止感觉也仍只是入门而已，所以真心觉得这一篇文章即使再长，也无法让人从零开始学会怎样开发一款应用。但之所以建议和我一样的交互或视觉设计师同学们来阅读，主要目的是让我们自己在头脑里建立开发意识，了解这摊子事情大体是怎么一回事。如果你有兴趣，以此为起点，通过学习逐渐掌握了开发技能，这自然不坏；但更实际的效用，我个人看来还是在平时的工作当中，在打造设计方案的过程中，可以结合具体的开发可行性进行考虑和评估。另外，当程序员同学告诉你哪些不能做的时候，我们自己心里也可以有个底；这事不用说太细，大家都明白。OK废话不多说，进入正文。

作为一名交互或视觉设计师，你希望顺应当前大环境的发展趋势，向移动领域拓展自己的视野和能力，于是决定挽起袖子学习iOS应用开发。兴奋之余，你开始做一些初步的研究，但是很快发现，除非自己有足够丰富的编程经验，否则要实现目标还真不是件易事。

确实是这样。苹果提供的开发文档主要是面向技术人员的，市面上多数iOS开发书籍都会一上来就问你是否掌握了足够的Objective-C知识，而网上各种教程的质量又参差不齐，其中有不少还是面向着很旧版本的iOS系统及开发工具的。

本文的目的就是帮助各位设计师在最短的时间内，以实战的方式探索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...我们跳过前戏吧，想必看过日本动作片的同学是可以理解的。那么大家都可以理解喽。进入正文。

一大早又梦到了南开中学。一如既往的回到那里见了老朋友，然后一起去后街淘打口磁带和杂志。梦境中的情节没有让当时的自己感到哪怕一点点的时空穿越，只觉得一切都很真实而正常，反倒是醒来之后感到眼前这一切有些突兀，空白了几秒才想起自己正躺在哪里。

静的几乎连小猫睡觉时喘息的声音都能听的到。把这篇译文放上来，然后去放放空。回头看看一直以来做的内容，似乎能够发现自己所走的路径，也能够回忆起在某些时间段内发生了什么，导致自己关注的方向产生了怎样的微调，blah blah...没有欲望多说什么，觉得什么东西关闭掉了的样子。进入正文吧，小小的一篇东西。

谁都会画线框图。当我(英文原文作者)的朋友们谈到自己的产品idea时，我会鼓励他们拿起纸和笔，通过草图来交流想法。他们觉得这种做法很棒，可以帮他们把头脑中的想法落实到实际当中。

真正的用户体验设计师并不是由画线框图的能力所造就的，更重要的是，他们懂得怎样处理回馈信息，怎样验证想法，他们懂得做调研和迭代。他们知道草图和线框原型只是整个设计流程当中的一小部分，它们是调研工作的结论产出，是用来做沟通的信息载体；它们有可能被放到演示文档当中供产品、设计、技术开发等相关人员进行交流沟通，也有可能以高保真或纸面原型的形式被用作可用性测试。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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