Web端产品设计流程中我的总结和感悟

上周完成了我的第二次正式的产品设计,做完之后感觉在Web设计方面的积累还有一点薄弱,已经做好了书单准备恶补。不过,现在自己在产品设计阶段的流程掌握已经比较清晰,在本文中将大致的方法和一些需要注意的地方总结出来。我的设计流程,也大致按照下面的顺序进行。其中省略多次评审的步骤。

一、需求分析

在这里我把需求按照来源和目的分为下面4种,基本涵盖了我在设计过程中所遇到的情况,也比之老教材中的分类更具针对性,更易理解。

1.用户需求

用户需求也是整个产品所要完成的核心业务,通常也是用户使用的直接原因。

(1)写出产品所要解决的核心需求:比如订酒店、找工作。
(2)将核心需求的流程画在纸上,比如选择酒店->支付->入住->评价。
(3)考虑核心需求流程的支线可能,即该环节操作是否成功,反馈是积极的还是消极的。并在出现判断逻辑的地方画出分叉的情形,使流程完整可用。比如在上述的入住环节,用户未能成功入住,会产生取消订单的支线流程;入住后反馈很差,则需要投诉流程。
(4)围绕核心需求流程实现的某个环节,用户需要哪些辅助需求:比如辅助用户有效率地选择酒店,就可能需要搜索、筛选、排序等;又比如用户从选择酒店到支付之间,需要有详细信息和安全保障来支撑他做出预订决策。

以上所有,完全可以用一些不同的故事来表述,能够比较完备地讲通,也就基本掌握了用户需求。

2.商业需求

为了达到某种商业目的的需求,这些需求有产品出生时就有的,也有可能来自运营,区别于其他需求的特征就是,它们并不能从根本上影响产品核心业务流程的完成,但可以改变局部的统计数据或者流量分布。比如积分体系,从产生积分到积分商城消费积分,整个砍掉确实不会影响用户继续在平台上购买产品,但通过积分我们可以实现提升黏性、定向导流等很多目的。

3.常规需求

比如需要身份识别的产品,必有的注册、登录,账户设置。
再比如web端通常的页脚内容。

4.性能需求

我所设计的产品,暂时还未遇到对性能有要求的情况。以后遇到了再回来补充。

5.埋点

包括一些常规数据的埋点,以及设计出现分歧的预留验证方式(请尽情的用来打脸吧:)。

二、结构设计

把需求框架画到脑图之中,就有了最初的整个结构。结构层的设计包含信息架构和交互设计,此时也因产品类型不同而侧重点不一样。

1.传统web式
web端产品的信息架构,要从首页做起。首页包含了绝大多数功能的可视化入口,从首页出发,二级页面分别有哪些,完成什么功能,包含什么内容。这个过程,会做出整个产品的信息架构图。

2.流水线式
通常出现在移动端较多。用户打开产品之后一步一步按照引导操作,每一步的目标单一。不会有无关信息杂糅。这个过程,一般会做出交互逻辑图。

在这一步完成之后,整个产品有多少页面,UI工作量大概有多少就可以初步有个预估了。

三、导航、规则、内容元素

对照刚才画出的结构图,思考所有需要有导航的地方。导航的用处有两个,让用户知道身在何处、让用户自在的移步。
所谓规则,就是一切需要搜索、列表等大量信息展示的地方,需要指明可搜索的关键词类型,列表项的分类,以及排序规则、筛选规则、单页最大容量。这些信息全部用备注形式标注在结构图中的相关页面上。举个现实中的例子,订单列表中,需要有第一级的tab区分订单类型,机票订单和酒店订单不可能混在一起。第二级的tab将用户关注的退款订单单列,出于引导点评,将未点评订单单列。而对于订单的状态,则根据流程的不同,有待付款、已付款未消费、未消费正在受理退订、已退订、已消费未点评、已点评等等,这些状态的不同,会影响这条列表项所包含的内容元素以及可操作行为。而这些思考,我的习惯是放在页面设计之前,否则做原型的时候,会改来改去。

四、页面布局

这个过程,主要依据所展示板块、元素的逻辑和优先级来进行,依照脑海中逐渐清晰的样子画出原型即可。给我印象深刻的点很少,待补充。

五、检查与优化

自己全面跑通五遍,看看有没有遗漏,之前的想需求时候的故事有没有顺着网页讲不下去的地方。并且找一找有没有可以优化的点,比如如何让初次注册后登录更方便,如何让短信验证时的输入更方便。

关于自查,还是放一张大牛的图吧。


自查清单

六、输出PRD

水到渠成了吧。每个人的PRD,或者说针对不同产品不同处境的时候,都会有所侧重。我比较喜欢在名词解释和语言统一上着重花工夫。毕竟,很多时候大家讨论了很久的东西,对一个物品的描述可能用过七八个近义词,这时候不在文档开头统一口径,给出详尽的说明,到时候产品会在一个不经意的角落打你一巴掌= =。还有想吐槽一句,对于会把红包和卡券傻傻分不清的一些孩子,我还是得把所有名词之间的区别写的清清楚楚,毕竟差了十万八千里。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,386评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,142评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,704评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,702评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,716评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,573评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,314评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,230评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,680评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,873评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,991评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,706评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,329评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,910评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,038评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,158评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,941评论 2 355

推荐阅读更多精彩内容