随着APP的内容越来越‘同质化’鼡户体验的好坏就成了关键因素，然而只要是人就会犯错所以很多时候我们浏览页面时总会出现一些错误页面，怎么办呢

用户使用app出現错误时，这个情况一般会由以下两种原因一是由于用户的错误操作，二是app自身出错

无论哪种因素，出现错误后如何处理对用户体驗有着重大影响。如果无视这些错误信息用户会感到沮丧，甚至可能卸载app

在本文中，我们将研究如何优化app以防止用户出错以及在用戶输入发生错误的情况下，如何创建有用的信息这里将看到精心处理过的反馈信息能让用户感到愉悦而非糟糕的体验。

错误状态是指出現错误时显示的页面例如，用户操作app时可能会发生多个错误：输入无效的数据；无法连接到服务器；没有及时响应用户的请求等

不管原因如何，每一个错误都会成为用户的痛点，妨碍他们前进幸运的是，精心处理的错误信息有助于减少这种痛点

如果是你设计的app，那就应该熟悉app中最常见的交互以及交互中常出现的错误状态（容易出错的条件）。例如用户通常在填写表单时，很难一次性准确无误嘚填完或者，如果设备上网络连接不好就不能正确地同步数据。这些情况都要考虑到以尽量减少出错的可能性。换句话说最好是提供建议、利用约束和提高灵活性来防止用户出错。

例如人们搜索酒店并且选择日期进行预订，过去的日期为什么还可以选择呢正确嘚做法是当用户选择过去的日期时，则显示错误

下图是的日期选择器，让过去的日期显示灰色以便用户可以选择适当的日期。

表单是對话的开始与任何交流一样，它应该由双方：用户和应用程序之间的一致通信来表示验证是会话的重要组成部分。表单验证是指能与鼡户交谈引导他们了解错误的原由，而不用猜测不确定性的信息如果做对了，它可以把一个模糊的交互变成一个清晰的交互一般来說，良好的表单验证包含四个重要因素：

告知错误（或成功）的正确时间验证输出的正确位置合适的颜色明确的信息

验证表单是不可避免嘚当用户输入数据的时候最容易出错。是的应该最小化容易出错的地方，但是验证错误永远不会消失因此，最重要的问题是：“如哬让用户很容易的纠正出错的内容”

用户很不喜欢填写表单，是因为当他完成一个很长的表单并提交该表单时就会得到多个错误的反饋消息。更令人反感的是你不清楚你哪里填写出错了。

验证应该在用户提交信息后立即告诉用户哪里出错并提供正确的例子表单验证嘚主要原则是：“与用户对话！告诉他们出了什么问题！实时内联验证将立即通知用户如何提供信息的正确性。“这种方法让用户在不需偠点击提交按钮后才能看到错误的信息而且更快地纠正他们所犯的错误。

但是避免在每个按键上进行验证，因为在大多数情况下只囿在用户输入完答案后才能进行验证。在输入信息期间执行验证的表单则要在用户开始输入信息的时候加以提醒

谷歌表单表明，当你没囿输入电子邮件时它是无效的。

另一方面在输入信息之后被执行验证的表单，系统不会很快的通知用户它们修复了错误

苹果商店的網站上，在数据输入后进行验证

混合验证-奖励早，惩罚晚的方法

邻近原则是一个重要的原则验证信息所放的位置，要遵循这个经验原則-总是把验证信息放在它所处的上下文中如果您想通知用户某个特定字段中出现的错误，请将其显示在字段旁边即时验证最适合于输叺端的右侧，或者在其下方

合适的颜色（直观的设计）

在设计表单验证时，使用颜色是最好的方法之一因为在界面上更能直观的表述信息，比如红色的错误信息黄色警告信息，和绿色的成功消息具有强烈的视觉效果但是，确保您的用户很容易的理解这些这是视觉設计中的一个关键因素。

错误文本应该是清晰的一个与背景有对比度的字体颜色和文案的可读性。

一个典型的错误例如，告知用户“電子邮件是无效的”但没有告诉用户为什么它是无效的（这是一个错误？它被占用了吗）。用户收到这样的消息就会很困惑。所以需要直截了当的提示或者引导并指出错误。因此在示例中可以看到提示用户此电子邮件已被使用。然后它提供了一些选项（登录或恢複密码）

应用程序错误：加载数据失败

好的，来看看app在某种状态下出错的页面例如，当网络不好的情况下利用这个状态让人们知道發生了什么，提示的错误消息应该帮助到你的用户这就是为什么你不应该展示：

原始错误消息。包含应用程序内部错误代码或缩写如“500類型错误”的消息这是令人崩溃的。

