童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

让数据阅读更舒适!带你玩转表格设计

3月23日 桃花醉投稿
  hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表格估计看内容得吐血表格形形色色,默默无闻的呈现着数据,阅读起来如何最为顺畅,如何才能从表格里发掘出重要信息,有哪些可以对表格进行的操作,梳理一下以供参考。
  1。行高是表格浏览时的重要参数
  行高是表格非常重要的参数,行高间距直接影响着阅读的体验,有如同Omniture为了最大限度的放置数据内容,强化数据显示效果而降低行高的情况,也有SugarCRM一样的行高较高可以放置更多文本信息的表格。
  2。斑马线更好的引导阅读
  斑马线和悬停时的整行变化也是表格中能引起视觉变化的重要元素,斑马线会使得行与行的界限更为分明,尤其对数据列较多时的横向引导得到加强,这样看行内的内容时不容易错行,而悬停变色行主要是配合操作交互,为了明确区分出光标所在的行。
  3。选择和操作提升使用效率
  对表格数据的选择会有单选多选或者全选的情况,如果遇到数据项很多有翻页,全选的位置就会增加一些选项来确定是当页全选还是整表全选,如同Gmail和SugarCrm里的效果,这种表格是将选择区域放置在表格的左侧第一列,也有表格的设计是将选择放在右侧最后一列,像CampaignMonitor就是这样设计的,好处在于浏览完一行的信息就可以确定是否需要选择该行内容进行下一步操作。
  4。排序使表格活起来
  排序是表格里经常需要使用的操作,可以更为快捷的发掘出关注的信息,一般会有升序和降序两种,当前比较常见的是上下空心箭头默认,上箭头为升序,下箭头为降序,也有通过明确说明来提示排序的方式。
  也会出现这种多重排序的表,其实是将列的数据排序区域作为单独的控制区进行操作,以实现多个维度的排序。
  看似简单的表格真要设计好还是需要花些气力的,看看下面这些细节设计点,你是否也知道?
  5。重点在于行或者列
  表格是由最简单的行、列、单元格构成的,根据浏览的目的和希望突出的信息不同,行、列、单元格都可以通过一些变化进行强调,这是将信息通过表格传达出去的最为根本的使用方式。
  邮箱产品就是强调行的表格设计的典范,像Gmail、YahooMail、126邮箱,这些表格没有纵向的线条,用横线构架出行的视觉,数据信息均匀分布,更强调每一行内的信息连续性,不强调行与行的数据对比情况。同时,辅助于背景线条和底色,能够很好的提升阅读的连续性和效率。
  而将横向的行内信息再次扩充就成了如同淘宝商品页一样的,行区分弱化的表格形式,既满足了丰富信息的呈现,也能很快速的进行与行之间的如同价格等关键信息的对比。
  像GA、百度涅槃这种强调列的表也同样广泛使用,尤其这种纵列的强化是配合表格列排序功能而使用的,数据列多时需要根据某一列数据进行排序,作为主键进行提示强化。
  6。条理的对齐
  表格内的信息纵向列对齐是能够很好的形成视觉引导线,符合格式塔心理学中相近原则,一般常见的是文本信息左对齐,数字左对齐,金额右对齐,同时表格最右一列右对齐,这样的表格纵向列即使没有分割线也能很好的起到分隔作用。
  对比的数据如果有了明确的对齐方式,会大大提升数据的浏览效率,增加对比的效果,像下面的图中,如果数据居中对齐没有明确的边界,阅读起来就会降低效率。
  
  7。表头固定提升使用
  随着表格的行和列都增加,这时候用户的瞬时记忆会遭遇阈限,根据72的原则超过这个范围时,用户需要增加信息来帮助浏览表格内的数据,比如百度的涅槃系统提供了丰富的数据列,而如果缺少表头的说明恐怕会很快遗忘掉该列数据是什么。
  表头固定的另一种用途是可以将操作和表格的信息更好的进行联系,选择了表格内的数据行就可以进行相应的操作,提升了使用效率,不用再耗时耗力的寻找操作区域。
  除了表头行的固定,表格的列进行固定也经常被采用,像就是百度统计这样,第一列是时间需要进行对比,固定了第一列使得阅读起来存在一个基础。
  8。减少用户心算
  对于进行对比分析的数据,给出差值、总计便于用户阅读,而尽量减少用户心算或者线下处理的过程,当前很多表格都会提示升降变化或者总计值提升,信息的理解和阅读效率。
