学会划分层级,是开始UI设计的第一步

作者:admin       日期:2021-02-25

       作为一个长期研究各种 APP 的专业人士,设计师往往会忘记,用户并不一定和自己一样可以熟练的理解各种设计元素的交互功能。在设计初期,应该将目标用户进行分类,既要满足新手用户的需求,也不能影响专家用户的使用。创造出同时满足不同用户级别的视觉层级结构是非常重要的,必须在前期阶段就事先思考。
       那我们来看个例子,一张图上有四句话,读者根据字号判断先读哪一句。在从测试和调研中收集来的用户需求和期望的基础上,首先明确内容和交互的优先级,确认信息的先后顺序和关联性后,才能够设计出有重点的交互界面。这些行为是为了引导用户在阅读过程中一眼获取重要信息。
      用视觉语言来说,这个例子只是通过调整文案的尺寸去探索如何设计页面层级。同时,通过调整其他平面设计元素例如字重、颜色、透明度 等等也可以达成同样的效果。当然,这种行为同时适用于按钮、菜单栏、表单等其他控件。通过距离划分视觉元素,展示它们之间联系的基础前提是格式塔心理学组织原则,这是在构建数字界面时所考虑的基础指导理论。
       因为用户一般通过视觉元素的位置来判断阅读顺序,设计视觉元素和控件的位置是为了促使用户完成任务,同时在某些情况下,也会引导用户去做他们所期望的事。在很多情况下,用户会自己选择想看的信息。这意味着在一个拥有很多功能的页面上,用户会一目十行的迅速寻找他们的目标,因此大部分的视觉信息会被屏蔽。
       用户在网络上的阅读方式高度取决于:用户的任务目标,用户习惯,页面层级,页面内容形式,这就非常明显了:最后两个因素是设计师可以控制的,并且考虑到网络设计越来越先进,运用知识和技术推动用户行为,而不是使电子产品成为用户的阻碍。基于这个原因,我提出一个设计原则:那就是将用户分级,有一些人说如果需要在图标旁边放一个文字说明,图标就没有存在意义了,因为它的认知优先级被降低了,成为了识别序列里的一个负担。因为图标视觉系统是建立在逻辑原则上的(和文字表达的意思相同),所以无论是对于有没有相关交互经验的用户而言,图标被认为是可以帮助用户迅速理解功能的。
       如果您发现此处介绍的方法有用,请使用它,并与产品的用户进行测试,得出自己的结论,然后将结果作为一种知识形式分享给更多的设计师吧。

相关作品

cpyright 2015 © Wuhan zhuoyi design training school, All Right Reserv

鄂ICP备09005391号-2

版权所有:武汉卓意设计培训学校

测试是否适合学习?60秒给你答案 ! 我要测试
X