美文网首页互联网产品经理互联网产品思考今日看点
[交互设计]toB型产品首页设计模式分析

[交互设计]toB型产品首页设计模式分析

作者: 阿拉蕾小帽子 | 来源:发表于2017-08-29 11:40 被阅读335次

前言

关于后台型的系统,功能复杂,入口繁多。我们常常会需要一个功能和业务集成的首页,提供产品的业务概览、信息汇总、快速入口等。做了众多的后台型系统的首页设计,从多个case中大体可以总结出下面三种首页模式,从「业务-功能」的角度,希望给设计师们提供另外一个维度的设计思路。

类型一:多功能集成

1.信息维度

(A总-B总-C总-D总~n总)

首页分别有n个不同业务模块的总览或概览。

2.系统定位

这中系统是比较典型的,A业务模块、B业务模块、C业务模块等n个功能模块集成在一起的系统。首页的设计就会从n个业务模块中抽取出概要信息在首页进行展示。首页的特点是信息模块划分清晰,每个功能模块单独的快速入口进入到相关模块当中。

3.表现样式

数据总数/比例的统计、列表、文本卡片

4.示例

图1.1

图1.2

类型二:单业务-单功能

1.信息维度

A总-A分

(首页只展示A功能或A业务维度的总览+详细内容)

2.系统定位

这种系统一般都只有一个核心的功能维度。采取「总 - 分」结构,首页常规信息布局分为两大块,一是关于A功能的信息汇总和数据统计,二是关于A功能的更详细的信息披露。

3.表现样式

数据总数/比例的统计、列表

4.示例

图2.1

图2.2

类型三:单业务-多功能

1.信息维度

A总-A总-A总~nA总

(从n个不同维度去对A业务场景进行统计或概述)

2.系统定位

这种系统一般都只有A这样一个核心的业务场景,但是会对应有针对该业务的多个功能维度。因此,首页采取对这个核心业务进行不同功能维度的数据展示或功能入口的方式,并且常常在首页中几个信息模块彼此有关联。

3.表现样式

数据总数/比例的统计、关联列表、实时数据变化

4.示例

图3.1

相关文章

  • [交互设计]toB型产品首页设计模式分析

    前言 关于后台型的系统,功能复杂,入口繁多。我们常常会需要一个功能和业务集成的首页,提供产品的业务概览、信息汇总、...

  • 猫眼电影APP产品原型设计

    目录: 产品背景介绍产品分析“电影”布局与交互设计“影院”布局与交互设计“发现”布局与交互设计“我的”布局与交互设...

  • 1106文章

    http://www.ui.cn/detail/286712.html ToB产品的6条交互设计经验 http:/...

  • 待读文章记录簿

    VUI语音交互设计:三步打造任务导向型对话场景 如何成为一个合格游戏UI设计师? 交互设计:五维分析法 交互设计路径分析

  • 新人产品分析——第三步(1)

    新人产品分析——第三步(1) 分析的总结和整理 之前分析了产品的设计、交互、运营和商业模式,基本上对分析的产品有了...

  • 泛型相关总结

    泛型在设计模式和源码分析中有重要的写法支持,学习设计模式和源码分析必须掌握泛型的使用原理 泛型 概述 什么是泛型?...

  • 【产品】20分钟课程学习(133-136课)

    学习互联网产品设计流程:确定需求-定义产品-交互设计-UI设计-产品开发-产品测试-上线 学习需求分析的方案:为什...

  • 复盘 | 如何从设计上提高app首屏转化率和利用率?

    产品名称:金融圈APP 设计团队:金融圈UED设计中心 项目介绍:本项目为首页改版方案,与产品经理,交互,运营,视...

  • 从0-1建设B端产品

    1、总体流程 业务调研、业务分析框架、产品整体方案设计、业务建模、角色与流程设计、交互设计、报表设计、权限设计 原...

  • 产品工作一年的经验

    1、产品战略:产品背景、产品定位 2、产品需求收集: 2.1竞品分析—核心功能、交互设计、界面设计 2.2用户反馈...

网友评论

    本文标题:[交互设计]toB型产品首页设计模式分析

    本文链接:https://www.haomeiwen.com/subject/cglodxtx.html