互联网端到端的设计原则,web端开发设计标准

首页 > 其他网络信息 > 作者:YD1662023-11-28 11:37:12

B端产品页面内容变化较少,更强调一致性。主要由表格、表单、按钮等各种信息元素构成。

在长期的使用过程中,用户对某些信息元素已经形成了特定的心智模型。例如用户看到输入框,就知道需要填写内容;看到步骤条引导,就知道多步操作;看到Radio Button,就知道是单选。

因此方案设计时,设计师的一个重要目标就是让表现模型尽可能地匹配用户心理模型,避免因为组件使用不当,造成用户产生错误认知。

例如考虑到用户的视觉动线,“新建”等主要、高频按钮通常放在左上角,方便用户浏览和操作,而辅助功能按钮会放置在右侧,用户也逐渐形成了这样的心智模型。

如果主操作按钮放置在右上角则违背了用户的心智模型,用户使用产品时,需要建立新的心智模型,改变已有的行为习惯。并且这种设计并不能带来其他层面的体验提升,个人认为有些得不偿失。

互联网端到端的设计原则,web端开发设计标准(5)

二、信息的层次性

B端产品业务比较复杂,页面内容也会较多,信息的有效组织尤其重要。信息设计不是简单的内容堆砌,需要根据用户场景和需求做出优化处理,构建有效的信息的层级帮助用户去理解业务内容。

信息层级包括2个方面:

1. 系统空间分层

在一个系统中存在着空间分层,当页面较为复杂时,需要通过合理的内容分层,有序的展现内在逻辑关系。

B端核心交互就是“增、删、改、查”,其中”查“就是信息的检索和浏览。所以页面主要是由搜索条件和表格构成的。

而“增、改”等操作行为主要是在临时的系统空间中完成,例如弹窗、侧边浮窗、跳转页面等形式。不同的信息在不同系统层级中相对独立的展示出来,保证了信息的层次感和秩序性。

互联网端到端的设计原则,web端开发设计标准(6)

2. 页面信息结构

复杂业务场景下,单个页面会承载大量的信息内容,需要通过合理有序地呈现给用户。

主要有2种方式进行信息拆解。

互联网端到端的设计原则,web端开发设计标准(7)

1)高效组织——卡片化设计

在B端产品中,为了保证功能的完整性,必须要一个页面中展示给用户。逐条平铺,散点式的信息展示会造成信息密度过高,缺少层次性。而卡片方式可以很好的聚类相似信息,分割差异化信息,有助于降低信息的复杂性,帮助用户快速定位信息、浏览内容。

互联网端到端的设计原则,web端开发设计标准(8)

上一页1234下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.