此错误消息由开发人员为开发人员编写

终端错误消息。简单地说这样的错误状态不会为用户带來任何有用的信息。

Spotify的错误屏幕只是出现了一个错误信息并没有提供任何建设性的信息来解决这个问题。

含糊的错误信息下面的示例Φ的错误页面给用户提供与上面类似的信息。用户将不知道它的含义和下一步该做什么

不要用错误吓唬用户。另外不要自以为用户知噵此消息的出处，或者以为用户技术熟练能理解错误信息。相反用简单的语言告诉人们出了什么问题。要做到这一点你应该避免使鼡技术术语，并使用用户的语言来表达信息

使你的错误信息既可读又有用-错误状态必须包括简明、礼貌和有启发性的文本。

出了什么错出错的原因。

用户要纠正错误的下一步是什么

解释了为什么用户看不到任何东西，以及如何解决它

将幽默的图融入错误状态

在错误狀态下，是利用图标和插图的绝佳机会因为人们对视觉信息的反应比纯文本更好。因此你可以做的更好一些，加入独特的插画匹配伱的品牌，让用户觉得这是一款个性化并具有情感化设计的app。

azendoo使用一个令人难忘的插图和幽默的文本鼓励用户解决问题。

幽默是生活嘚调味品可以消除错误状态下的挫折感。你可以在littlebigdetails里找到很多关于幽默化的错误消息以下是我最喜欢的一些：

Basecamp网站：当有一个表单字段错误，左边的人就会出现一个令人惊讶的表情

当在Gmail中创建一个新账户时，键入太多的句号时会显示一个顽皮的错误信息

但是，要小惢使用幽默因为它可能并不总适合于所有的错误消息；它实际上取决于错误的严重程度。例如“404页未找到”错误幽默用于这些简单的驗证很有效。但是完全不合适在用户耗费大量时间后却面对这样的错误信息“uh oh!“，

这些清单能让错误页面处理的更完美

让错误的页面茬体验上更加完美，应该具备以下六方面要素：

1错误消息是动态发生的，正如问题出现时一样立即响应用户这个问题。

2保持用户输叺正确。你的应用程序不应该撤销、销毁或删除用户在错误状态下输入或上传的任何东西

3，和用户说同一种语言应该清楚地说明出了什么问题，可能还有什么原因；用户下一步应该采取什么步骤来走出这个错误状态！

4不要打击或迷惑用户。（信息不应该是戏剧性的）

5，不要劫持系统的控制权（如果问题不是关键的，用户应该能够尽可能多地与app的其他部分交互）

6,处理错误信息要有幽默感，并情感囮的设计

解决最常见错误状态下的方案

404页的主要目标是尽可能快地引导用户找到他们要找的页面上去。

解决方案：404页面上应该提供几个關键的链接和方向以便用户可以在其中选择。在页面上加上“首页”的链接是最安全的方式也是友好的方式您还可以“报告此页”来赽速报告该页已损坏，但要确保主操作（链接到“首页”）具有更大的可视权重

登录页面的内容通常较少，用户名和密码但是，内容尐并不等于简单用户不能登录有很多原因。登录页面的规则非常简单——不要让用户去猜测

用户忘记用户名。如果发现是未知的用户洺你应该提供一个链接让用户去修改它。告诉用户他们可以去那里修改（例如“检查我们的电子邮件”）或提供一个链接让用户以此用戶名重新注册

用户有可能用错误的密码多次尝试登陆。为了防止蛮力攻击在太多失败的登录后，账号就会临时锁定这是一个必要的咹全措施，但是在帐户被锁定之前一定要给用户以提示

信用卡的错误页面由两种因素引起的：

（1）错误的数据格式（错字或丢失数据）

（2）卡被拒绝（过期卡或虚假信息）。Gabriel Tomescu在他的文章“信用卡表单的剖析”中给出了对付这两种错误状态的策略：

对于第一个问题您应该遵循标准的实时内联验证原则，并在视觉上指示错误：

然而由于某种原因，可以网络支付的信用卡被拒它通常看起来像是欺诈。需要清除用户输入的数据即便如此，仍然需要通知用户发生了什么；错误消息应该尽可能清楚

互联网访问是无处不在的，离线支持应该是烸一个app应考虑的关键因素当连接失败时，您应该尝试提供丰富的脱机体验用户应该能够尽可能多地与app的其余部分交互。这意味着app应该緩存内容以便提供良好的脱机体验

Daniel Sauble提出了社交类、地图类，时效性的app具有脱机功能很明显，他为什么建议每个功能点上缓存一些内容而不是所有的内容或其他的信息。因为当用户打开应用程序时，他们希望看到内容不管它们是否连接到Internet。如果没有内容他们就使鼡别的app。所以首先要更好地缓存他们想要看到的信息

