浅谈产品设计的表达格式
April 13th, 2008 by 奇遇
很多时候，领导要求你高效的工作 ，且有些领导认为：语言传达可以使沟通更高效，没有必要花费时间去做文档。我只赞同“使沟通更高效”的想法，当然不能只为了做文档而做文档，但是沟通需要一个平台，我们需要基于某一个“东西”进行沟通。由于语言表达的极限、理解的差异化，对于同一个“东西”的讲解，不同的人在脑海中会形成不同的“样子”。
在软件产品设计中，我们通常会针对“用户定位、产品定位、发展方向（需要考虑可扩展性)、交互方式、视觉风格”等基本问题进行沟通，或者要把想法和成果让领导给予确认。在实际操作中，我们已经把各项工作分成了很多层面，这里我们要谈谈产品设计在不同层面表现的格式，这里根据自己的经验分成四个层面，也就是下面的四个大标题。
一、产品的概念层面
1.行业分析，同类产品对比。如果我们想做某一个行业的产品，一般我们会对这个行业先做个分析，会考“虑成本最低优势、可替代性、差异化、潜在新产品威胁”等战略问题，同时考虑自己的产品定位，一般会先做一个同行业产品对比分析文档，建议包括以下内容：
1）产品特点（长处）、价格对比；2）功能对比；3）界面及点评；4） 定位建议。
要表达上面提到的四点，我想做个word文档就搞定了，前两点用表格表达，后两点用文字描述即可。举个功能对比格式的例图：
图1-功能对比表格
2.用户定位
1）用户分类；2）角色设计；3）场景描述
这部分的内容都是比较专业的，结构也都是文字描述形式，建议大家参考《赢在用户》这本书，很系统讲了用户研究这块。
3.产品名称及功能
1）产品名称及视觉识别系统描述
拿土豆网举例吧，当然，我只是随便举例，并未实际分析，实际要比我的举例复杂的多，也不去考证是否准确。
产品名称：土豆网。
视觉识别：土豆面具（标志）。
2） 产品规格表，即产品功能详细列表。
图2-产品规格表示例
二、产品的结构层面
这个层面要做的事情，通俗的说就是：“如何用界面组织功能”，“界面之间的关系是怎样的 ”；分解开来就是：“功能组织”、界面组织、逻辑流程图、用户使用流程图（界面流程图）。
1.用卡片的形式给功能分类，并表达清晰功能的从属关系。
图3-卡片式功能结构图
2.逻辑流程图
图4-E-R流程图，这部分应该有程序设计去做才好 ，但有时候产品设计师也要理清楚这些。
3.界面流程图
图5-屏幕流，每个框代表一个界面，当然，你可以把每个框换成实际的界面，看个人喜好了。
4.界面原型图，如果想表达更清晰一些，可以画成界面原型流程图或者干脆做出界面原型。
图6-无风格的线框图，可以辅助说明信息。
三、产品的交互细节
这个问题曾令很多交互设计师头疼，总是不能很细致准确的传达界面交互，我们试图画出很准确的交互图，但语言表述的准确性和细致性仍然不尽满意，这里介绍使用伪代码描述交互，因为伪代码逻辑近似开发逻辑，便于准确传达给程序工程师，保证设计细节的控制。但要设计师去设计伪代码，确实需要点时间去锻炼一下，此外还要形成一套易读的伪代码标准，便于大家在阅读伪代码时，保证描述的一致性。
1.用户交互的表现方法
图7-交互图，构成 ：用户、界面、操作条件及路线。
2.伪代码的表现方法
1）定义界面元素，形成一套界面元素库，可以做成一个文档标准，并整理出各个界面元素的伪代码写法，使用时可直接调用即可。
定义界面元素有很多现成的参考，比如Vista的UX Guide，在微软的官方网站都能找的到。举个定义Vista普通按钮的例子：
图8-图表说明了是 Command Buttons，并用表格的形式说明了属性。
2） 举一个使用伪代码书写的简单例子
图9-用伪代码的形式描述一个按钮 。
其实没有啥，正常的描述，只不过用近似代码的形式描述出来，相必做程序设计的哥们都不陌生。
四、产品的视觉设计层面
在软件产品中，视觉部分通常被称之为GUI，在这个层面所要表达的格式没什么好说的，就是设计图。但很多时候做出所有界面的图显然是不明智之举，其实界面可以归纳起来，即把所有界面归类，然后每类做出一张图即可；界面中的细节变化怎么办？好办！把界面布局标注出尺寸规格，并作为标准传达，剩下的事情是，只要把细节元素、交互视觉做出图来就行了。至于界面的布局和组织，前面的第二个层面已经很清楚了。
现在拿微软和苹果的系统UI指南举几个例子：
图10-苹果的尺寸标注图
图11-Vista的状态标注图
小结：
一般视觉设计都有视觉设计师（或者称GUI设计师）来完成，而概念设计、结构设计、交互细节是有产品设计师（或交互设计师）来完成 。可能有人要问我，那么产品经理做啥呢？产品经理是个管理职务，这里不做赘述，可参考在《协作，而非争权》中的描述。本篇根据实战把产品设计分成了四个清晰的层面，并对各层面要产出的文档格式做了系统的描述，当然不可能很详尽，但在每个层面都提供了一个简单的小例子。如果你对这方面有过很多实践，希望这里能提供一些借鉴，日后有时间会分享每一个层面的设计细节。同时，有更好的表达格式，环境分享、补充。
Posted in .交互设计 | 38 Comments »
好东西,收下了
奇遇大哥，我是今天产加ucd书友会的果伦（Melody），我看了一遍上边的讲述，感觉不错，慢慢体会实践。
其中图7-交互图我不大看得清楚，能不能放上一张大一点的图！谢谢，其他细节在慢慢向你请教！
@Melody,很高兴认识你，我中午或者晚上会给你发个邮件。
1.行业分析，同类产品对比。
如果我们想做某一个行业的产品，一般我们会对这个行业先做个分析，会考“虑成本最低优势、可替代性、差异化、潜在新产品威胁”等战略问题，同时考虑自己的产品定位，一般会先做一个同行业产品对比分析文档…
这段话中 考虑可替代性是指什么?是软件其中一些功能完全替代还是指哪些方面?
潜在新产品的威胁又从何取证,可能我根本不知道这个产品,或责没有那么多时间和精力来求证这些新产品.
@Melody,没有时间和精力做是另一码事。
可替代性是指或许你不在乎喝”可口可乐”还是”百事可乐”，这和决策相关。
潜在威胁：举个例子，360安全卫士对于瑞星软件是个潜在威胁，或许那一天360就做杀毒软件这个业务了，所以瑞星推出了自己的卡卡安全助手。相近行业的潜在业务上存在相同的地方。也可以说淘宝旺旺对QQ存在潜在威胁。建议看看管理学里的相关章节。
恩,谢谢奇遇大哥!
我还真是得补补课,讲得很有道理,以后实践慢慢体会了!
一直不太明白产品人员到底要做什么东西，这次知道了，分享下~~~
@奇遇 奇遇大哥，我也看不清楚你发的这些图，一直想多学习学习一下这些
哈哈。似曾想起了我们老师上课的时候给我们费尽心思的讲这个流程图的情景了。
终于明白了，谢谢奇遇大哥
很有用的东西。
的The idea behind a smaller wedding is prom dressesto share your special day with only a few special people. Since the size of
the wedding party and guests is easily affordable wedding invitationsmanageable, small weddings ideas often allow you to pursue
the wedding of your dreams when otherwise it wedding invitationswouldn’t be possible. Whether it’s a fancy, elegant wedding or
a few close friends sharing a common interest, the bridesmaid gownchoice is yours. Make your intimate wedding
a wedding that you’ll never lace wigsforget.
你好 Nice post.Thank you for taking the time to publish this information very useful!
I’m still waiting for some interesting thoughts from your side in your next post thanks
其实在软件设计中，树形结构作为文件的导航还是有很大的优势，尤其量比较大的时候。当量比较大的时候，很多软件的做法是给出一个快速入口，让用户通过口令可以直接到达某个目的地；还有的做法是记录用户经常访问的路径，给出经常使用的链接。不知道西贝说的具体是什么情况，有机会可以交流。
您好！Hey guys,
I hope this allowed, I have never used this website before so I wasn’t really sure what this was going to do. So this is just a test post. I really like this forum, it has some excellent discussions that take place.
大家好。Dear friends, thank you for visiting our website ,we are an international trade company,which specializes in NFL jerseys.We wholesale jerseys at competitive price,providing a huge range of NFL jerseys of different teams,Wholesale Nfl Jerseys,Atlanda Falcons ,Baltimore Ravens,etc.You can buy cheap jerseys. Welcome to visist here .
I like this site, updated daily articles I fully understood.
mbt mbt mbt 靴 mbt 靴 mbt シューズ mbt シューズ mbt mbt mbt 靴 mbt 靴
mbt シューズ mbt シューズ mbt mbt mbt 靴 mbt 靴 mbt シューズ mbt シューズ mbt mbt mbt 靴 mbt 靴
mbt シューズ mbt シューズ mbt mbt mbt 靴 mbt 靴 mbt シューズ mbt シューズ
PassGuide 1Z0-095 Oracle 9i and 10g OCM Course Attendance Exam
PassGuide 1Z0-144 Oracle Database 11g: Program with PL/SQL
PassGuide 1Z0-007 ineroduction to oracle9l:sql
PassGuide 1Z0-130 oracle forms rel 1 to rel 6/6i newo features
PassGuide 1Z0-140 oracle9i forms developer:new features
PassGuide 1Z0-141 oracle9i forma developer:build internet applications
PassGuide 1Z0-146 Oracle 11g: Advanced PL/SQL
PassGuide 1Z0-147 oracle9i program with pl/sql
PassGuide 1Z0-255 Hyperion Essbase 7.1.2 Cnsultant
PassGuide 1Z0-263 Hyperion BI+ 9.0 Administrator
PassGuide 1Z0-265 Hyperion BI+ 9.3 Administrator
PassGuide 1Z0-264 Hyperion Essbase Analytics 9.3 Developer
PassGuide 1Z0-301 oracle9ias:basic administration
PassGuide 1Z0-311 oracle application server 10g:administration
PassGuide 1Z0-312 Oracle Application Server 10g: Administrator II
PassGuide 1Z0-108 Oracle WebLogic Server 10g System Administration
PassGuide 1Z0-200 Oracle 11i.E-Business Essentials
PassGuide 1Z0-202 Siebel 8 Consultant Exam
PassGuide 1Z0-207 Oracle comm.billing&revenue mgmt:pricing
PassGuide 1Z0-208 Oracle comm.billing&revenue mgmt:server developer
PassGuide 1Z0-209 Oracle comm.billing&revenue mgmt:System Administrator
PassGuide 1Z0-211 Oracle 11i general ledgerfundamentals
PassGuide 1Z0-212 Oracle payables 11i funfamentats谢谢啊
PassGuide 1Z0-213 Oracle receivables 11i fundamentals
PassGuide 1Z0-215 Oracle E-Business Suite R12: General Ledger and Payables Fundamentals
mbt mbt
mbt 靴 mbt 靴
mbt シューズ mbt シューズ
mbt mbt
mbt 靴 mbt 靴
mbt シューズ mbt シューズ
mbt mbt
mbt 靴 mbt 靴
mbt シューズ mbt シューズ
mbt mbt
mbt 靴 mbt 靴
mbt シューズ mbt シューズ
mbt mbt
mbt 靴 mbt 靴
mbt シューズ mbt シューズ
你好 good post,thank you guy,will buy a
Cheap jerseysto you for my thanking.
Recommended hot new women’s heels New Listing cheap womens heels women heels sale Genuine Discount Special Offers louboutin shoes Classic and Fashioncheap christian shoes louboutin shoes sale
women’s heels louboutin shoes
长沙seo
你好，支持一下，不错的老师！！
你好，支持一下，讲得非常不错！
你好，很高兴能读到这篇文章！
你好dear baby，http://www.caphatshop.com Our site provide first-class service and reliable quanlity garantee,do not hesitate to shake hands with us and go with the tide as soon as possible!
你好 the wedding party and guests is easily affordable wedding invitationsmanageable, small weddings ideas often allow you to pursue
Office 2007
Microsoft Office
Microsoft Office 2007
Office 2007 key
Office 2007 download
Office 2007 Professional
Office 2007 home
Office 2007 Ultimate
MS Office 2007你好
Office 2007 pro
Windows 7
Windows 7 Professional
Office Professional 2007
Office Ultimate 2007
合作伙伴：
福汇
fxcm
福汇代理
福汇平台
福汇交易平台
福汇代理商
福汇交易
http://www.1688fx.com/xwzx.asp
外汇平台
外汇交易平台
外汇
外汇交易商
你好！Dear friends, thank you for visiting our website ,we are an international trade company,which specializes in NFL jerseys.We wholesale jerseys at competitive price,providing a huge range of cheap nfl jerseys of different teams,such as Arizona Cardinal,Atlanda Falcons ,Baltimore Ravens,etc.You can buy cheap jerseys. Welcome to visist here .
货架
地源热泵
搬家公司
北京物流
国家大剧院
保健食品注册
医疗器械注册
稳压电源
上海佳吉物流
上海佳吉快运
银屑病
北京整形
北京整形医院
月饼
丰胸产品
圣荷丰胸
泰国圣荷
画册设计印刷
企业宣传册设计
企业画册设计
宣传册设计印刷
画册印刷设计
婚庆
佳吉物流
佳吉物流公司
佳吉快运公司
佳吉快运
上海物流
上海物流公司
打假公司
北京婚姻调查
北京私家侦探
北京私人侦探
北京调查公司
北京物流公司
北京货运公司
北京货运
锦绣大地礼品卡
水果礼品
礼品卡
海鲜礼品
干果礼品
电容液位开关
射频导纳物位开关
液位变送器
留学签证
英国留学
美国大学
申请留学
美国留学
留学考试
国家大剧院演出
保利剧院
国家大剧院订票
中国国家大剧院
哈哈，好的
Cheap Christian Louboutin Shoes
cheap air jordan shoes
Ralph Lauren Polo Shirts
Nfl jerseys
Christian Louboutin Sandals
nike air jordan shoes
Polo Shirts
Nhl jerseys
Alexander Wang
Alexander_McQueen
Christian Louboutin Pumps
michael jordan shoes
Mens Polo Shirts
Mlb Jerseys
christian Louboutin Boots
cheap Christian Louboutin Boots
Christian Louboutin Boots
Discount Christian Louboutin
Ugg Boots
ugg boots
Christian Louboutin Shoes
discount ugg boots
discount ugg boots
Christian Louboutin Manolo Blahnik
ugg boots sale
ugg boots sale
Christian Louboutin Boots
cheap ugg boots
cheap ugg boots
Christian Louboutin Pumps
ugg winter boots
ugg winter boots
Buffalo Bills jerseys
ugg boots on sale
Bailey Button Uggs
Christian Louboutin Sandals
Bailey Button Uggs
你好
I’ve started to undertand what it means mbt shoesonly recently chi flat ironbut he’s a good boy after all. Keep doing your best mbt shoes guys, Internet is a real blessing .I have bookmarked mbt shoesyou and will be back soon. How often do you update mbt shoes?
你好
你好Dear friends,I am a fanatic watch collection, especially the well-known watches, you also can do, just click on my name!!!!!!!!
Dear friends, thank you for visiting our website ,we are an international trade company,which specializes in NFL jerseys.We wholesale jerseys at competitive price,providing a huge range of Pittsburgh Steelers jerseys of different teams,such as Arizona Cardinal,Atlanda Falcons ,Baltimore Ravens,etc.You can buy cheap jerseys. Welcome to visist here .是
防静电地板
阳澄湖大闸蟹
地源热泵
纯水机
净水机
国家大剧院
料位开关
医疗器械注册
保健食品注册
保健食品注册
药品注册
化妆品注册
稳压电源
西班牙语培训
国家大剧院
货架
北京机打发票
北京机打发票
整形医院
北京整形医院
北京整形
整形整容
打假公司
北京婚姻调查
北京私家侦探
北京私人侦探
北京调查公司
货架厂
货架网
货架供应商
dhl代理
北京dhl快递
北京dhl
北京dhl公司
留学电话
出国留学
留学中介
留学咨询
雅思考试
托福考试
英国大学
美国大学排名
澳洲大学
澳洲留学
留学考试
美国留学
申请留学
美国大学
英国留学
加拿大留学
留学签证
你好Dear fridends,our website provide all kinds of Tiffany jewelry outlet,yes they are also high quality [url=http://www.store-tiffany-jewelry.com/]Tiffany jewelry outlet[/url],welcome you arrive
The most creative of all up till moncler jacketnow theformoncler everest jackets women is sure to make you Oakley sunglasses the most won D&G sunglassesderful and attractive like moncler coatsand you can see moncler vestand moncler women of today.moncler jackets like moncler outlet or moncler jacketandmoncler t-shirt and you moncler pantsalso would like nike shoeswere named after the legendary player Michael Jordan and the design and making of theJordan shoes is what makes them different from the others. air jordan have a place in the history.as well.
Air Jordan 1. Available in online stores in Air Jordan 3 varied designs, colors and discounted prices,Air Jordan 4 these shoes can now be easily bought Air Jordan 13 by those Air Jordan 11 who are on a low budget as well.juicy couture handbags is Casualness and Personal Identity.Buying handbags, you can
choosejuicy couture outlet.
你好