表格设计你要知道的(下)

标签: 表格 设计 知道 | 发表时间:2011-11-16 00:57 | 作者:hardwear goochin
出处:http://ucdchina.com/rss/all

接上篇,看似简单的表格真要设计好还是需要花些气力的,看看下面这些细节设计点,你是否也知道?

5.重点在于行或者列

表格是由最简单的行、列、单元格构成的,根据浏览的目的和希望突出的信息不同,行、列、单元格都可以通过一些变化进行强调,这是将信息通过表格传达出去的最为根本的使用方式。

邮箱产品就是强调行的表格设计的典范,像Gmail、Yahoo Mail、126邮箱,这些表格没有纵向的线条,用横线构架出行的视觉,数据信息均匀分布,更强调每一行内的信息连续性,不强调行与行的数据对比情况。同时,辅助于背景线条和底色,能够很好的提升阅读的连续性和效率。

而将横向的行内信息再次扩充就成了如同淘宝商品页一样的,行区分弱化的表格形式,既满足了丰富信息的呈现,也能很快速的进行与行之间的如同价格等关键信息的对比。

像GA、百度涅槃这种强调列的表也同样广泛使用,尤其这种纵列的强化是配合表格列排序功能而使用的,数据列多时需要根据某一列数据进行排序,作为主键进行提示强化。

6.条理的对齐

表格内的信息纵向列对齐是能够很好的形成视觉引导线,符合格式塔心理学中相近原则,一般常见的是文本信息左对齐,数字左对齐,金额右对齐,同时表格最右一列右对齐,这样的表格纵向列即使没有分割线也能很好的起到分隔作用。

对比的数据如果有了明确的对齐方式,会大大提升数据的浏览效率,增加对比的效果,像下面的图中,如果数据居中对齐没有明确的边界,阅读起来就会降低效率。

 

7.表头固定提升使用

随着表格的行和列都增加,这时候用户的瞬时记忆会遭遇阈限,根据7±2的原则超过这个范围时,用户需要增加信息来帮助浏览表格内的数据,比如百度的涅槃系统提供了丰富的数据列,而如果缺少表头的说明恐怕会很快遗忘掉该列数据是什么。

表头固定的另一种用途是可以将操作和表格的信息更好的进行联系,选择了表格内的数据行就可以进行相应的操作,提升了使用效率,不用再耗时耗力的寻找操作区域。

除了表头行的固定,表格的列进行固定也经常被采用,像就是百度统计这样,第一列是时间需要进行对比,固定了第一列使得阅读起来存在一个基础。

8.减少用户心算

对于进行对比分析的数据,给出差值、总计便于用户阅读,而尽量减少用户心算或者线下处理的过程,当前很多表格都会提示升降变化或者总计值提升,信息的理解和阅读效率。

 

表格的细节需要考虑的地方不少,是一种形式需要灵活的根据实际需求来进行设计,最大程度的突出用户关注的信息,对其他信息进行弱化,同时考虑用户的行为预期给予引导和帮助才能最大化的发挥表格的优势

相关话题:表格设计 源地址:http://ued.baidu.com/?p=763

相关 [表格 设计 知道] 推荐:

表格设计你要知道的(下)

- goochin - 所有文章 - UCD大社区
接上篇,看似简单的表格真要设计好还是需要花些气力的,看看下面这些细节设计点,你是否也知道. 表格是由最简单的行、列、单元格构成的,根据浏览的目的和希望突出的信息不同,行、列、单元格都可以通过一些变化进行强调,这是将信息通过表格传达出去的最为根本的使用方式. 邮箱产品就是强调行的表格设计的典范,像Gmail、Yahoo Mail、126邮箱,这些表格没有纵向的线条,用横线构架出行的视觉,数据信息均匀分布,更强调每一行内的信息连续性,不强调行与行的数据对比情况.

设计师应当知道的20大UI设计原则

- - 优设(UISDC)
清晰度是界面设计中,第一步也是最重要的工作. 要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它. 比如当用户使用时,能够预料到发生什么,并成功的与它交互. 有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用. 2.界面是为促进交互而存在的.

