广东快3>WIKI库>学习产品设计>页面流程设计简介

页面流程设计简介



页面流程设计的原理


对产品进行一次用户体验规划,对产品整体的设计提供了用户视角的依据。



作用


把之前设计的需要点、用户体验点和原型,都逐渐落实到高保真设计图和真机中,整个产品以页面流程为基础,逐渐变成成品。



详细讲解页面流程设计


什么是页面流程设计?首先对概念进行分析,同时产生一些基础型的流程或者关键性的界面,对流程界面进行提炼,提炼出一些关键性的页面(很多产品比如支付宝、微信肯定只有几个页面才属于关键性的页面,其余皆属于辅助性页面或需求,如微信是聊天、朋友圈),接着将这些页面定义为关键性的功能(支付宝的余额宝页面能进行的功能是转入和转出),然后将一些功能分解为一些元素,而这些元素在迭代的时候可以整理成规范或者说组件。组建也就是控件库,控件库有利于多个设计师做出规范一致的视觉设计稿件。组件或控件库也做成一个产品的架构和模块节奏,一个完善的模块结构也能解决了一个产品的任务(例如支付宝的产品任务就是电子资金的管理、微信的产品任务就是社交)。每个产品也有自己的目的,也就是产品的定位战略,它代表了行业的价值以及用户的价值。


page1.png


从以上页面流程设计可以看出页面流程设计是一个转化过程,设计产品从概念到元素的始终。不同的阶段侧重点也各自不同,目的也各不相同。也每个阶段的转化节点都要基于客观实际,以保证从始至终需求转化不失真,即在日常的工作中不压缩工期。



回顾页面设计流程


整个设计过程就是不断放大聚焦的过程,基于用户本源需求不断地具体化,也验证我们的设计是否符合目标。同时也要不断地缩小,以俯视的角度去调整用户的需求。



外贸过程的案例解析


买家与卖家首先达成一个订单意向,然后买家得到货物,卖家得到货款,这样才达到外贸的整个过程。


page2.png


深入研究。定义深度匹配的目标:促成买家和卖家达成订单意向。这是买家和卖家在外贸行为中重要的一环。此时用户目标和产品目标已经清楚,那之后该怎么做?


page3.png


基于外贸专家可以提供一些依据,从外贸过程中用户行为可以建立起对应的产品行为的概念模型,这样用户在整个过程中主路径、用户目标就十分清晰了。交互设计后期就可以展开一些基本的框架,交互设计师也可以进行参与其中了。


page4.png


对于下图的纯用户角度可以细微一下,把它转化为产品的用户行为流程图,抽象的信息结构化。比如下图的报价只是一个箭头表示信息流买家,而实际的网站行为中报价需要买家主动去查看,所以该行为被结构化成了一个标准的网站行为语就是查看。我们也可以整体观察到不同用户的目标行为及产生的信息,以及它们之间的关联和流向。下图很清楚的描述了用户行为逻辑,但是作为设计的需求还是不够具体化,所以还要深入细节化。


page5.png


我们把这些结构化的信息基于用户场景转化成页面的一个结构关系,下面这个页面涉及到的就是逻辑流程涉及的相关知识节点。


page6.png


对所有页面进行归纳


将上上张表格去掉一些箭头得到的界面就会很有规律,非常有结构,整理下来需求性的页面就十分清晰了。需求清晰后就可以评估一些工作量。工作量主要如下:主页、表单、操作提示、详细页面、收件箱、列表、编辑页。在这个基础上,我们可以根据每个页面自身的形态来定制统一的框架,在基于页面承载的信息和功能进行布局,那交互设计就基本完成了。


page7.png


回顾刚刚整个界面会发现,页面流程设计就是一个不断基于需求的本源型的缩小和推倒过程,在这个过程中,每个细节化的过程都基于上一步的目标,并清晰地展开,环环相扣,这样我们的设计每个步骤都有系统化的支撑,不会偏离主要的目标,工作结束之后,再通过放大聚焦的方式来反向验证最终的设计是否符合最初的设计目标。



 【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录