超干货!iOS中4种UI元素的可用性问题及优化建议

建站知识编者按：这周又是一篇来自NielsenNormanGroup的文章。供参考吧，这种文章背后的思维模式甚至是精神才是最该汲取的，内容本身反而是其次；这样的东西看的越多，实践当中具有代表性的产品案例经历的越多，你越会发现，设计这种事，在很多时候，无明无暗，无是无非，有的只是特定的产品、特定的资源、特定的情境、特定的用户群体，以及所有这些因素混杂在一起之后摆在面前的需要不断权衡、争取或妥协的各种可能性。下面进入正文。那些大的软件，譬如Apple、微软、Google等等，通常会为第三方app设计师们提供一系列设计指南。这样做的目的在于：一方面，设计师和开发者可以比较轻松的上手打造在质量方面至少符合“基础标准”的产品，而无需重新思考和验证全新的设计模式及UI元素。另一方面，如果某一平台当中的所有产品都遵从统一的设计规则，那么用户也将受益于界面外观与互动方式的一致性。遵守设计指南，这几乎是一条铁打的规矩。但是在实际当中，“官方标准”未必能很好的适用于各种情况。我们不清楚为什么有些元素会出现在设计指南当中，也许是因为官方所做的测试不够彻底，或者说这些元素和模式是用来解决某一类设计问题的最基础最具适用性的解决方案。当中提到的种UI元素都是Apple惯于在自家app中使用的，其中的一些也出现在了官方的设计规范当中；自然，不计其数的设计师也会跟从这些用法。而另一方面，我们（NielsenNormanGroup）在一次又一次的可用性测试当中也真真实实的发现了这些元素所导致的可用性问题。说不定Apple的诸神会用雷劈我们，但我们仍然建议各位设计师在使用这些UI元素时多加考虑，或尝试优化/替代方案，因为这些元素在可用性测试当中的表现确实存在问题：页码指示符(小圆点)导航栏里的完成按钮加号(+)图标拖拽图标.页码指示符（小圆点）iOS的页码指示符，在形式上就是横排的圆点，用来表示一系列可以通过横滑浏览的分页视图。其中，代表当前视图的圆点处于高亮状态，其他的则是灰暗的半透明状态。iOS系统首屏，页码指示符用来表示页面总数以及当前所在位置。我们时常见到这种通过系统首屏来演示页码指示符使用方式的范例，实际上，页码指示符能完美适用的界面环境并不多，而系统首屏正是其中之一，因为用户明确的知道自己的手机里装有很多app以至于第一屏无法完整呈现，需要通过横向滑动查看更多。很多app或页都会使用这种元素来暗示用户可以通过横向滑动来查看同级的其他页面，也有一些是将其用在界面中特定的区域来暗示其中存在更多内容。不能否认，这种形式的页码指示符在app和移动Web的界面设计当中都很流行，但是要知道，它同时也是用户最容易忽略掉的界面元素之一。在我们所做的一系列可用性测试当中，用户经常难以发现这些在尺寸上过于微小的圆点，进而错失了那些可以通过横滑来查看到的内容或功能入口。所以，我们认为圆点形式的页码指示符至少不能被用作关键功能和内容的唯一导航方式。虽然iOS允许你将这些圆点渲染成其他颜色，但想要使如此微小的元素一目了然的突显在界面当中还是非常困难的，除非你能确保将其置于高对比度的纯色背景上。很多产品会将圆点们放置在五颜六色的banner图上，使这些本就难以被留意到元素不知不觉的融入到背景当中，进一步降低了可发现性。如果一定要这样做，那么必须确保圆点和背景色之间始终具有较高的对比度，最好是使用纯色背景。iOS的Zappos，在第一张底图上，页码指示符已经很弱了，而在右侧第二张底图上，几乎完全消失了。有一部分产品则在iOS的基础上进一步自任何与内容本身相关的信息。此外，用户对互动的控制权也非常弱，必须按照次序逐一浏览，无法直接跳转。所以，如果在你的需求当中这些体验要素比较重要，那么小圆点恐怕不是你的最佳选择。鉴于小圆点页码指示符所存在的一些可用性问题，我们建议：首先考虑你的内容是否适宜通过横滑的方式依次浏览，还是可以通过更复杂同时也更灵活的其他导航方式进行架构。对于横滑浏览的内容，尽量采用右边缘露出一部分内容的方式来加强对于“更多”的暗示，而不要单纯依靠页码指示符。Seo优化就是对网站的优化，想要把品牌关键词做上搜索引擎搜索前位，并能够吸引流量和扩大目标用户点击，我们seoer一定要具有SEO思维。那么SEO思维到底是什么呢？下面登登SEO简单解释一下SEO思维。第一步：定位目标群体，做一个网站需要知道你是做什么的？你的用户是那些人？我们进行网站的用户群体定位，定位这个网站的目标人群。第二步：确定用户需求，分析目标用户的用户需求，那么怎么分析呢？进入2016年用户需求被提及的次数越来越多也就是说用户需求的重要性也越来越重要。，其实说白了就是把用户想要看的内容直接放到用户的面前，降低用户的选择成本。关于用户需求，具体怎么分析得到用户需求，这个知识点这篇文章几句话就能说清楚的，用户需求的分析和挖掘是一个不断变化的量，他并不是一成不变的。现在的用户需求就是一个不断变化的变量那么我们作为SEOer掌握的应该是分析用户需求的能力。Domain:第三步：网站标题的确定，我们在得到了目标用户需求的前提下，在通过分析用户需求后，我们需要对网站的标题进行筛选和确定（即关键词的确定）。因为网站标题的确定就是在确定网站的目标用户群体，如果你的网站的标题改变了那相应的你网站的目标用户群体也就改变了。第四步：设置网站的布局，在分析出用户需求确定网站的标题和目标用户群体以后，在这个时候就可以设置网站的栏目和网站的页面布局和结构了。第五步：SEO基础优化，在确定了网站的标题，网站的栏目，网站的页面布局结构之后。我们就需要进行网站的SEO基础优化，让你的网站对搜索引擎友好能够让蜘蛛顺利的抓取你的网站。Seo优化就是对网站的优化，想要把品牌关键词做上搜索引擎搜索前位，并能够吸引流量和扩大目标用户点击，我们seoer一定要具有SEO思维。那么SEO思维到底是什么呢？下面登登SEO简单解释一下SEO思维。第一步：定位目标群体，做一个网站需要知道你是做什么的？你的用户是那些人？我们进行网站的用户群体定位，定位这个网站的目标人群。第二步：确定用户需求，分析目标用户的用户需求，那么怎么分析呢？进入2016年用户需求被提及的次数越来越多也就是说用户需求的重要性也越来越重要。，其实说白了就是把用户想要看的内容直接放到用户的面前，降低用户的选择成本。关于用户需求，具体怎么分析得到用户需求，这个知识点这篇文章几句话就能说清楚的，用户需求的分析和挖掘是一个不断变化的量，他并不是一成不变的。现在的用户需求就是一个不断变化的变量那么我们作为SEOer掌握的应该是分析用户需求的能力。第三步：网站标题的确定，我们在得到了目标用户需求的前提下，在通过分析用户需求后，我们需要对网站的标题进行筛选和确定（即关键词的确定）。因为网站标题的确定就是在确定网站的目标用户群体，如果你的网站的标题改变了那相应的你网站的目标用户群体也就改变了。第四步：设置网站的布局，在分析出用户需求确定网站的标题和目标用户群体以后，在这个时候就可以设置网站的栏目和网站的页面布局和结构了。第五步：SEO基础优化，在确定了网站的标题，网站的栏目，网站的页面布局结构之后。我们就需要进行网站的SEO基础优化，让你的网站对搜索引擎友好能够让蜘蛛顺利的抓取你的网站。Seo优化就是对网站的优化，想要把品牌关键词做上搜索引擎搜索前位，并能够吸引流量和扩大目标用户点击，我们seoer一定要具有SEO思维。那么SEO思维到底是什么呢？下面登登SEO简单解释一下SEO思维。第一步：定位目标群体，做一个网站需要知道你是做什么的？你的用户是那些人？我们进行网站的用户群体定位，定位这个网站的目标人群。第二步：确定用户需求，分析目标用户的用户需求，那么怎么分析呢？进入2016年用户需求被提及的次数越来越多也就是说用户需求的重要性也越来越重要。，其实说白了就是把用户想要看的内容直接放到用户的面前，降低用户的选择成本。关于用户需求，具体怎么分析得到用户需求，这个知识点这篇文章几句话就能说清楚的，用户需求的分析和挖掘是一个不断变化的量，他并不是一成不变的。现在的用户需求就是一个不断变化的变量那么我们作为SEOer掌握的应该是分析用户需求的能力。第三步：网站标题的确定，我们在得到了目标用户需求的前提下，在通过分析用户需求后，我们需要对网站的标题进行筛选和确定（即关键词的确定）。因为网站标题的确定就是在确定网站的目标用户群体，如果你的网站的标题改变了那相应的你网站的目标用户群体也就改变了。第四步：设置网站的布局，在分析出用户需求确定网站的标题和目标用户群体以后，在这个时候就可以设置网站的栏目和网站的页面布局和结构了。第五步：SEO基础优化，在确定了网站的标题，网站的栏目，网站的页面布局结构之后。我们就需要进行网站的SEO基础优化，让你的网站对搜索引擎友好能够让蜘蛛顺利的抓取你的网站。Seo优化就是对网站的优化，想要把品牌关键词做上搜索引擎搜索前位，并能够吸引流量和扩大目标用户点击，我们seoer一定要具有SEO思维。那么SEO思维到底是什么呢？下面登登SEO简单解释一下SEO思维。第一步：定位目标群体，做一个网站需要知道你是做什么的？你的用户是那些人？我们进行网站的用户群体定位，定位这个网站的目标人群。第二步：确定用户需求，分析目标用户的用户需求，那么怎么分析呢？进入2016年用户需求被提及的次数越来越多也就是说用户需求的重要性也越来越重要。，其实说白了就是把用户想要看的内容直接放到用户的面前，降低用户的选择成本。关于用户需求，具体怎么分析得到用户需求，这个知识点这篇文章几句话就能说清楚的，用户需求的分析和挖掘是一个不断变化的量，他并不是一成不变的。现在的用户需求就是一个不断变化的变量那么我们作为SEOer掌握的应该是分析用户需求的能力。第三步：网站标题的确定，我们在得到了目标用户需求的前提下，在通过分析用户需求后，我们需要对网站的标题进行筛选和确定（即关键词的确定）。因为网站标题的确定就是在确定网站的目标用户群体，如果你的网站的标题改变了那相应的你网站的目标用户群体也就改变了。第四步：设置网站的布局，在分析出用户需求确定网站的标题和目标用户群体以后，在这个时候就可以设置网站的栏目和网站的页面布局和结构了。第五步：SEO基础优化，在确定了网站的标题，网站的栏目，网站的页面布局结构之后。我们就需要进行网站的SEO基础优化，让你的网站对搜索引擎友好能够让蜘蛛顺利的抓取你的网站。Seo优化就是对网站的优化，想要把品牌关键词做上搜索引擎搜索前位，并能够吸引流量和扩大目标用户点击，我们seoer一定要具有SEO思维。那么SEO思维到底是什么呢？下面登登SEO简单解释一下SEO思维。第一步：定位目标群体，做一个网站需要知道你是做什么的？你的用户是那些人？我们进行网站的用户群体定位，定位这个网站的目标人群。第二步：确定用户需求，分析目标用户的用户需求，那么怎么分析呢？进入2016年用户需求被提及的次数越来越多也就是说用户需求的重要性也越来越重要。，其实说白了就是把用户想要看的内容直接放到用户的面前，降低用户的选择成本。关于用户需求，具体怎么分析得到用户需求，这个知识点这篇文章几句话就能说清楚的，用户需求的分析和挖掘是一个不断变化的量，他并不是一成不变的。现在的用户需求就是一个不断变化的变量那么我们作为SEOer掌握的应该是分析用户需求的能力。第三步：网站标题的确定，我们在得到了目标用户需求的前提下，在通过分析用户需求后，我们需要对网站的标题进行筛选和确定（即关键词的确定）。因为网站标题的确定就是在确定网站的目标用户群体，如果你的网站的标题改变了那相应的你网站的目标用户群体也就改变了。第四步：设置网站的布局，在分析出用户需求确定网站的标题和目标用户群体以后，在这个时候就可以设置网站的栏目和网站的页面布局和结构了。第五步：SEO基础优化，在确定了网站的标题，网站的栏目，网站的页面布局结构之后。我们就需要进行网站的SEO基础优化，让你的网站对搜索引擎友好能够让蜘蛛顺