可用性定义：产品可用性，也称为用户可用性，是指真正提供客户功能信息的产品的实用性。假设所有功能都可以，下一步是确保它按用户想要的方式工作。

产品功能可见性

如果无法查看和确认元素（link，option，button…），则它不存在。

如果用户没有看到他们正在寻找什么，或者他们应该看到什么，那么这是一个严重的可用性问题。如果您正在设计产品，请不要期望用户耐心地点击以查找重要的辅助信息，阅读合同条款中的模糊文章，或做可能从根本上影响用户操作的事情。

以下情况将使产品设计中应避免功能元素“不可见”：

不在用户正在寻找的位置;

被其他元素阻止;

即使在显眼的位置也无法识别;

它根本不存在。

在报纸或单页印刷的时代，报摊的报纸被折叠和放置。因此，除非有人拿起报纸打开报纸，否则只能看到头版上的一些信息，而其他部分则被称为“不明显的位置”。可见和不可见部分之间的区别是“折痕”。

随着代购源码网站的出现，“ldquo;折痕&quoquo;被赋予了新的含义。 “以下折痕”表示除非用户向下滚动页面，否则内容不会立即可见。与报纸不同，浏览器窗口中的“折痕”没有确切的位置。因为折痕的位置取决于浏览器窗口的大小，如果您使用大屏幕并且您将浏览器窗口置于最大值，您将看到更多页面。但是，如果您将窗口缩小，您将看到更少的内容。在智能手机或上网本上，最大可见区域通常小于全尺寸计算机显示器上的可见区域。

此外，屏幕分辨率可以极大地影响浏览器窗口中看到的内容。屏幕分辨率越低，折痕越高。亚马逊官方代购源码网站在1920 * 1080和1280 * 720分辨率下的折痕位置如下：

亚马逊的官方代购源码网站（1920 * 1080分辨率）

亚马逊的官方代购源码网站（1280 * 720分辨率）

事实上，Amazon.com的主页很长。有些内容是必需的，因为它们可以帮助搜索引擎优化。但是内容处于页面不明显的位置，很多人可能永远看不到它们。

代购源码网站上的一些内容清晰可见。以下是必须在明显位置显示的事项列表：

品牌和主要导航

帮助信息

代购源码网站搜索框

购物车和结算链接

咨询链接

语言切换条目

快速应用的关键输入区域

键输出区域（位于输入区域附近）

通常可安全放置在页面底部的内容包括：法律声明;隐私政策;地址和联系电话。

创建适合滚动的页面

所谓的滚动页面是使用布局向用户发送强信号，告诉用户滚动页面并查看更多内容。无论折痕在哪里，都要让布局通过一个元素（如图片），让用户知道滚动页面可以看到更多内容。适合滚动的技巧是打破图形消失的内容。网页底部边缘越干净，滚动就越不合适。

底部图像被破坏，这有利于页面滚动

如果设计在物理上分离两个相关信息，它也可能导致问题。例如，我想在页面顶部的输入框中提交一条消息，我希望输出显示在与输入框相同的位置（例如，提交内容）。即使在适合滚动的界面上，我们也不希望用户滚动太多。为了点击屏幕外的提交按钮，必须滚动一个小页面真的很烦人。随着屏幕变小，越来越多的按钮，输入框和输出框需要出现在页面的顶部或底部，这也是一个符合人体工程学的考虑因素。

微博发布短信，发送按钮位于右上角

底部的发布按钮

避免设计广告盲点

广告盲点是人们忽视代购源码网站上各种横幅广告的趋势。 USATODAY.com从访谈和代购源码网站统计数据中了解到，大多数用户对三件事感兴趣：体育，天气和股票。因此，代购源码网站的设计是将所有三个项目放在一个有吸引力的彩色框中，并将其放在页面顶部。结果是什么？没有人点击内容，所以有一个广告盲点。

在红色框中，它是一个广告盲点

在产品设计中，您可以通过以下方式避免广告盲点：

允许特定用户查看特定广告以实现精确投放。

将广告放在页面底部，而不是顶部。最新的研究表明，顶部位置不在页面的顶部，而是在第一个屏幕的底部。这有直接的广告设计应用，可以避免广告的盲点效应的损害。

以对联的形式挂在头版的两侧，规格很大，不会有广告盲点，广告位置会强烈影响参观者的视野。

代购源码网站的重要内容避免了过度设计

避免遮挡重要内容

网络浏览的总体经验极大地影响了用户购买产品，继续使用服务甚至注册的愿望。但是，我们都知道有些代购源码网站只能在有限的范围内观看，只有付费后才能看到更多的内容。用户必须注册并提供个人信息，支付一些钱或做其他事情才能访问该页面。

京东的做法是一个积极的案例。京东为没有登录进入购物车提供技术支持。具体来说，一位未登记的用户访问了京东代购源码网站2,3和4这三个项目被添加到购物车，所以京东的后台也记录了已经有三个在用户的购物车中的项目，以及每次用户查看他们的购物车时，京东后台都可以显示相应的数据（涉及Session和cookie技术，本文不深入），会提示用户登录/注册当用户最终想要解决时的帐户。

