从页面的"层次感"说起

前言

同事负责的一个新的项目,MVP上线后很多人不是评价业务场景/商业模式/,而是一开始就评价页面不好看,大多数人很喜欢从交互设计,页面美观度等方面进行评价,因为这是肉眼一下子就能发觉的东西,在其他同事评价的时候,最让我印象深刻的一个单词是层次感, 听到这个单词的时候我的心缩了一下,仿佛有种在冰天雪地里被火烫了一下的感觉. 我觉得我自己对于页面排版或者交互的领悟还是不够的,层次感就像一个从来没在我的字典里出现的单词一样,我感觉我白干了那么多年的活.

恰逢这次看书,看到一篇介绍如何"别让用户思考"的文章, 让我对层次感这个词有了更深入的理解. 在这里简单做一下读书笔记, 希望以后的自己能在这些知识点滴中继续成长

别让用户思考

1. 将页面划分成明确定义的区域

上面所说的这个事情，我总结来讲，就是当时负责页面UI设计的同事所缺失的地方，特别是用于展示客户经营概况等关键数据，需要让客户第一眼扫视之后，能快速定位到有用的信息，或者能快速理解他可以在当前页面上做哪些操作或获取哪些信息．在这个方面，其实有很多成熟的app产品是可以参考的,但是在以前我很多时候是视而不见,下次自己做页面布局设计或交互的时候,要多往这方面进行思考

2. 建立清晰的页面视觉层次

特别是做B端的产品,本身的业务逻辑和操作会比很多C端的产品复杂, 如果没有让用户快速弄清楚当前页面信息之间的从属,主次或关联,那么,用户可能完全不知道要如何操作, 非要逼着用户去看那些非常枯燥的教程文档或视频. 在我用过的很多B端产品中,除了SAAS化的产品外,在页面元素主次关系和逻辑排版方面都非常不用心. 这次对于我们软件后台的改版, 我也希望能降低用户理解各个功能的成本,让他们能快速上手,尽量避免他们要去看操作说明或手册才能理解如何操作.

3. 尽量利用习惯用法

这方面暂时没有很共鸣的东西,后期再补充吧

4. 明显标示可以点击的地方

刚好最近一个同事做的商品设置的页面, 在输入数量的位置是可以点击修改的,但从外观看,完全不像一个文本框,导致用户根据不知道点击数字是可以修改数量的

5. 最大限度降低干扰

这方面最大的体会就是以前自己做ppt的时候,很喜欢在网上找一些模板,有很多ppt模板的背景是花花绿绿的, 非常影响用户阅读,或者说会影响视觉的焦点. 虽然现在已经意识到这个问题,但是每次回头看自己做过的ppt,真的是痛心疾首啊