数极客首页

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

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

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

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

目录

  1. 运用好线条元素
  2. 文字设计比你想象得更重要
  3. 充分利用空间和比例让你的设计锦上添花
  4. 交互应点到即止

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

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

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

01.运用好线条元素

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

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

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

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

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

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

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

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

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

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

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

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

04.交互应点到即止

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

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

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

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

以上。

 

原文地址:https://www.behance.net/gallery/54874727/Dashboard-design-principles

本文由 @王刚 原创发布。未经许可,禁止转载。

题图来自PEXELS,基于CC0协议

新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是数据分析软件领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章