快好知 kuaihz订阅观点

 

后台交互设计:关于中后台系统设计的4个原则

最近几个月一直在做中后台系统的交互和视觉设计,也找了很多国内外的参考资料,今天翻译的是behance上的一篇文章,链接将附在文章底部。

第一次投稿,如有不足,还请各位看官多见谅。

目录

运用好线条元素

文字设计比你想象得更重要

充分利用空间和比例让你的设计锦上添花

交互应点到即止

设计后台系统时别把用户想得太笨,真正笨的用户如果没有设计师的指导完全不会使用产品。用户的大脑需要通过后台系统去思考和决定该做什么,并且设计师也无法去引导聪明的用户。

和所有典型的企业产品界面一样,中后台系统需要在有限的空间里展示尽量多的信息。用户不但要能够实实在在的看到数据,更重要的是能在查看数据后作出正确的行为。

01.运用好线条元素

数据的分级是中后台系统设计过程中最困难的部分,而能利用好线条你就能牛逼哄哄的解决一大半问题。

后台系统最起码包括主要控制器(导航条)、重要数字指标显示区域以及列表这三个部分,而且每一部分都包含着诸多不可忽视的细节。

我们可以运用面来做视觉元素将一些优先级最高的数据区别开来,接下来就可以想办法对详细数据进行区别,而线通过自身特有的韵律来辅助阅读成为我们可用的最好设计元素。当你把注意力放在某些信息上时,线条元素会扮演一个辅助集中注意力的角色,隔绝无关元素。

由于数据信息是最为重要的,线条不应该吸引过多的注意力,因此我们通常都用一个像素的线条。当然,降低用户对于线条元素的注意不是意味着越模糊越好,只有相对显眼的线条才能帮助到用户阅读。

02.文字设计比你想象得更重要

在保持阅读清晰的前提下,尽量降低字重,因为在中后台系统里,经常会遇到大段文字挤在一起的情况,如果字重太高,开发出来你哭的地方都没有。另外,为了确保信息的易读性,请使用非衬线字体。

03.充分利用空间和比例让你的设计锦上添花

在消费品的设计中添加色彩和ICON是我们常用的视觉设计的惯用招数,但是,在中后台系统的设计中,对颜色和ICON的运用要谨慎一些,以免造成多余的认知障碍。

由于文字能够传达清晰准确的信息,无疑是更好的设计元素。通常会有两种场景会用到ICON,要么是为了帮助用户快速导航,要么就是能够产生类似编辑这种直接通用的暗示。能够谨慎的使用颜色和ICON,你设计的界面就不至于乱糟糟的。充分的利用好空间和比例,别让界面元素过于拥挤,那么你也能设计出高逼格的中后台系统。

04.交互应点到即止

在中后台系统的设计中,使用拖拽等交互方式是大忌,就连双击和右键都尽量少用。用户虽然都想着提升工作效率,但他们大部分却都是懒癌晚期。就和打游戏一样,老司机能够飞快地使用键盘操作,而菜鸡只能拿鼠标乱戳,如果菜鸡完全没有想成为老司机的动力,那他们离开了鼠标就几乎就是废人一个。

并且,如果他们的麒麟臂一旦习惯了拿鼠标戳,就根本停不下来。对于这部分菜鸡用户来说,拖拽这种高级交互行为是不存在的。

这四条设计原则很有可能没法让你的设计水平突飞猛进,但是我们也得意识到,展示正确的信息哪怕展示的方式不对也比金玉其外败絮其中要更好,所以,在做设计之前我们首先要做的还是先去做用户和相关利益者的分析,了解到底该展示些什么信息,以及为什么。

以上。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:后台  后台词条  设计  设计词条  交互  交互词条  原则  原则词条  关于  关于词条  
设计

 “极端”设计的区别和界定

“极端”设计并非是无意义的叠加成本,更不是自找麻烦增加开发难度,极端设计和服务性质一样,服务业将客户当做上帝,追求的超越目标用户需求的产品设计方法。在以往的文章...(展开)

设计

 APP导航设计的对比总结

纵观应用市场上的APP,导航设计的模式总是几种的组合使用。导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。让用户能够顺利的在产品中畅行,让用户时刻清...(展开)