信息的主次分类直接影响你的体验

苏州/产品设计师/10年前/255浏览
信息的主次分类直接影响你的体验
xinlinui

对于全文字的排版是很不好处理的,我们要更用心的去思考取舍、主次和整体的格式塔原理去思考问题。

小伙伴们周末好呀

     这一周再来说点在接下来的设计中遇到的事了,我写得是工作遇到的那些事,所以都是成片断的不连续,以后有空再整理吧!今天同样不接着上周上的说。

     那么这次要说的是一个没有图标,没有图片四条信息一组的排法,前几天经理给一个任务,做一个用户查看页面,内容是要放:用户的取货时间取货地点、有多少个包裹、分别是几号-几号柜子、还有就是取货密码、有几个订单。要求是用户一点进来就知道他这些信息,而且不是只有一条这样的信息。

    我们的做法是,先做一条这样的信息,然后才复制成多条,修改一下每一条的时间、地点和里面的内容就完成了,思路有了,接下来就是实施了。

   先做一条,看一下这里都有那些内容要放见上面有6个对吧,咱排呢?挨着来吧行不行试了就知道了。结果是排出来了,6条就排了6行,并用线分开成6排,这样行吗?

   如果只有一条这样的信息,那还行,要是再放一条会咋样呢?问题就来了,分不清这是一条还是两条信息,而且一个屏全是文字,还没有空间感,这可如何是好,又没有图标、图片的一版文字实在是不好看,最重要的是信息没有分开无法阅读,有的小伙伴说,中间空留大一点不就好了吗?可是这个是App不是你写文章一样的排法。你是空留大了,但到程序那就变了,有点前端基的同学可能知道,从左上角排法,为了让软件的统一性,和简洁化,再设计是都会采用同一层间距,不能为解决你这一个问题而去改变其它页面吧。所以高度的间距在之前页已经定好了是10Px那就是那个数不可能因为你的这里不好区分就去改变他。

   那么只好想其它的办法了,用着色的方法来区分可好,这是一个好的建意。

   来吧,我们给第一条信息的头部加一个低色(跟据你的App色调来)这样问题好像是解决了,只是在更细节的就要用到时美术的方法了,比如用什么样的低色?是全实低、半透明、还是用点缀的方法,讲到这里我们可能忽略了一个问题。在刚才我们排第一条信息时,我们只是列出来了,如何排列才是合理可用的还没讲对吧?不知道我们的小伙伴有没有思考这样一个问题,这6条信息那一条才是最重要的,谁排第2,谁最不重要,谁里面还会有延伸的信息或是可以半隐藏的信息。这些都是我们思考的的问题。

    那么接下来我们来处理第二个问题,如何突出这条信息的主次,层级。刚才我们从整体上帮助用的大脑分好了每一条的信息,这一次,我们要分的可能就不那么容易了,时间、地点、包裹数、密码、几单、箱号;到底那个重要?我觉得时间和地点最重要,因为每条消息就是时间和地点不同,至于密码和箱号、数量要、几单是个消息的内容,你们可能会有不同的方法,我这里就先这样分了回头我们来讨论。把时间和地点分一部分作为信息头部,然后中间就是信息的内容了,分别是密码、数量、箱号那还有一订单就放后面了,在这时订单最不重要,我们主要的目的是要告诉用户他在什么时间什么地点要取几个包裹,开箱密码这些信息,至于单号不是重点放在信息低部。

    同时也是因为这个单号里面就是每结一笔单里面的详细交易,所以在这个页面叫“取货页面”那么订单位详细页就是从这个单号进入了,(如图)我上次在这文章里查入图都没传上去,这次由于时间的关系也就不传了,在以后发表作品时才给大家看,在没有看到图时,其实更利于小伙们去思考。小伙伴也可以自己排一下,看看效果如何。就到这儿吧。

     最后总结一下,我们在做分析信息时,首先我们要知道页面要放什么东西。这一点很重要,然后就是给他分类,因为人的大脑会自动去做分类简化后才可以读懂的,所以我们分好类排好信息的主次层序,这点对用户非常重要的,因为顾客都是没有耐心的。还有利用色彩和微区分会给你的界面带来不一样的感受。


1
Report
|
2
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in