妄谈时间序列表格型大数据系统设计

- - Solrex Shuffling
一直在特定领域的分布式系统一线摸爬滚打,曾取得一些微不足道的成绩,也犯过一些相当低级的错误. 回头一看,每一个成绩和错误都是醉人的一课,让我在兴奋和懊恼的沉迷中成长. 自己是个幸运儿,作为一个 freshman 就能够有机会承担许多 old guy 才能够有的职责. 战战兢兢、如履薄冰的同时,在一线的实作和思考也让我获得了一些珍贵的经验,却直至今日才够胆量写出来一晒.

优秀设计师应当知道的20大UI设计原则

- - 雷锋网
清晰度是界面设计中,第一步也是最重要的工作. 要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它. 比如当用户使用时,能够预料到发生什么,并成功的与它交互. 有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用. 界面的存在,促进了用户和我们的世界之间的互动.

[转载]优秀设计师应当知道的20大UI设计原则

- - 妖人团P团
原文地址: 优秀设计师应当知道的20大UI设计原则 作者: iveodesign. 清晰度是界面设计中,第一步也是最重要的工作. 要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它. 比如当用户使用时,能够预料到发生什么,并成功的与它交互. 有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用.

一定要知道的Web设计八个流行趋势

- - TECH2IPO创见
人靠衣装,公司靠包装,Web必须得大大方方. 要是公司网页代表不了自身形象,千万不能怪客户的肤浅和先入为主,怪就得怪自家网站的设计太落伍和守旧. 想知道那些人见人爱、舒心夺目的Web设计是怎样的吗. 为此,我们从过去几年目睹的网站中总结分析出了一些当下网页流行的设计元素. 当然,这个并非是什么终极榜单;但是,我们预测,在往后的日子,里面提及到的Web设计流行趋势依然会“大行其道”.

设计 iOS 应用时需要知道的 5 件事

- - 博客 - 伯乐在线
英文原文: 5 Things to Know When Designing for iOS,翻译: oschina. 根据我们制作优秀的 iOS 应用的经验,我们认为设计师应该在心里的牢记适用于 iOS 的 5 件事. 虽然本文关注的重点只在 iOS 应用,但大部分的意见也适用于其他移动平台. 这似乎是显而易见的,设计应用而不是网站实际上需要转变思维方式.

脑洞大开!你应该知道的产品设计14招

- - 优设-UISDC
本文是UI/UX设计师Jan Losert 的 经验分享. 我在 Dribbble上发布作品之后,收到了许多积极反馈和问题,这也促使我动笔写这篇文章,跟大家聊聊我做 产品设计两年来的经历和思考. 说来惭愧,在 产品设计上我一直沿用相同的设计流程,不过在我看来,它可能确实接近于理想的状态. 我将这些技巧划分为四个部分:预处理、工作过程、后期处理以及效率技巧.

2014年移动界面设计新趋势你知道多少?

- - 互联网的那点事
百度云UE负责人@elya妞 :如果你是一个APP狂热分子,你会花大量的时间在各种APP的尝鲜中,你会明显感受到一些APP在采用着某种风格鲜明的设计语言,来标榜自己的独特之处,形成自己的设计风格,甚至引领设计风向. 去年我们关注到随着Metro设计风格的影响和iOS7的发布,APP明显都开始尝试扁平化的设计语言了,除此之外,还有哪些显性化的设计语言崭露头角呢.

你应该知道的产品设计14步

- - 互联网的那点事
我在Dribbble上发布作品之后,收到了许多积极反馈和问题,这也促使我动笔写这篇文章,跟大家聊聊我做产品设计两年来的经历和思考. 说来惭愧,在产品设计上我一直沿用相同的设计流程,不过在我看来,它可能确实接近于理想的状态. 我将这些技巧划分为四个部分:预处理、工作过程、后期处理以及效率技巧. 绘制草图其实没那么多讲究,用一张纸还是一个本子都无所谓,哪怕是手边的一份传单都没问题,最重要的是要将脑海中的想法诉诸笔头,记录下来.