《交互数字内容设计》课件-第五章 产品信息设计

第五章产品信息设计产品功能结构图是范围、结构层面的东西，可以不体现各功能之间的关系。如下图所示：5.1功能架构图

功能架构图概念

什么是功能？功能，指事物或方法所发挥的有利作用。产品功能架构图所描述的功能通常是概念化的：微信社交支付聊天加好友看好友动态红包付款在技术性文件中，信息架构（informationarchitecture）是指对某一特定内容里的信息进行统筹、规划、设计、安排等一系列有机处理的想法。5.2信息结构图

信息结构图概念

商场那信息架构有些类似：商场（如下图）地下一层：动感休闲地带商场一楼：国际名牌世界商场二楼：名媛衣装天地商场三楼：少女时尚驿站商场四楼：温馨亲子家园……进一步：可能一楼国际名牌世界又包括A区：名牌手表B区：名牌珠宝……这样的楼层架构便于你更好的去找到自己想买的东东，至少是很清晰的知道每一层有什么商品，同一层商品怎么分布等等信息。在这里，设计师的作用就是规划好这些楼层信息层级，主要做的工作就是：分类、层级梳理等在互联网产品设计中：设计师梳理信息架构，其实和上述梳理商场楼层架构是异曲同工之妙。战略层（企业愿景、产品定位、需求把控、用户习惯、商业模式）范围层（主要功能、核心功能、次级功能、功能架构、业务流程设计）结构层（信息架构、常规功能、特色功能、实现情况、用户流程分析）框架层（操作情况、刷新、页面跳转、查询、交互框架、界面设计、导航设计、标签设计、细节点）表现层（视觉表现、布局、配色、排版）信息架构图产品信息架构设计的前期工作1.了解用户，场景，习惯2.了解业务需求3.调研竞品的信息架构还是以商场举例，流程图做的事情就是，回答你想买一件漂亮的裙子，你该如何一步步找到并购买的问题：

到达商场→乘坐电梯/走楼梯上二楼→到达二楼A区→进入一家XX品牌专卖店→选购裙子→是不是满意？→满意→付款

→不满意→换一家专卖店→选购裙子→满意→付款

在这里设计师需要做的是规划你的流程，可以是通过垂直电梯上楼呢？还是手扶电梯上楼方便呢？这些都是流程设计中需要考虑的。主要做的工作就是：1、规划流程让用户可以买到裙子；2、进一步优化流程让用户更快的买到裙子……

5.3业务流程图

5.3.1业务流程图概念在产品设计中，一般是以面向对象的任务流为主题进行设计的。其流程主要是通过图形、图标、符号来表达，便于他人了解一个对象如何从任务的起点一步步走到任务的终点。把大象放进冰箱共分几步?打开冰箱门把大象放进去关上冰箱门优秀的流程设计有什么好处？2天内绑定银行卡2亿张业务需要达成的商业目标业务能受到哪些技术和商务限制了解业务所需要的合作方业务流程图例：网站注册的流程OmniGraffle流程设计：在复杂的流程时，你可以假设什么条件都OK，按最理想的流程往下走，这样就可以得到一个主干流程，然后对每个节点上出现的分支流程进行细化，最后就可以很容易的得出流程图了。界面：一个矩形代表一个界面，这个流程中用户走过两个界面（登录页和首页），因为表达的是界面的跳转，界面是用户实实在在接触到的媒介，非界面的内容，不要出现。动作：矩形之间也就是界面之间加上一个触发动作，比如从界面A点击下一步按钮，到达界面B，“点击下一步”就是连接这两个界面的关键动作，需要标示出来，上图例子就是“单击提交按钮”。条件：一个动作之后可能有多种“是/否”的结果，则在矩形之间、动作之后加上