个人理财 数据可视化:识别最常用的菜单类型 - 虚拟人物

数据可视化:识别最常用的菜单类型 - 虚拟人物

目录:

Anonim

选择正确的菜单类型以确保您的数据可视化中的良好导航比您可能意识到的更重要。只要想一想你在菜单上有多么依赖你的应用程序和网站。大多数人每天使用多达一百个菜单,甚至没有意识到!

菜单类型包括

  • 菜单选择器: 包括下拉菜单,列表框,单选按钮和选项卡

    <! - 1 - >
  • 导航图标: 这些可以是箭头或文本

菜单选择器

菜单选择器是一个组件,例如下拉菜单或列表框,使用户过滤和/或浏览给定数据可视化上的不同数据视图。

当前使用的最常用的菜单选择器包括:

  • 下拉菜单: 下拉菜单是最受欢迎的菜单选择器之一,因为它们非常紧凑,可以显示一长串项目。然而,有时候不应该使用下拉式菜单,如菜单选项列表太长(30或更多),如下图所示。

  • 列表框: 另一个很受欢迎的选项是列表框。用来显示大量的数据列表,列表框很简单,并且可以处理大量的数据,如下图所示。

    带有滚动条的列表框对长列表很有用。
  • 单选按钮: 单选按钮不太受欢迎,但只有少量选择时才能正常工作,如下图所示。如果你有五个以上的选项,你应该避免这个菜单类型;显示屏可能会很快出现数据超载。

  • 标签设置(垂直或水平): 最高级菜单选择器是一个标签设置。当您需要区分视觉集合中的部分时,最好使用选项卡集。您可以使用单独的选项卡在同一数据中显示四个销售区域(北,南,东,西)的视觉效果,如下图所示。

导航图标

提供导航的另一种方式是使用图标(如箭头或文本)来引导用户(请参见下图)。这些视觉线索很容易阅读,并为街道标志服务相同的目的。他们通过数据引导用户。

数据可视化:识别最常用的菜单类型 - 虚拟人物

编辑的选择

如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

创建视觉站点地图,您可以创建网站上所有页面的图表,包括通过导航和子导航的主要页面的互联性。然后,您可以使用这些信息来帮助收集和定义网站内容,并在生成模型时用作指导。

如何创建一个单一的图像CSS3背景 - 傻瓜

如何创建一个单一的图像CSS3背景 - 傻瓜

最简单,最兼容的方式创建一个CSS3的背景,至少有一点点漂亮是使用单个图像。正确的图像说了很多关于您的网站,并提供页面之间的连续性。因为这种方法是标准的,所以你会看到它在很多网站上使用。所有你真正需要的...

如何在CSS3中创建可排序接口 - 傻瓜

如何在CSS3中创建可排序接口 - 傻瓜

电脑要做的,你想要你的CSS3编码来创造这种情况。例如,一台计算机可以按字母顺序将项目比人类可以更快,特别是当列表很长时。但是,排序并不总是合乎逻辑的。您可能希望用户排序...

编辑的选择

尼康D5000数码相机布局 - 傻瓜

尼康D5000数码相机布局 - 傻瓜

这里是一个方便的指针,拨号,按钮和其他外部控制尼康D5000上。 (此数码相机上显示的镜头是与D5000套件一起出售的Nikkor 18-55mm AF-S VR(减震)型号;其他镜头可能不同,标有星号的相机控制具有多种功能。 ...

GoPro相机可以做什么? - 傻瓜

GoPro相机可以做什么? - 傻瓜

GoPro相机可以做什么?这里有一个更相关的问题:你想要做什么?提出这个问题更像是问自己关于自己的愿望和渴望的独特的录像。当你确定你想要捕捉什么时,你所要做的就是将相机连接到...

使用现有的电影为您的GoPro电影 - 傻瓜

使用现有的电影为您的GoPro电影 - 傻瓜

如果你不想创建你自己的GoPro电影照明,你可以尝试使用现有的灯光。以下是在电影中使用可用光源的一些提示。使用白炽灯泡可以使用白炽灯泡来点亮你的电影,但是它们的效果取决于...

编辑的选择

中创建新图像如何在Photoshop CS6中创建新图像 - 傻瓜

中创建新图像如何在Photoshop CS6中创建新图像 - 傻瓜

在Photoshop CS6中从头开始创建一个新的图像。请按照以下步骤使用“新建”功能创建新图像:选择“文件”→“新建”。或者按Ctrl + N(Mac上的Command + N)。输入新文件的名称。如果您不指定名称,Photoshop会为您创建一个名称。 ...

如何在Photoshop CS6中创建新图层 - 虚拟人物

如何在Photoshop CS6中创建新图层 - 虚拟人物

有多种方法可以使用和创建Adobe Photoshop Creative Suite 6中的图层。这些不同的技术可以让您根据您的需求量身定制流程。在打开的图像中创建新的空白图层:单击“图层”面板底部的“创建新图层”图标。您也可以...

如何在Photoshop CS6中创建云 - 虚拟人物

如何在Photoshop CS6中创建云 - 虚拟人物

Photoshop CS6中的云过滤器可以鼓起一片满天的只需点击鼠标即可从头开始。此过滤器使用来自前景和背景颜色的随机值创建云。事实上,大多数Photoshop老手使用这个过滤器太多,他们的图像中有一个惊人的云数量。 ...