菜单 关闭

扩展用户界面:一种多设备设计的信息处理方法manbetx官方网站手机版

by 拉鲁卡布迪乌4月13日,二千零一十四

总结:manbetx官方网站手机版Designing for all screen sizes must consider the capacity of the human–device communication channel,这取决于用户的内存,设备可移植性,and screen size.


回到20世纪中叶,当克劳德·香农介绍他的信息论,他不仅革新了信号处理科学,but he also deeply influenced a cohort of other disciplines,从计算机科学和人工智能开始,最后是认知心理学。信息论的一个观点是,通信系统是由modules通过有限容量通信连接渠道.

人机通信信道

信息论的基本概念是通信系统.一个通信系统包括:

  1. modules:信息源和目的地。
  2. A通信信道将信息从源传输到目的地。

沟通渠道有一定的容量这限制了从源到目的地传输的信息量。例如,a network that connects 2 computers can be thought of as a communication system;网络带宽(通常指两台计算机之间可传输的数据量)等于信道容量。For example,如果您有50 Mbps的互联网连接,您的计算机可以在网络上每秒接收5000万比特(假设一切都以全速运行),这就是信道容量。

虽然描述这些概念的临床术语可能会使它们看起来过时,任何事情都离不开真相。The idea of modules and channels is a powerful one and can and should be applied to the new art of mobile manbetx官方网站手机版design.

当用户与技术(计算机或移动设备)交互时,they form a communication system with two modules (the user and the device) and a communication channel between them.这个通道的容量由设备和与之交互的人类的综合特性决定。这些特征包括:

  • 用户的工作内存
  • 用户对通信的关注程度
  • 设备屏幕的大小

我们将分别讨论这些特性中的每一个,我们将看到它们如何影响移动设计。manbetx官方网站手机版

但在这样做之前,我们需要强调的是,unlike for computers connected by a physical network,当我们在本文中讨论通信能力时,我们不是说一个人每秒接收的比特数,because we're not interested in raw data.Rather,我们想知道多少钱信息这个人在处理dataon the screen.

Users' Working Memory Limits the Capacity of the Communication Channel

If a person is listening to someone giving a lecture,他必须主要依靠自己的记忆力来记住演讲者所指的内容,并将新的信息与背景知识或演讲者以前介绍过的其他想法联系起来。这个working memory听者的责任是沉重的(至少如果他正在注意的话):他必须记住之前介绍的部分信息,才能理解后面介绍的新概念。工作记忆是一个高度个体化的变量;different people may have different working-memory sizes.我们能在工作记忆中保持多少,这就决定了理解的质量。好的演讲者了解他们的听众,并调整他们的演讲节奏,以满足小容量和大容量的工作记忆。