投诉 评论 转载

关于用户体验的三个反思“一个产品没用,体验再好用户也不会去用。你觉得这句话是对还是错?”我曾在微博里发起了这样一个讨论。看到“一个产品做到60才需要用户体验”的评论时,我很吃惊:用户体验难道只……通过设计让APP变快的6个方法我们都知道不管网页还是移动应用,响应速度都是最重要的体验指标之一,并且移动应用的网络环境不稳定,速度的体验显得尤为重要。其实速度优化不仅是程序员的事,设计,也能……做设计很慢?先来改正你使用PS的10个坏习惯PS用途广泛,方法多样。可以用不同的方法来实现同一种效果,有时,大家会被思维局限住,采用”最笨”的办法完成工作。本文,便是面对这一问题,罗列出PS使用中的10条坏习惯,相……网页设计的极简主义:少即是多有一些设计者,经过一轮艰辛做了一个很少元素并看上去不错的网页,或者他们做的网页最后看上去不会很”复杂”。网上有很多关于极简设计用在网页上的文章,这篇文章目的是指……新浪微博说:我们开始考虑用户体验了活跃度降低、用户体验差,近来一直是新浪微博的产品经理难以抹去的槽点。除了经理们的自证,新浪微博需要拿出一个大的变革,改善用户体验,保证活跃用户。以此去满足包括阿里在内的投资者,……用户研究:如何在调查中询问满意度一个差强人意的满意度调查的例子:你如何评价我们的客户服务?A不错,我很满意。B不好,我不满意。上述例子……PS新手教程!打造一枚简约音乐播放器用PS中的矢量形状以及图层样式打造精致的音乐播放器组件。界面设计一定要保持简约,保证原汁原味的内容,一眼即知的操作方式。音乐组件通过本文,你将学习到:如何使用……鼠标老当益壮,新交互方式蓄势待发今年7月4号,科技界公认的鼠标之父DouglasE在家中辞世,这位前瞻的科学家不仅可以说是革新了人机交互方式,发明了鼠标,他……产品经理该如何评价用户体验的好坏不管是什么产品都会和用户体验搭上关系,用户体验的好坏有时候会直接影响一个产品的成败。通常来说,用户体验是一种主观的感受,是用户在使用产品的过程中所感受到的、所获得的全部内容的总……记住,用户只愿为“体验”付钱政治经济学里讲“价格取决于价值,价值决定价格”,这是传统的定价法。但这个定价法则,远远解释不了今天的商业现象。比如,一部iPhone的毛利大概是60,一个真品LV包的毛利……让数据阅读更舒适!带你玩转表格设计hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表……清楚明了的对话框选项对话框最常见的不当设计就是选项上的文字出现:是(YES)与否(NO),回想在学生时期考试的时候,O与X在是非题中是唯二的两个答案,而出题者会透过文字叙述上正反的误导,来测验学生……
产品学习札记02:我对“恐惧”的思考再见2019,你好2020产品面试系列:如何回答估算问题?分享我的产品策划流程,希望对你也有用沟通与肯定,产品经理需要关注的2个要点独立负责项目两年,我的产品原则及方法论用销售思维让开发加需求如何组织一场成功的需求评审?2020年的产品经理修炼指南做C端产品,要怎么读懂用户?从“汽水兑换”案例,看你能不能当产品经理?如何深入业务场景,做出好的产品规划?
早产儿贫血的发病原因有哪些我想设立身份交换节裸婚的尴尬没人信我已结婚苦瓜我的最爱【歌词】ItsHere歌手:DuncanTownsend热文 皮肤晒伤会出现哪些症状2017年社区服务口号大全与君初相识官方定档17日播出!期待迪丽热巴和任嘉伦的精彩演绎为什么说朱棣是一位具有世界眼光的帝王?玻璃心的孩子,是因为这个能力不够强迁西县国土有土地使用期限吗?哈勃发现比小说更奇怪的天体神秘的ampampquot幽灵am

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界