首页(PC端系统首页的设计手册)

更新时间:2023-05-26 17:55:51 所在栏目: 生活常识点击量:

PC端体系首页的计划手册

大大多产物司理在画一个从0-1的产物原型大提要优化原有产物的时分,会碰到体系首页怎样计划的成绩,有哪些必要注意的成绩呢?

体系首页很紧张,体系首页相当于这个产物的脸面,用户登录体系后,起首看到的是体系的首页,才会看到其他的体系功效。

无论是人照旧体系,都看颜值。

一个排版布局标致的首页让人眼前一亮,可以提升产物的level,一个计划大略和昏暗的首页,会低落用户对这个产物的心思预期。

我从事产物几年来,看过及到场计划过很多体系的首页,今天关于体系首页计划做一个小结。

一、体系首页计划有哪些?

  • 笔墨型
  • 表格型
  • 笔墨和表格团结
  • 纯图形
  • 表格和图形团结
  • 综合以上

二、首页给谁看?

了解了体系首页的典范后,我们再来思索一下首页主要是给谁看的。

关于业务型体系,首页寻常会给两大类人物看,分散是向导和平凡员工,向导纵览公司、部分、业务等全体情况,员工主要看本部分的事情、业务情况。

在计划首页时,向导和平凡员工的展现界面,会有一些不同。

并不是一切体系会区分向导和员工的首页,像OA、财务报销体系、舆情预警体系,首页不会区分向导和平凡员工,各位看到的首页都一样。

三、首页看什么?

首页展现的内容可以分为三类:紧张内容、待办内容、消息关照。

第一,紧张内容是整个体系抽取出紧张和紧张的内容,并颠末统计分析得出的内容,让用户登录体系后能快速了解的内容。

好比一个物流体系的客户端,紧张内容会有账户余额、预告包裹的数目、特别包裹的数目等等。

紧张内容必要产物司理团结实践业务去提取。

第二,待办内容是指必要待办的事项,用户登录体系除了看一些信息,约莫还会要做一些处理事情,首页提供一个待办入口,很便利用户去做处理。

寻常体系中触及到流程,会产生待办内容。

第三,消息关照指一些关照、告示或其他笔墨性提示的内容,假如有一些严重的消息,用户在首页可以立刻了解。

四、首页有什么?

在计划首页的时分,必要把种种展现内容以公道的办法展现,磨练的是一一局部从不同角度去分析、组合信息内容的才能。

这些角度大抵上有以下几种:

1. 总体分析

总体分析主要是对某事物总体情况举行统计,好比电商卖家办理平台,待收付款金额、待发货数目、退款/售后数目、物流特别数目。

用户看总体分析能十分快速便捷的了解本人的业务全体。

总体分析的展现情势寻常多数字综述、仪表盘、柱状图举行展现。

2. 比力统计不同典范、不同时间、不同地区的数目体现

用户看完备体,会去具体看局部情况,关于局部,通常可以从典范、时间、地区等去分析展现。

不同典范之间的数目/占比、不同时间段内的数目/占比、不同地区之间的数目/占比等等。

展现情势寻常有饼图、环形图、柱状图、条形图等。

3. 趋向

用户除了眷注如今业务的情况,还眷注一段时间内某事物的厘革情况,即趋向。

好比近30日内成交金额的趋向、近30日人均欣赏量趋向。

趋向的展现情势寻常有折线图、面积图。

4. 职责进度

职责进度寻常是经过进度条的情势展现不同目标之间的数目比力。

好比向导在首页可以查察部下之间职责完成情况的比力。

5. 分布

除了同目标不同典范、时间、地区的比力,以及不同目标之间的比力,另有地区、行业平分布摘要。

地区分布图展现情势以舆图办法展现,行业分布图展现情势可以以柱状图办法展现。

6. 排行榜

排行榜展现前X的目标,好比TOP10商品销量、TOP5舆情讯息。

排行榜展现情势寻常是表格。

7. 厘革量/厘革率

首页上报告用户如今是什么很必要,偶尔分报告用户某事物跟前一次比产生了厘革,这个厘革是几多,厘革是什么也很紧张。

五、首页的展现情势

当我们以前想好首页要放哪些内容,哪些维度,这时就要去想怎样去展现更为直观。

笔墨?表格?图形?什么图形?

展现情势有很多,底下摆列了一些。

  • 柱状图
  • 条形图
  • 饼图
  • 玫瑰饼图
  • 环形图
  • 折线图
  • 面积图
  • 雷达图
  • 仪表盘
  • 散点图
  • 漏斗图
  • 词云图
  • 表格
  • 数字综述
  • 中国舆图

Echarts外表有很多图形展现办法,在计划首页的时分可以参考。

我以为计划首页最紧张的是去分析、提取首页展现的内容,分析用户在首页要看什么,想看什么,什么信息对用户有效,什么信息是最有代价。其次,是从哪些维度去展现,最初才是画图,前方的东西思索清晰了,画图就很简便。

#专栏作家#

Vi-Vi-Fu,微信群众号:vivifu12,各位都是产物司理专栏作家。杭州某不着名公司需求分析师。

本文原创公布于各位都是产物司理。未经允许,克制转载。

题图来自Unsplash,基于CC0协议。

声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。