6.2.2 信息量太大,页面怎么摆

1、让页面层次不言而喻

在设计以信息呈现为主的界面时,可以将要呈现的大段信息分解成易于理解的信息模块,根据“用户想看到什么”和“我们想让用户看到什么”,为内容模块排列优先级。再根据用户的浏览习惯,将不同优先级的信息放置到相应的页面位置。这和分析用户任务的过程类似,都遵循“分解——排列——组织”的原则。

在视觉呈现上,我们要突出信息模块之间的逻辑关系。逻辑相关的信息在视觉上分为一组,内容或重要程度不同的信息在视觉上体现出差异,逻辑上有包含关系的信息在视觉上进行嵌套。

逻辑相关的在视觉上分为一组:让相关的信息在视觉上分为一组。可以利用“接近原则”,将相关内容组织到一起,以使页面之间的逻辑关系更清晰。

物体之间的相对距离会影响我们对其组织方式的感知。

内容或重要程度不同的在视觉上体现出差异:对于同类信息可以使用“接近原则”,对于内容或重要程度不同的信息就要使用“差异原则”。

这样既可以使页面显得灵活多样,减少用户的阅读疲劳,也可以更加突出特色模块。如果都采取相同的表现形式,满屏幕的文字列表或满屏幕的图片,用户对于信息的接受效率就会降低。

逻辑上有包含关系的在视觉上进行嵌套:逻辑相关的部分,在视觉呈现上也应该是相关的。要让用户一眼就能看出内容之间的关系。

2、让重点信息“跳出来”

我们可以通过视觉设计的方法,如字体加大加粗、色彩对比、添加背景色、留白等,强调界面的重点元素。而其他非重点的元素应该尽量藏起来,或是显得暗淡些,从而使界面的重点“跳出来”。

3、将次要信息“藏起来”

随着产品的发展、功能的增加,很多网络产品正在变得越来越臃肿,界面上的元素也越来越多。调查表明,80%的用户只会使用 20% 的功能。所以,设计者不应将那 80% 只有专家用户才会使用的功能放在显眼的位置。为了不影响新手和中间用户使用,我们应将那些次要的信息“藏起来”,待用户需要时再将它们展示出来。

无论是电商网站、门户网站还是社交网站,大多数都会设计列表页。列表页往往要展示很多信息,用户会通过快速扫描的方式,捕捉关键信息。

比如在使用应用商店时,用户可能想要寻找某类应用。这时,用户会使用搜索功能,来扫描一下有没有“激发兴趣”的应用。当发现“兴趣点”后,用户会阅读更多的辅助信息以帮助决断。所以,列表页起到的作用是“快速筛选、激发兴趣”。如果提供的信息太多,就会让用户扫描起来觉得很累,也许在浏览一屏之后,就没有兴趣再看下去了。但如果提供的信息过少,用户在看到“兴趣点”之后,还需要逐个点击,到新打开的详情页去判断这是不是他想要的东西。多一步跳转就会多一次转移用户的注意力。

将次要信息“藏起来”的策略之一:当鼠标悬浮到某个应用上时,会显示详情。当用户觉得这就是我想要的时,快速地操作按钮就可以直接将应用添加。隐藏策略不仅可以让界面重点更突出,减少复杂信息对用户的干扰,还可以减少跳转,满足用户的快捷操作。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容