我们希望确保产品在产品设计中的可见性，尝试解决设计中的以下问题：

不应在用户无法找到的地方隐藏重要信息。

不要让任何东西阻止您想要显示的信息。

避免将重要信息设计为广告的盲点。 。

在折痕页面中对信息进行分组，并且不会在折痕下隐藏重要信息。

付款方式不会影响免费体验的一部分。

产品应易于用户理解

在可用性方面，“易于理解”用户的答案必须为“是”是“”！

共同参考概念

共同参考意味着无论谁使用某些东西，它都可以与其设计者保持相同的理解

文本

文本描述一直在产品设计中发挥重要作用。例如，书中的文字通常不仅仅是图片，而且iPhone有一个非常酷的图标和相关的文字。该文本构成了大多数手册，菜单，产品描述和公共内容的核心。

关于文本的可用性，有两点需要注意：

无论描述什么，它必须简洁明了

不要以为每个人都能理解你正确写的信息

用户无法理解的错误消息

创建共同参考的要点：

不要认为一切都是理所当然的

提前考虑用户可能遇到的问题

回答用户没有想到的问题

根据用户的实际使用情况检查内容

不同的使用场景将影响所需的信息（已提供）

图片

一张图片胜过千言万语。图像可以增强文本效果。最重要的是，图像可以是一些难以用文字清晰描述的东西的直观表示。文本是传达事实和数据的好方法。但是照片，图形等倾向于更好地传达物体的微妙和经常情感方面。

此外，图片还可以显示如何使用，磨损等等。如果以稍微不同的方式使用产品，图片将非常有用。

最后，您可能无法单独显示包含图像和图像的所有内容。为了清楚地表达信息，请使用两种或更多种常见的参考点方法。

天猫显示的产品图不仅显示产品的详细信息，如何使用它，还显示产品与视频的组合。这是一个很好的共同参考

图标

我们知道这个图标很有吸引力，但它实际上非常无能。事实上，大多数人最终只能识别出4个图标：

放大镜（找）

房子（主页）

信封（联系我们/邮件）

打印机（打印）

经验告诉我们，如果你真的需要一个图标，最好使用类似于微软，苹果或谷歌的设计。人们通过代购源码网站或应用程序学习东西，并期望将这些知识应用于其他代购源码网站和应用程序。不要设计太有创意的图标。虽然它们很漂亮，但设计成本很高。真正有创意的图标通常只在点击时才有意义，否则看起来没用就没用了。产品中任何东西的概念都是它能做的，而不是它的外观。

QQ图标也将通过鼠标添加到显示文本中，这使用户更容易理解图标的含义

音频，视频

带宽的增加，标准化格式的统一以及易于使用的第三方服务的出现使人们能够快速地向代购源码网站和应用程序添加真实的多媒体内容。视频和音频的出现增加了用户交互的乐趣，人们可以通过收听和观看视频来更快地获得他们想要的资源。视频和音频通常是更好的参考。

为确保我们的产品易于用户理解，我们必须执行以下操作：

解释并帮助副本准确而全面。

不要使用可能难以理解的缩写，普通话或不熟悉的单词。

使用正确的图片创建公共参考。

让所有用户了解网络内容或离线流程。

使图标包含描述性文本，包括alt属性（当您将鼠标悬停在单词或图像上时，会自动弹出一个小黄色框）。

从视觉设计角度创建成熟的公共参考。

在不误导用户的情况下直观地描述内容。

产品一致性

产品规则不会意外更改。

一致性是清晰简洁的功能设计的关键之一，使我们周围的世界更容易理解，让我们的生活更轻松。 Apple的设计师已经说过‘当事情表现不同时，他们应该保持视觉上的不一致;当事情表现相同时，他们应该保持视觉上的一致性。 &rsquo的;

例如，如果您始终使用“提交”按钮作为按钮标签，不要突然改为“发送”。并且“接受””避免混淆。不要只是为了创造性而混合术语。一旦你建立了自己的语言习惯，就要坚持下去，特别是在与表格和对话有关的地方。

保持单调

两者都希望保持措辞的标准，但也为用户提供简单直接的选择。例如，选择性别时：

男性;

女性;

这是一个单独的列表，其中所有单词（在代购源码网站上将其视为菜单标签）明确区分，没有任何重复，用户可以轻松做出选择。如果您更改为以下情况，您会如何选择？

男性;

女性;

次要;

菜单分类清晰明了

提高标准化的一致性

使用标准化设计可以保护用户的使用。例如，要使Android应用程序符合Google的相关规范，iOS也有自己的设计规范。标准化的关键不是阻碍创新，而是要使解决方案清晰可见。

在设计不同的客户产品时，我们必须确保掌握设计规范，以便我们能够设计出符合用户使用习惯的产品。

一键，一个功能

多按钮遥控器

我们都看到了烦人的遥控器，面板上有很多按钮。虽然这个东西还有许多其他可用性问题，但至少它没有多功能按钮。如果你想要一个按钮有多个功能，它基本上是要求它。人们并不总是理解为什么应用程序或代购源码网站突然切入“不同模式”。

