工作生活

B端于C端的区别以及B端的一些规范

2019-07-04  本文已影响0人  马爷不吃肥肉

consumer   business

C端---主战场移动端

面向的用户群体庞大,多数以内容与体验为驱动。竞品较多,所以在具有优秀的交互逻辑上,有自己的风格很重要。

1、从产品角度看逻辑相对B端来说简单一些,但是产品要有很强的同理心。

2、从设计的角度看美观的同时,还要具有趣味性。

B端---主战场pc端

主要面向客户或内部使用,群体小,竞品少且很多不对外,以效率解决问题为驱动,实用大于美观。

对产品经理的逻辑思维要求较高。(对信息的整合、对业务的理解)

认知成本高


B端分类---支撑前台系统  管理资源

支撑前台:淘宝商家版,饿了么商家版,对订单和用户进行管理,支持 C 端产品的业务进展。

工具类:微信公众号平台(对文章和读者的数据统计和管理)、财务报销、考勤系统、ERP供应链管理、CRM客户管理等

企业级服务产品,虚拟主机系统(VMware),云主机管理系统(深信服、xensystem、腾讯云)以及各种云SaaS。

政务类:网上办事、数据统计、土地管理工程管理等。

所谓隔行如隔山不单指不同岗位间的差距,同属设计行业服务不同产品设计也会如此,不同行业对信息处理的方式不同,业务流程业务走向也不同,如医疗行业与政务系统都有自己专属的工作流与业务流。所以设计师不单要完成界面与流程优化,还要主动与产品沟通熟悉业务,并对产品进行深层次的思考。

在开始设计之前要对行业本身作为基础了解,我们要解决什么问题,实现什么目标,产出什么结果


尺寸设定

目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*768、1440*900

大部分系统顶部栏高度 48+8n,侧边栏宽度  200+8n,侧边栏宽度 200px,侧边栏收缩状态宽度 56px,右侧的侧浮窗宽度 400px。

详见:https://www.iviewui.com/


插件网站

Ant Design的设计组件,实现框架 React、Angular

Element的设计组件,实现框架 Vue 2.0、 Angular

iView的设计组件,实现框架 Vue

飞冰的设计组件,实现框架 React

Layui的设计组件

G2可视化图形组件

Echarts可视化图形组件

d3.js可视化图形组件

GridGuide在线栅格化计算工具


 文章和作品推荐

《如何更好地使用栅格系统》Christie Tang

《栅格系统及其在后台设计中的应用》UXBoy

《新人来收!10分钟帮你掌握栅格系统基础知识!》蜗牛醒

《原子化设计-后台产品组件库建设》MrLei

《如何写后台系统UI设计规范 》八戒Maria

《B端产品设计》千夜Ryan_Vision

《面向企业中后台产品的设计系统大合集》Z清晖

《B端网页设计规范全方位汇总》BruceXLS

《如何利用走查表驱动设计改版》可乐Cola

Michal Parulski 的后台可视化设计作品

zoeyshen 的后台可视化设计作品

三鱼先生的数据可视化设计作品


内容引自
https://www.uisdc.com/business-product-design

上一篇 下一篇

猜你喜欢

热点阅读