浏览网页时,用户将当前目标的信息保存在工作内存中。例如,they will carry information such as "I am trying to plan a vacation in France for my family during the month of July".他们还使用他们的工作记忆来存储关于站点的上下文信息,关于当前页面,关于网站的界面。(工作记忆的概念与认知负荷因此,人-设备通信通道的容量自然受到用户工作记忆的限制。If the site or an application asks the user to learn too much new information (for instance,because the content presented is too complex or because the interaction is unique or unusual),通常,用户会遇到一个僵局,他的工作记忆将不再有这些信息,他需要去搜索它。有时搜索可能很容易——例如,如果用户需要的东西就在那里,on the same page,在他眼前。在其他情况下,用户可能需要离开当前页面(从而导致交互成本)找到解决僵局的必要内容。

(更多关于人类记忆特征和限制对用户体验设计的影响,万博官网manbetx下载manbetx官方网站手机版see our full-day course on人类的思维和可用性.)

Screen Size Limits the Capacity of the Communication Channel

每次用户不理解网站上显示的内容时,她可以环顾眼前显示的其他信息。显然,屏幕的大小限制了一次可以看到多少信息,在向下或向上滚动或导航到其他页面之前。因此,在人类设备信息系统中,the capacity of the communication channel is determined by the screen size.(As we will see later,注意广度和其他个别变量也可能影响信道容量。)屏幕尺寸越大,the larger the capacity of the communication channel between the human and the device.Once people have to take action and navigate to a different view (either by scrolling down the page or by switching pages altogether),用户将产生(1)交互成本;可能(2)一个额外的内存负载(要么因为他们必须记住这个页面上的内容,要么因为他们必须记住他们可能会去哪里找到他们需要的信息)。

屏幕尺寸越小是mobile content is twice as difficult than desktop content:因为手机屏幕小得多,users must rely on their working memory to keep around information that exists on the page but is not visible in front of their eyes.

注意限制通信信道的容量

除了屏幕大小,影响通信信道容量的另一个变量是用户对设备的关注程度。设备越便携,the more likely people are to use it pretty much everywhere,而且在使用该设备时,它们更有可能被中断。便携式设备的注意力容量与台式计算机非常不同。In fact,a paper published in Mobile HCI back in 2011 showed that the移动设备上的平均会话持续时间为72秒.虽然现在可能有几秒钟左右,移动网站或应用程序基本上有一分钟多一点的时间来帮助用户到达他们需要的地方。(In contrast,平均值桌面上的会话大小大约是桌面的两倍-2.5分钟。)

移动设计与通信manbetx官方网站手机版信道容量限制

manbetx官方网站手机版不同屏幕尺寸的设计需要考虑通信信道的容量。manbetx官方网站手机版为移动设备设计很像将骆驼穿过针眼:很难穿过这么小的通道。不同的移动设计方法试图以不同的方式解决问题,manbetx官方网站手机版but they all need to be aware of the limited channel capacity.

Responsive manbetx官方网站手机版design (in the most "purist" sense of the term,这就坚持所有设备上都有相同的功能和内容)通过将站点分割成流动网格上的单元,并在较小的屏幕上重新排列这些单元,从而解决容量问题,同时考虑到单元的相对优先级。Basically,it delivers the same content piece by piece through a narrower communication channel.因此,所有内容都在较小的屏幕上可用。Remember,然而,用户必须更加努力地工作,在内存中保存更多的项目,才能得到站点上的随机信息。

Some users may be willing to spend the time and effort,others will simply give up (or be forced to give up because of an interruption) if they don't find what they need after a reasonable amount of time.因为响应式设计manbetx官方网站手机版将内容线性化(by reducing the dimensionality of the content grid,from n columns by m rows to n×m rows by 1 column,在为智能手机设计的极端情况下,manbetx官方网站手机版它要求用户在到达任何特定信息之前按顺序浏览内容。因此,techniques that方便直接进入对于响应式设计非常重要:确保导航易于访问,并且包含指向可能与用户相关的manbetx官方网站手机版所有信息块的指针。

桌面上2×3网格上的响应网页可以在智能手机上转换为1×6网格。If a mobile user is interested in the content in chunk number 4 she will need to sequentially scroll down through chunks 1–3 to get to see it.相反,在桌面(或更大的屏幕)上,区块4中的内容通常会立即可见(不需要滚动)。

(顺便说一下,网页线性化过程中固有的沟通问题是造成这种现象的主要原因之一。盲人用户使用网站的速度比有视力的用户慢。:通过屏幕阅读器以线性方式大声读出信息,其固有效率低于在屏幕上对相同信息进行视觉扫描。对于盲人用户,他们只有听觉通道,设计师也manbetx官方网站手机版可以使用类似的技巧Skip navigation链接加速使用,尽管声音有限。对于有远见的用户,it behooves us to expedite their use even more by exploiting the strengths of vision.)

专门为移动设备设计的网站从另一个假设开始。manbetx官方网站手机版他们确实考虑了有限的渠道容量,并对用户可能感兴趣的内容进行了假设。他们把船开到航道上,他们假定,因为太深地埋在网站或应用程序中的内容很难找到,而且不太可能被使用,they'd better not pay the price of information overload or long load times;hence they leave out functionality and information that is deemed mobile unworthy.

移动网站打赌知道什么对移动用户很重要,并调整内容和功能以适应狭窄的移动渠道。挑战是:设计师们能在多大程度上猜测用户在移动设备上的需求?manbetx官方网站手机版Is it better to have information out there,even if buried in a long page,假设那些需要这些信息的人会有足够的动机去发现它,尽管交互成本更高?这是一个必须根据具体情况进行的呼叫。

应用程序怎么样?应用程序通常放弃将骆驼穿过针眼;他们认为,在快速移动的世界里,用户无论如何都不会被骆驼困扰。Mobile apps (at least thosewho don't simply enclose a mobile site in a native app)一起创造一个新的生物,更适合设备的需求。They usually are built around a few tasks that they often support creatively and fully.

简单连续体

When manbetx官方网站手机版designing for mobile we often recommend simplicity.Simplicity means taking into account the capacity of the communication channel.一个简单的应用程序或网站是为渠道容量量身定制的,不会让用户为了达到他们的目标而做过多的工作。It takes into account:

  • the user limitations (working-memory size and attention while using the device),和
  • the device limitations (the screen size)

manbetx官方网站手机版设计师有时会误解简单性的概念——他们认为它是静态的,独立于设备。我们看到平板电脑的应用程序被放大了很多,我们看到的系统如视窗8;尝试在平板电脑和台式机上同时采用一种manbetx官方网站手机版设计。什么是简单而恰当on a phone can be简单哑巴on a tablet or on a desktop.

当Windows 8首次出现时,在诸如今日美国之类的应用程序中,大屏幕上有少量文本的图片忽略了桌面-人类频道的巨大容量,并将其浪费在信息太少的情况下。(从那时起,新版本的Windows 8被重新设计,以更好地利用大频道容量。)manbetx官方网站手机版

不利用通道大小是不好的,因为它会让用户不必要地工作(即,互动更多)以获取可能适合单个屏幕范围的内容。为了继续我们的无障碍类比,it's as if we forced everybody to have low vision and only see very little at a time.

智能手表是简单连续体的另一端。在1.5英寸×1.5英寸的屏幕上显示一个桌面站点是很荒谬的:没有人能够滚动浏览所有可用的内容。

Where Are We Headed?

It's clear that we're moving towards an interconnected world populated by a plethora of devices — from smart thermostats,智能手表和智能眼镜,智能手机,噬菌体,平板,笔记本电脑,台式机,智能电视,and smart tabletops.我们需要一个统一的理论来设计屏幕尺寸的连续性。manbetx官方网站手机版这个理论不能把所有这些系统简化为一个分母;manbetx官方网站手机版智能手表的设计与平板电脑的设计不同,移动设备manbetx官方网站手机版的设计与台式机的设计不同。尽管许多原则可能是相同的,它们在不同的设备上应用不同。我们需要更多的细微差别。信息处理方法考虑了用户和设备之间通信信道的容量,可以为扩展用户界面提供一个起点。

关于不同设备设计的差异和相似性,我们将在课堂上讨论。manbetx官方网站手机版缩放用户界面.

参考文献

MBohmerB.HechtJSchoning,a.克鲁格G.鲍尔。Falling asleep with Angry Birds,Facebook and Kindle — A large scale study on mobile application usage.移动HCI 2011.