广告位招租虚拟主机

快速搭建系统原型二:内容区(首页)设计

2017-08-06??来源:人人都是产品经理??我有话说??收藏本文

在上篇文章《如何快速搭建系统原型(一)》中,介绍了系统整体框架的结构,以及相关案例,主要是针对系统的外层框架布局,那么今天这篇文章就要介绍系统正文内容区怎么来分析和设计的,对不同的内容分类,介绍参考案例以及各种类型的内容适用于何种场景。

快速搭建系统原型二:内容区(首页)设计

内容区分类

内容区域指的是正文区域根据作用我分为了首页和详情页两大类。首页一般是指系统首页或者模块首页,常需要个性化设计;详情页一般是查看/操作页面,常以列表、表单、信息详情的形式展现。接下来首先介绍首页的设计思路。

首页(控制面板)

我再浏览系统交互案例的时候看了很多外国系统动效,发现他们都把首页都叫做“控制面板”(dashboard)。我理解作为一个控制面板,首页的作用就是控制整个系统,控制系统中所有的栏目/模块,那么首页就是由控制这些模块的“面板”组织而成。如下图:

6363746124857328741866419.jpeg

那其实我们要设计首页,就是把系统各个子模块简化成一个个小面板,再按照模块的优先级等原则进行布局展示就行了。是不是感觉设计首页很简单,那么真正的难度在于不同的系统不同的功能模块我们怎么把这些模块简化成一个个面板。我将这些面板分为四种类型:信息、表格、图表、表单:

信息:展示信息,又可以分为列表信息、详细信息、人员信息、消息等

列表信息:展示多条列表信息,常用于新闻信息列表、排行、文章标题列表等。

6363746124871368769610523.jpeg

详细信息:常用于文章详情或单独的图文详情信息。

6363746124885408793652799.jpeg

人员信息:常用于展示账号信息。

6363746124897888815626149.jpeg

消息:常用于展示短信消息或者人员留言等信息;

6363746124911928838668425.jpeg

表格:以表格的形式组织整理信息/数据的展现方式

根据其样式功能的不同又可以细分为基础表格、可操作表格和个性化表格。

基础表格:只做信息/数据展示

6363746124933768879669959.jpeg

6363746124944688891170725.jpeg

可操作表格,可以对表格进行编辑、删除、新增、排序等操作。

6363746124955608915969664.jpeg

个性化表格:在基础表格的基础上将数据图表、操作功能等内容相互结合做成个性化表格。

6363746124969648934713769.jpeg

6363746124980568955214535.jpeg

图表:数据统计信息的图形化展示,常用于对于系统或者模块总体信息的综述展示

(责编:如斯)
?1/2 ???1?2?下一页?尾页
阅读??次??|??打印??|??关闭
匿名评论

用微信扫一扫

新网巢