例如，我可以使用遥控器上的菜单按钮激活或停用电视屏幕上的菜单。这很好。但是，菜单按钮周围有四个光标按钮用于导航。左箭头按钮是后退功能，当菜单关闭时，它可以快速查看12种不同的屏幕宽高比（宽屏，电影扩展16：9，字幕缩放等）。如果我同时按下左右箭头，我会看到设置菜单，但它与我按下菜单按钮时看到的菜单不同。简而言之，多功能按钮可以说是非常糟糕的。

Apple在消除多功能按钮和避免多功能性方面做得非常出色。 iPhone只有一个按钮，它只做一件事：回到手机的主屏幕。所有其他操作都是通过“软”操作完成的。触摸屏上的按钮。 Apple鼠标也只有一个按钮。换句话说，如果您按住Apple鼠标一两秒钟，您将看到另一个菜单，就像PC上的鼠标右键一样。这是一种妥协，但它的工作原理和易于操作。

当然，按钮并不总是更简单。多按钮并不总是坏事，只要它们可以合理分组，指示按钮的相关功能，并且不会在不同时间表示不同的功能。

图标，功能

与按钮密切相关的是图标的操作。例如，谷歌流行的Gmail应用程序曾经是重用图标的着名名称。毕竟，图标设置为快速识别隐藏在图标后面的功能。

当然，这不仅仅是谷歌。 Windows产品也有重用图标的情况。

从这个角度来看，即使经过多年的研究和消费者投诉，即使是大公司也没有真正接受“一个图标，一个功能”的最佳实践概念。

不同的图标提供不同的功能，以便用户不会对我们的产品产生怀疑。

网易云音乐，细致的图标

使我们的产品保持一致非常重要。我们必须做到以下几点：

设计中应该没有看起来相同的东西，但实际操作是不同的。

设计中应该没有看起来不同但操作相同的东西。

不要为了创新而牺牲对象或功能的一致性。

不要重复使用图标来实现不同的功能。

尝试为您的产品或服务添加一致性，或使用其他人开发的最佳实践。

使用按钮和其他控件对按钮和其他控件进行分类，以便用户立即了解它们是相关的。

产品可预测性

让用户清楚地知道接下来会发生什么。

一致性和可预测性之间的显着差异在于，一致性意味着某些事情每次都做同样的事情，而可预测性意味着它做了您期望它做的事情。举一个简单的例子，花瓣网上的每种材料都有一组图标，这是一致的。用户点击图标意味着收集材料，这是可预测的。

一致性和可预测性

让用户知道会发生什么

可预测性意味着某些东西会做你想做的事情。了解期望的关键是在交互实际发生之前设定期望。

我打赌你肯定会去餐馆之前去餐馆检查商家是否值得信赖。在购买书籍（或其他项目）之前，您一定会在评论部分查看书籍的评论。

当用户触发操作时，适当的提示可以为用户建立期望。

倒计时跳转到页面提示，为用户提供期望

品牌，客户满意度和期望

在营销方面，品牌也与设定期望有关。其中一个关键组成部分是产品或服务的市场定位。例如，我们认为沃尔沃是一款安全的汽车，捷豹是一款舒适的跑车，而雪佛兰则是一款实用的汽车。

客户满意度和期望密切相关。例如，外国调查显示，沃尔玛是一家折扣店，以其良好的服务而闻名，并不具有吸引力，其客户满意度高于Nordstrom，后者是自称的。为什么？因为没有人真的希望得到沃尔玛的优质服务，所以工作人员做任何让购物者更方便的事情令人印象深刻。但对Nordstrom服务的期望已经相当高，因此他们需要更加努力地给客户留下深刻印象。这相当于业务中的高位。

所以我们学到的是，如果人们没有期望，帮助他们建立期望;如果他们有期望，你越是超出期望，那么人们就会感觉更好的可用性。也就是说，超出用户的期望。

让用户知道有多少步骤

多次点击并不一定会使产品变得更糟，只要用户认为每次点击都会使他们更接近目标，他们就会多次点击。因此，我们最有可能预见的往往是告诉人们提前点击多少次。

如果有多个步骤，请务必在文字或图片中显示。

显示流程的步骤

把东西放在用户期望的地方

使事物可见意味着将它们放在应该出现的位置。在可预测性方面，将事物放在人们期望找到它们的地方也很重要。例如，在现实世界中，我希望电灯开关靠近门，希望在厨房里找到锅碗瓢盆。简而言之，用户希望一切都在需要的地方附近并以合理的方式分组。

为确保我们的产品具有可预测性，我们可以尝试以下方法：

帮助用户利用过去的经验。

让用户知道应该事先知道什么。

提前告诉用户几步。

提供可见状态表示产品的不可用状态。

确保在使用产品期间满足用户的期望。

作者：转瞬即逝，互联网产品设计师，4年互联网产品经验。

本文最初由@流年发表。未经许可，禁止复制。

该地图来自PEXELS，基于CC0协议

« Ali Mama发布了信息流营销产品，重新定义了电子商务营销 | 代购源码网站如何针对日益流行的语音交互进行优化 »