确保你的app尽可能有离线功能。下面是Robert Woo的一些实用建议几乎可以在每一个app里得到应鼡。

保存最后一个状态下面你可以看到两个用于内容交互类的app。美国CNN app通过缓存最后一个视图和文章来提供缓存信息从而提供了更好的鼡户体验。

5提供脱机功能的特性。

每个应用程序都可以在不连接Internet的情况下工作让我们以Evernote为例。该app具有完全脱机功能：你可以编辑现有嘚笔记或写一个新的一旦连接上网络，app将同步一切内容

最好的错误信息是从未出现过的错误信息。最好先引导好用户防止错误的发苼。但是当出现错误时，精心处理的错误信息不仅有助于引导用户如何使用app还能让用户使用起来心情很愉悦。当然错误状态是最不需要设计的状态之一。然而如果你在这个状态下付出了大量的努力，你的产品将会变得更加有趣

　　近几年智能手机和平板电脑嘚销量一直上升2011年销量首次超越台式和笔记本电脑。智能设备销量上升要归功于移动应用的大量涌现看App Store和Android Market的应用下载量就知道了。2012App叒将何去何从，会出现哪些新概念

　　1.用户使用移动应用的时间超过了使用浏览器的时间

　　每天使用移动应用和普通浏览器的时间分別为81分钟和74分钟，而在一年前这个数据为64分钟和43分钟

　　2.对于移动开发者来说，最赚钱的还是App Store

　　在销量上Android手机已经超越了iPhone但是Android平台仩三分之二的应用是免费的，这表明使用Android平台的用户更倾向于使用免费应用开发者收入的对比上，iOS开发者收入要比Android开发者高出很多

　　3.移动应用的国际化之路

　　在中国等国家，移动应用的下载量在飞速增长

　　用户和开发者无法及时更新Android官方最新的系统，尽管Google积极嘚处理这些问题但是还是不被所有人看好。

　　HyLoMo是hyper-local mobile的简称就是“超本地化移动”，基于LBS的移动应用越来越多但是这些应用究竟如何財能发挥最大的作用呢，也就是HyLoMo的的优势在哪未来我们的衣食住行与本地资源是紧密联系的，本地资源的搜罗以及整理就需要应用来做所以总的来说，HyLoMo就是基于庞大LBS客户端的本地资源服务

　　2.语音识别控制应用将会大量涌现

　　虽然苹果不是第一个推出搭载语音识别應用的手机制造商，但是Siri的出现却震撼了整个科技界在接下来这一年中，包括Google在内的很多知名科技公司会推出各自的语音识别应用

　　3.NFC会高速成长

　　NFC即近距离无线通讯技术。由飞利浦公司和索尼公司共同开发的NFC是一种非接触式识别和互联技术NFC曾一度被业内所看好，Android2.3支持了NFC并且“Nexus S”中配备了NFC通信功能，也许未来NFC功能将会成为智能手机的标配

　　4.出现更多第三方的移动应用商店

　　App Store和Android Market是许多移动用戶和开发者最常去的商店，但是很多人永远只关注的是排行榜前几名的应用排名靠后的应用就没有价值了么，开发者应该如何推广自己嘚应用而用户如何才能找到真正适合自己的应用，这样第三方的应用商店随即产生负责对应用进行更细化的整理分类，也许一个应用商店一种模式那么为了适应市场需求，应用商店会大量的出现

　　来源：编译。 

如何优化移动台我经常看到用戶提出这样的问题。以下是一些关于移动台优化和改编的百度官方问题我希望我能帮助你。

我也写了百度改编的规则但两个月后，我仍然没有适应它现在M站和WAP站都在运行。我不知道如何解决和改编它

官方回答：跳转到到，你不需要做其他的工作

7.问题：一个站有M站和PC站使用相同的TDK，是否有问题移动台的SEO规则是否与PC站相同？

答：TDK代表标题摘要和关键字。让我明白一下情况就是这样。 PC和移动端的搜索结果表明标题和摘要的字数限制是不同的 PC端的30多个中文字符被截断。如果移动端小于20则将折叠。超过20个将被省略看不到它。因此建议移动台使用单独的TDK，即使移动台的tdk规则与pc台相同

8.问题：在PC站点中构建目录专用移动页面是否可行？

官方回答：虽然我们现在可鉯识别出这样的做法并且移动适配工具给予了一些支持，但从长远来看我们（包括GOOGLE）不建议你这样做，会有很多弊端

9.问题：PC页面，H5頁面跳转适应最优解适应误差修复后需要多长时间才能生效？