{"id":35195,"date":"2016-04-01T10:06:13","date_gmt":"2016-04-01T02:06:13","guid":{"rendered":"http:\/\/uxren.cn\/?p=35195"},"modified":"2017-01-06T17:27:31","modified_gmt":"2017-01-06T09:27:31","slug":"%e3%80%90to%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1%e6%96%b0%e4%ba%ba%e3%80%91%e8%ae%be%e8%ae%a1%e5%8e%9f%e5%9e%8b%ef%bc%88prototype%ef%bc%89%e5%a6%82%e4%bd%95%e4%bb%8e0%e5%88%b01%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/www.uxren.cn\/?p=35195","title":{"rendered":"\u3010to\u4ea4\u4e92\u8bbe\u8ba1\u65b0\u4eba\u3011\u8bbe\u8ba1\u539f\u578b\uff08Prototype\uff09\u5982\u4f55\u4ece0\u52301\uff1f"},"content":{"rendered":"<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-00.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-35205\" alt=\"ixd-workflow-for-new-00\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-00.png\" width=\"750\" height=\"380\" srcset=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-00.png 750w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-00-300x152.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<p>\u4f5c\u8005\uff1aakanelee<\/p>\n<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-01.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-35200\" alt=\"ixd-workflow-for-new-01\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-01.png\" width=\"640\" height=\"480\" srcset=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-01.png 640w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-01-300x225.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>\n<h5>User Story<\/h5>\n<\/li>\n<li>\n<h5>Functional Map<\/h5>\n<\/li>\n<li>\n<h5>Flow Chart<\/h5>\n<\/li>\n<li>\n<h5>UI Flow<\/h5>\n<\/li>\n<li>\n<h5>Wireframe<\/h5>\n<\/li>\n<li>\n<h5>Mockup<\/h5>\n<\/li>\n<li>\n<h5>Prototype<\/h5>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>\u4f7f\u7528\u8005\u8981\u4ec0\u4e48\uff1f &gt; \u4ece\u9700\u6c42\u4e2d\u6574\u7406\u51fa\u529f\u80fd &gt; \u7528\u6237\u600e\u4e48\u64cd\u4f5c\u8fd9\u4e9b\u529f\u80fd\uff1f &gt; \u64cd\u4f5c\u7684\u8fc7\u7a0b\u9700\u8981\u54ea\u4e9b\u9875\u9762\uff1f &gt; \u9875\u9762\u8981\u653e\u4ec0\u4e48\u5185\u5bb9\/\u7ec4\u4ef6\uff1f\u600e\u4e48\u88ab\u64cd\u4f5c\uff1f &gt; \u4f7f\u7528\u8005\u770b\u5230\u7684\u9875\u9762\u957f\u4ec0\u4e48\u6837\u5b50\uff1f<\/p>\n<p>\u5404\u5bb6\u6709\u5404\u5bb6\u7684\u4f5c\u6cd5\uff0c\u6ca1\u6709\u6807\u51c6\u6216\u6b63\u786e\u4e00\u5b9a\u8981\u8fd9\u6837\u505a\u7684\u6d41\u7a0b\uff0c\u4f46\u6211\u5728\u505a\u81ea\u5df1\u7684\u73a9\u5177\u65f6\u90fd\u4f1a\u8fd9\u6837\u5e72\u3002<\/p>\n<p>\u6709 UX \u56e2\u961f\u7684\u5927\u516c\u53f8\u4f1a\u628a\u4e0a\u8ff0\u6d41\u7a0b\u62c6\u7684\u66f4\u7ec6\uff0c\u8fd8\u4f1a\u505a\u4f7f\u7528\u8005\u7814\u7a76\u4e4b\u7c7b\uff1b\u4e00\u4eba UI\/UX \u901a\u5305\u7684\u5c0f\u578b\u56e2\u961f\u2026\u8fd9 7 \u9879\u662f\u6700\u4f4e\u4e00\u5b9a\u8981\u4ea7\u51fa\u7684\u6587\u4ef6\uff0c\u4f9d\u4e2a\u4eba\u60f3\u5077\u61d2\u7684\u60e8\u75db\u7ecf\u9a8c\uff0c\u518d\u5220\u9664\u7cbe\u7b80\u5316\u5c31\u4f1a\u5728\u6267\u884c\u9879\u76ee\u7684\u8fc7\u7a0b\u4e2d\u6f0f\u4e1c\u6f0f\u897f\uff0c\u4e4b\u540e\u8865\u6d1e\u53cd\u800c\u82b1\u66f4\u591a\u65f6\u95f4\u548c\u5fc3\u529b\u3002<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #3366ff;\">1. User Story<\/span><\/h3>\n<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-user-story.png\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-35358\" alt=\"ixd-workflow-for-new-user-story\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-user-story.png\" width=\"600\" height=\"286\" srcset=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-user-story.png 600w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-user-story-300x143.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>\u529f\u80fd\u600e\u4e48\u6765\u7684\uff1f\u4ece\u300c\u4f7f\u7528\u8005\u8981\u4ec0\u4e48\u300d\u6216\u300c\u5ba2\u6237\u9884\u671f\u4f7f\u7528\u8005\u60f3\u8981\u4ec0\u4e48\u300d\u5f00\u59cb\u3002<\/p>\n<p>\u4f9d\u7528\u6237\u7684\u8eab\u4efd\u4e0d\u540c\uff0c\u60f3\u8981\u7684\u529f\u80fd\u4e5f\u4f1a\u4e0d\u540c\uff0c\u5b8c\u6210\u7684\u4efb\u52a1\u4e0d\u4e00\u6837\u561b\u3002<\/p>\n<p>\u6bd4\u5982\u300cBlog\u300d\uff1a<\/p>\n<ul>\n<li>\u6211\u662f\u8bfb\u8005\uff0c\u6211\u8981\u770b\u5230\u8fd9\u4f4d\u4f5c\u8005\u5199\u7684\u6240\u6709\u6587\u7ae0\u3002<\/li>\n<li>\u6211\u662f\u4f5c\u8005\uff0c\u6211\u8981\u64b0\u5199\u5e76\u53d1\u5e03\u6587\u7ae0\u3002<\/li>\n<li>\u6211\u662f\u5e73\u53f0\u63d0\u4f9b\u5546\uff0c\u6211\u8981\u770b\u5230\u6240\u6709\u4f1a\u5458\u8eab\u4efd\u548c\u7f34\u8d39\u72b6\u6001\u3002<\/li>\n<\/ul>\n<p>\u8fd9\u4e09\u79cd\u8eab\u4efd\u5bf9\u300cBlog\u300d\u8fd9\u9879\u4ea7\u54c1\u7684\u9700\u6c42\u548c\u9884\u671f\u5b8c\u5168\u4e0d\u540c\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #3366ff;\">2. Functional Map<\/span><\/h3>\n<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-functional-map.gif\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone  wp-image-35359\" alt=\"ixd-workflow-for-new-functional-map\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-functional-map.gif\" width=\"720\" height=\"611\" \/><\/a><\/p>\n<p>\u5199\u4e86 User Story\uff0c\u624d\u4f1a\u77e5\u9053\u6709\u54ea\u4e9b\u5927\u5c0f\u529f\u80fd\u8981\u505a\u3002\u9488\u5bf9\u4e0d\u540c\u4f7f\u7528\u8005\u7684\u9700\u6c42\uff0c\u4ece\u6545\u4e8b\u4e2d\u6311\u51fa\u529f\u80fd\u3002\u4f7f\u7528\u8005\u7684\u8eab\u4efd\u4e0d\u540c\u5f80\u5f80\u5f71\u54cd\u4ed6\u4eec\u80fd\u4f7f\u7528\u7684\u529f\u80fd\uff0c\u6574\u7406\u5f52\u7eb3\u51fa\u5171\u901a\u548c\u5dee\u5f02\u5904\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #3366ff;\">3. Flow Chart<\/span><\/h3>\n<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-flow-chart.jpg\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone  wp-image-35361\" alt=\"ixd-workflow-for-new-flow-chart\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-flow-chart.jpg\" width=\"720\" height=\"653\" srcset=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-flow-chart.jpg 2000w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-flow-chart-300x272.jpg 300w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-flow-chart-1024x929.jpg 1024w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>\u5f53\u5f00\u53d1\u8005\u77e5\u9053\u4f7f\u7528\u8005\u60f3\u8981\u4ec0\u4e48\u3001\u4e5f\u6709\u4e86\u529f\u80fd\uff0c\u624d\u6709\u529e\u6cd5\u601d\u8003\u300c\u7528\u6237\u600e\u4e48\u64cd\u4f5c\u529f\u80fd\u5b8c\u6210\u4ed6\u7684\u4efb\u52a1\u6216\u8fbe\u5230\u76ee\u7684\u300d\u3002<\/p>\n<p>UI \u8bbe\u8ba1\u5e08\u5e38\u8bf4\uff1a<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<h5>\u914d\u5408\u7528\u6237\u7684\u4e60\u60ef\u4e0e\u884c\u4e3a\u6765\u8bbe\u8ba1\u64cd\u4f5c\u6d41\u7a0b\u3002<\/h5>\n<\/blockquote>\n<p>\u5c31\u662f\u5728\u8fd9\u4e00\u9636\u6bb5\u89c4\u5212\u3002\u5982\u679c\u8df3\u8fc7 Flow Chart\uff0c\u53ea\u8981\u4ea7\u54c1\u529f\u80fd\u590d\u6742\u8d77\u6765\uff0c\u4f60\u5bb6\u7684 RD \u5c31\u4f1a\u62b1\u7740\u5934\u54c0\u568e\u4e86\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #3366ff;\">4. UI Flow<\/span><\/h3>\n<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-ui-flow.jpg\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-35362\" alt=\"ixd-workflow-for-new-ui-flow\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-ui-flow.jpg\" width=\"654\" height=\"364\" srcset=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-ui-flow.jpg 654w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-ui-flow-300x166.jpg 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/a><\/p>\n<p>\u77e5\u9053\u7528\u6237\u4f1a\u600e\u4e48\u64cd\u4f5c\u4e00\u9879\u529f\u80fd\u65f6\uff0c\u624d\u6709\u529e\u6cd5\u89c4\u5212\u64cd\u4f5c\u52a8\u4f5c\u3002UI Flow \u6307\u7684\u662f\u9875\u9762\u4e0e\u9875\u9762\u4e4b\u95f4\u7684\u64cd\u4f5c\u6d41\u7a0b\uff0c\u7528\u6237\u60f3\u5b8c\u6210\u4efb\u52a1\u4f1a\u7ecf\u8fc7\u591a\u5c11\u9875\u9762\u4e4b\u7c7b\u3002<\/p>\n<p>\u6709\u53e6\u4e00\u4f4d\u8bfb\u8005\u4f20\u8baf\u95ee\u9053\uff0c\u4e3a\u4ec0\u4e48\u6211\u4e4b\u524d\u7684\u6587\u7ae0\u8bf4\u4e0d\u8981\u7528\u56fe\u7247\u7248\u7684 UI Flow\u3001\u8981\u7528\u6587\u5b57\u7248\u7684\u5462\uff1f<\/p>\n<ol>\n<li>\u9996\u5148\uff0c\u8fd9\u662f\u9e21\u751f\u86cb\u86cb\u751f\u9e21\u7684\u95ee\u9898\u3002\u5982\u679c\u8fd9\u4e2a\u9879\u76ee\u4ece\u96f6\u5f00\u59cb\uff0c\u628a Flow Chart \u89c4\u5212\u5b8c\u540e\u63a5\u7740\u505a UI Flow\uff0c\u8fd9\u65f6\u5019\u54ea\u6765\u7684\u56fe\u7247\u7248\u53ef\u4ee5\u4e32 Flow\uff1f\u8fde Wireframe \u90fd\u8fd8\u6ca1\u5f00\u59cb\u753b\u54e9\uff01<\/li>\n<li>\u7b2c\u4e8c\uff0c\u5f53\u4f60\u7684\u4ea7\u54c1\u9875\u9762\u4e00\u591a\u7684\u65f6\u5019\u2026\u4e5f\u4e0d\u7528\u592a\u591a\uff0c20\u9875\uff0c\u7528\u56fe\u7247\u4e32\u51fa\u4e00\u4e2a UI Flow \uff0c\u8fd9\u4e2a Flow \u56fe\u8868\u5c3a\u5bf8\u6709\u591a\u5927\u5f20\uff1f\u8c01\u6709\u90a3\u4e2a\u5fc3\u529b\u5728\u4e00\u5f20\u5927\u56fe\u4e0a\u7528\u624b\u638c\u5de5\u5177\u6765\u56de\u79fb\u52a8\u770b\u9875\u9762\u8d70\u5411\uff1f<\/li>\n<li>\u7b2c\u4e09\uff0c\u5f88\u591a\u4eba\u505a\u56fe\u7247\u7248\u7684 UI Flow \u65f6\uff0c\u7ebf\u6761\u8fde\u63a5\u7684\u662f\u300c\u9875\u9762\u300d\u548c\u300c\u9875\u9762\u300d\uff0c\u8fd9\u65f6\u5019\u4f60\u4e5f\u53ea\u77e5\u9053\u300c\u5594\uff5e\u8fd9\u4e00\u9875\u7684\u4e0b\u4e00\u9875\u4f1a\u5230\u8fd9\u91cc\u300d\uff0c\u4f46\u4f60\u5b8c\u5168\u4e0d\u4f1a\u77e5\u9053\u4e3a\u4ec0\u4e48\u4f1a\u5230\u8fd9\u4e00\u9875\u3002\u8981\u70b9\u54ea\u91cc\u3001\u6216\u662f\u53d1\u751f\u4ec0\u4e48\u4e8b\u6240\u4ee5\u8dd1\u5230\u8fd9\u91cc\u6765\uff1f\u731c\u731c\u770b\u554a\uff5e<\/li>\n<\/ol>\n<p>\u8981\u9760\u731c\u731c\u770b\u624d\u4f1a\u770b\u61c2\u7684\u6587\u4ef6\u770b\u5b83\uff08\u5199\u5b83\uff09\u5e72\u561b\uff1f\u4e0d\u8981\u6d6a\u8d39\u65f6\u95f4\u554a\u3002<\/p>\n<p>\u6587\u5b57\u7248\u7684 UI Flow \u6211\u62ff\u6765\u5f53\u300c\u76ee\u5f55\u300d\u7528\uff0c\u5bf9\u7167 Wireframe \u7684\u7f16\u53f7\uff0c\u627e\u56fe\u770b\u7ec6\u8282\u7684\u65f6\u5019\u5feb\u3002<\/p>\n<p>\u56fe\u7247\u7248\u7684 UI Flow \u6211\u4f1a\u7528\u5728\u300c\u4f18\u5316\u300d\u65e7\u4ea7\u54c1\u7684\u64cd\u4f5c\u65f6\u4f7f\u7528\uff0c\u8fde\u63a5\u7ebf\u4f1a\u4ece\u300c\u7ec4\u4ef6\u5230\u9875\u9762\u300d\uff0c\u800c\u4e0d\u662f\u300c\u9875\u9762\u5230\u9875\u9762\u300d\uff0c\u5e76\u5728\u56fe\u7247\u548c\u7ebf\u6761\u65c1\u8fb9\u5199\u4e0a\u6587\u5b57\u8bf4\u660e\uff0c\u624d\u4f1a\u77e5\u9053\u54ea\u4e2a\u6b65\u9aa4\u53ef\u4ee5\u7701\u7565\u6216\u4fee\u6539\u5f97\u66f4\u6613\u4e8e\u4f7f\u7528\u3002<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #3366ff;\">5. Wireframe<\/span><\/h3>\n<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-wireframe.png\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone  wp-image-35363\" alt=\"ixd-workflow-for-new-wireframe\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-wireframe.png\" width=\"986\" height=\"532\" srcset=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-wireframe.png 1644w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-wireframe-300x161.png 300w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-wireframe-1024x551.png 1024w\" sizes=\"(max-width: 986px) 100vw, 986px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-user-story-02.jpg\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-35364\" alt=\"ixd-workflow-for-new-user-story-02\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-user-story-02.jpg\" width=\"750\" height=\"513\" srcset=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-user-story-02.jpg 750w, https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-user-story-02-300x205.jpg 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-mockup.png\" target=\"_blank\"><img loading=\"lazy\" alt=\"ixd-workflow-for-new-mockup\" src=\"https:\/\/www.uxren.cn\/wp-content\/uploads\/2016\/04\/ixd-workflow-for-new-mockup.png\" width=\"800\" height=\"494\" \/><\/a><\/p>\n<p>\u6709\u753b Wireframe \u4e0d\u4ee3\u8868\u5de5\u7a0b\u5e08\u5c31\u770b\u5f97\u61c2\u8fd9\u8981\u5e72\u561b\uff0c\u5149\u770b\u8138\u76b1\u6210\u4e00\u56e2\u7684\u8868\u60c5\u4f60\u4e5f\u4e0d\u77e5\u9053\u4ed6\u662f\u8e22\u5230\u811a\u6307\u8fd8\u662f\u5403\u5230\u9178\u6885\u3002<\/p>\n<p>\u6587\u5b57\u8bf4\u660e\u624d\u662f Wireframe \u7684\u91cd\u70b9\uff0c\u5305\u542b\u89e6\u53d1\u3001\u56de\u9988\u3001\u72b6\u6001\u53d8\u5316\u7b49\u7b49\u3002<\/p>\n<ul>\n<li>\u4e00\u5f00\u7f51\u9875\u5c31\u81ea\u52a8\u51fa\u73b0\u5e7f\u544a\u3001\u8fd8\u662f\u5f00\u542f\u7f51\u9875\u540e\u7b49\u4e2a3\u79d2\u624d\u51fa\u73b0\u5e7f\u544a\uff1f<\/li>\n<li>\u5e7f\u544a\u51fa\u73b010\u79d2\u81ea\u52a8\u6d88\u5931\uff0c\u8fd8\u662f\u8981\u6309(X)\u6309\u94ae\uff1f<\/li>\n<li>\u7f51\u9875\u505c\u6b6230\u79d2\u6ca1\u6709\u64cd\u4f5c\u8981\u4e0d\u8981\u51fa\u73b0\u5e7f\u544a\uff1f<\/li>\n<\/ul>\n<p>\u5de5\u7a0b\u5e08\u53ea\u4f1a\u7167\u4f60\u5199\u7684\u53bb\u505a\u3001\u4e0d\u4f1a\u7167\u4f60\u60f3\u7684\u53bb\u505a\u3002\u5de5\u7a0b\u5e08\u4e0d\u662f\u795e\u4e5f\u4e0d\u662f\u86d4\u866b\uff0c\u4ed6\u4eec\u662f\u4e00\u822c\u4eba\uff0c\u6ca1\u6709\u4ed6\u5fc3\u901a\u8fd9\u79cd\u795e\u529b\uff0c\u6c9f\u901a\u4e0a\u80af\u5b9a\u4f1a\u6709\u8ba4\u77e5\u843d\u5dee\uff0c\u6240\u4ee5\u8bdd\u8981\u8bb2\u6e05\u695a\uff0c\u8bbe\u8ba1\u5e08\u7684\u5e38\u8bc6\u4e0d\u7b49\u4e8e\u5de5\u7a0b\u5e08\u7684\u77e5\u8bc6\u3002<\/p>\n<p>Flow Chart\u3001UI Flow\u3001Wireframe \u8fd9\u4e09\u4efd\u6587\u4ef6\u5199\u5230\u4e00\u534a\u53d1\u73b0\u4ec0\u4e48\u4e1c\u897f\u6f0f\u6389\u56de\u5934\u8865\u4e0a\u662f\u6b63\u5e38\u73b0\u8c61\uff0c\u4e0d\u53ef\u80fd\u4e00\u6b21\u5230\u4f4d\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #3366ff;\">6. Mockup<\/span><\/h3>\n<p>\u89c6\u89c9\u7a3f\u2026\u7167 Grid \u548c Guideline \u505a\u5427\uff0c\u4e4b\u540e\u8fd8\u6709\u5207\u56fe\u548c\u6807\u793a\u6587\u4ef6\u8981\u5f04\u3002<\/p>\n<p>\u597d\u5904\u662f\u5207\u56fe\u548c\u6807\u793a\u6587\u4ef6\u90fd\u6709\u5916\u6302\u5de5\u5177\u53ef\u4ee5\u4ee3\u52b3\uff0c\u751a\u81f3\u8bbe\u8ba1\u5e08\u53ea\u8981\u987e\u597d\u539f\u59cb\u6863\u3001\u5207\u56fe\u548c\u6807\u793a\u6587\u4ef6\u90fd\u7528 Avocode \u6216Zeplin \u89e3\u51b3\u3002<\/p>\n<p>\u574f\u5904\u662f\uff0c\u5982\u679c\u4e0d\u592a\u77e5\u9053\u6280\u672f\u9650\u5236\uff0c\u505a\u51fa\u6765\u7684\u4e1c\u897f\u5de5\u7a0b\u5e08\u4e0d\u80fd\u7528\u5c31\u7b97\u4e86\uff0c\u4ed6\u4eec\u8fd8\u767d\u6328\u8bbe\u8ba1\u5e08\u7684\u9a82\u3002<\/p>\n<ul>\n<li>\u300c\u4e3a\u4ec0\u4e48\u4f60\u505a\u51fa\u6765\u7684\u4e1c\u897f\u548c\u6211\u753b\u7684\u5dee\u4e86\u51e0px\uff1f\u300d<\/li>\n<li>\u300c\u62dc\u6258\uff01RWD \u4e0d\u53ef\u80fd\u5b8c\u5168\u548c\u4f60\u753b\u7684\u4e00\u6a21\u4e00\u6837\u597d\u4e0d\u597d\uff1f\u300d<\/li>\n<li>\u300c\u662f\u4f60\u80fd\u529b\u4e0d\u591f\u8fd8\u662f\u5077\u61d2\uff1f\u6211\u7684\u56fe\u753b\u5f97\u51fa\u6765\u4e3a\u4ec0\u4e48\u4f60\u505a\u4e0d\u51fa\u6765\uff1f\u300d<\/li>\n<li>\u300c\u5e72\u2026\u300d<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #3366ff;\">7. Prototype<\/span><\/h3>\n<p>\u90a3\u4f4d\u8bfb\u8005\u95ee\u53e6\u5916\u95ee\u4e86\u5173\u4e8e Prototype \u7684\u95ee\u9898\uff1a<\/p>\n<ul>\n<li>\u9ad8\u4fdd\u771fPrototyple\u662f\u5728\u5207\u56fe\u7ed9RD\u4e4b\u540e\u5236\u4f5c\uff0c\u90a3\u505a\u51fa\u6765\u7684\u7528\u610f\u662f\u5728RD\u7a0b\u5e8f\u8fd8\u6ca1\u5b8c\u6210\u524d\u518d\u6b21\u786e\u5b9a\u64cd\u4f5c\u4e0a\u6709\u65e0\u4efb\u4f55\u95ee\u9898\u5417?<\/li>\n<li>\u90a3\u9ad8\u4fdd\u771fPrototyple\u5c31\u662f\u8ddf\u6210\u54c1\u957f\u7684\u4e00\u6837\u8fd8\u53ef\u4ee5\u64cd\u4f5c\u5570??<\/li>\n<\/ul>\n<p>\u505a Prototype \u7684\u76ee\u7684\u901a\u5e38\u662f\u6d4b\u8bd5\u548c\u9a8c\u8bc1\uff0c\u4e0d\u7ba1\u662f\u7ed9\u4f7f\u7528\u8005\u64cd\u4f5c\u770b\u770b\u3001\u89c2\u5bdf\u4f7f\u7528\u8005\u64cd\u4f5c\u72b6\u51b5\u505a\u4f7f\u7528\u8005\u6d4b\u8bd5\uff1b\u8fd8\u662f\u5de5\u7a0b\u5e08\u5957\u5b8c\u7a0b\u5e8f\u4e0a\u7ebf\u524d\u5148\u6d4b\u770b\u770b\u6709\u6ca1\u6709\u866b\u6216\u54ea\u8fb9\u7206\u70b8\u4e86\u3002\u6240\u4ee5\u5b83\u4e00\u5b9a\u8981\u53ef\u4ee5\u88ab\u64cd\u4f5c\uff0c\u4e0d\u80fd\u88ab\u5b9e\u9645\u64cd\u4f5c\u662f\u8981\u600e\u4e48\u6d4b\u8bd5\uff1f\u8111\u5185\u8865\u5b8c\uff1f<\/p>\n<ul>\n<li>Prototype \u8981\u53ef\u4ee5\u88ab\u64cd\u4f5c\uff01<\/li>\n<li>Prototype \u8981\u53ef\u4ee5\u88ab\u64cd\u4f5c\uff01<\/li>\n<li>Prototype \u8981\u53ef\u4ee5\u88ab\u64cd\u4f5c\uff01<\/li>\n<\/ul>\n<p>\u4e0d\u80fd\u88ab\u64cd\u4f5c\u7684\u90fd\u4e0d\u662f Prototype\u3002<\/p>\n<ul>\n<li>Wireframe \u53ef\u4ee5\u505a Prototype\uff0c\u4f4e\u4fdd\u771f\u539f\u578b\u3002<\/li>\n<li>Mockup \u53ef\u4ee5\u505a Prototype\uff0c\u9ad8\u4fdd\u771f\u539f\u578b\u3002<\/li>\n<li>\u5207\u56fe\u53eb\u5de5\u7a0b\u5e08\u5199\u7a0b\u5e8f\u5957\u7248\u505a\u4e00\u4e2a\uff0c\u9ad8\u4fdd\u771f\u539f\u578b\u3002<\/li>\n<\/ul>\n<p>\u6211\u81ea\u5df1\u5927\u591a\u505a\u5b8c Mockup \u540e\u624d\u4f1a\u51fa Prototype \u6d4b\u8bd5\u3002<\/p>\n<p>\u56e0\u4e3a\uff0cWireframe \u505a\u7684\u4f4e\u4fdd\u771f\u539f\u578b\u4e00\u822c\u4f7f\u7528\u8005\u770b\u4e0d\u61c2\u4e5f\u6ca1\u611f\u89c9\uff0c\u6ca1\u529e\u6cd5\u505a\u4f7f\u7528\u8005\u6d4b\u8bd5 =_=<\/p>\n<p>Wireframe \u505a\u7684 Prototype \u9876\u591a\u5185\u90e8\u6d4b\u8bd5\u5427\uff0c\u4f46\u5185\u90e8\u6d4b\u8bd5\u5e38\u5e38\u4e0d\u592a\u51c6\uff0c\u5de5\u7a0b\u5e08\u548c\u8bbe\u8ba1\u5e08\u7684\u601d\u7ef4\u548c\u4e00\u822c\u4eba\u4e0d\u4e00\u6837\uff0c\u6d4b\u4e00\u6d4b\u91cd\u70b9\u5e38\u5e38\u6b6a\u6389\u2026<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #3366ff;\">\u8865\u5145\u8bf4\u660e<\/span><\/h3>\n<p>\u53e6\u4e00\u4f4d\u8bfb\u8005\u770b\u4e86\u672c\u6587\u540e\u82e5\u6709\u6240\u611f\uff0c\u4f20\u8baf\u8ddf\u6211\u8ba8\u8bba\u4e86\u4e0b\u3002<\/p>\n<p>\u4eca\u5929\u4e5f\u548c\u8001\u677f\u8c08\u4e86\u662f\u5426\u8981\u6709 Functional Map \u548c UI Flow \u7b49\u7b49\u8fd9\u4e9b\u6d41\u7a0b\uff0c\u8ba9\u6211\u4eec\u5728\u524d\u9762\u8ba8\u8bba\u7684\u65f6\u5019\u5c31\u53ef\u4ee5\u5398\u6e05\uff0c\u800c\u4e0d\u662f\u5728\u89c6\u89c9\u7a3f\u624d\u4fee\u6539\u589e\u51cf\uff0c\u4ed6\u4e5f\u76f4\u8a00\u6211\u4eec\u6ca1\u6709\u90a3\u4e48\u591a\u65f6\u95f4\u65e0\u6cd5\u7167\u8fd9\u6837\u6d41\u7a0b\uff0c\u771f\u7684\u5f88\u65e0\u529b\u2026<\/p>\n<p>\u6ca1\u6709\u90a3\u4e48\u591a\u65f6\u95f4\u65e0\u6cd5\u7167\u8fd9\u6837\u6d41\u7a0b\uff1f\u5f53\u7136\u554a\uff0c\u56e0\u4e3a\u8981\u628a\u65f6\u95f4\u7559\u5728\u540e\u9762\u6539\u6765\u6539\u53bb\u561b\uff5e\uff5e\uff5e\uff5e\uff5e<\/p>\n<p>\u65f6\u95f4\u603b\u662f\u8981\u82b1\u7684\uff0c\u770b\u662f\u82b1\u5728\u524d\u671f\u89c4\u5212\u8fd8\u662f\u540e\u671f\u8865\u6d1e\u800c\u5df2\u3002\u8bf4\u6ca1\u65f6\u95f4\u65e0\u6cd5\u7167\u6d41\u7a0b\u7684\u662f\u6839\u672c\u6ca1\u6d41\u7a0b\u53ef\u4ee5\u7167\u5427\u3002<\/p>\n<p>\u60f3\u903c\u8d70\u5458\u5de5\u3001\u964d\u4f4e\u56e2\u961f\u58eb\u6c14\uff0c\u5c3d\u91cf\u4e71\u6539\u6ca1\u5173\u7cfb\uff0c\u53cd\u6b63\u5927\u5bb6\u90fd\u77e5\u9053\u4e71\u6539\u7684\u90a3\u4e2a\u4eba\u8fde\u81ea\u5df1\u8981\u4ec0\u4e48\u90fd\u4e0d\u77e5\u9053\u53ea\u597d\u80e1\u4e71\u5f20\u5634\u4e0b\u6307\u4ee4\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<address>\u00a0<\/address>\n<address>\u539f\u6587\u5730\u5740\uff1a<a href=\"blog.akanelee.me\" target=\"_blank\">blog.akanelee.me<\/a><a href=\"http:\/\/uxmatters.com\/mt\/archives\/2011\/12\/career-advice-for-user-researchers.php\" target=\"_blank\"><br \/>\n<\/a><\/address>\n<address>\u5934\u56fe\u6765\u6e90\uff1a<a href=\"https:\/\/androiduiux.files.wordpress.com\/2012\/12\/featured3.png\" target=\"_blank\">https:\/\/androiduiux.files.wordpress.com<\/a><a href=\"https:\/\/cdn2.hubspot.net\/hubfs\/685689\/blog-files\/UXdesign_research.png\" target=\"_blank\"><br \/>\n<\/a><\/address>\n<address><span style=\"font-size: 14px; line-height: 1.5em;\"><span style=\"font-size: 14px; line-height: 1.5em;\">========================================<\/span><\/span><\/address>\n<p><span style=\"color: #3366ff;\">\u4e0d\u77e5\u4e0d\u89c9UXRen\u793e\u533a\u5b98\u7f51\u5df2\u7ecf2\u5c81\u4e86\uff0c \u5728\u8fd9\u91cc\u5c0f\u7f16\u8981\u611f\u8c22\u90a3\u4e48\u4e00\u5982\u65e2\u5f80\u652f\u6301\u672c\u7ad9\u7684\u6cb9\u8336\u4eba\u3002<\/span> <span style=\"color: #3366ff;\">UXRen.cn\u6b22\u8fce\u6cb9\u8336\u4eba\u6295\u7a3f\uff0c\u63d0\u4f9b\u6709\u4ef7\u503c\u7684\u8d44\u8baf\u3001\u7ebf\u7d22\u3001\u70b9\u5b50\u53ca\u5efa\u8bae\u3002\u00a0<\/span><\/p>\n<p><span style=\"color: #3366ff;\">\u90ae\u7bb1\uff1a<a href=\"mailto:contact@13tech.com.cn\"><span style=\"color: #3366ff;\">contact@13tech.com.cn<\/span><\/a>\u00a0<\/span><br \/>\n<span style=\"color: #3366ff;\">\u6ce8\u660e\uff1a\u672c\u7ad9\u5185\u5bb9\u53ca\u6570\u636e\u90e8\u5206\u6765\u81ea\u4e92\u8054\u7f51\u53ca\u516c\u5f00\u6e20\u9053\uff0c\u5982\u6709\u4fb5\u6743\u8bf7\u53ca\u65f6\u8054\u7cfb\u6211\u4eec\u3002<\/span><br \/>\n========================================<\/p>\n<p><span style=\"color: #3366ff;\">\u7248\u6743\u58f0\u660e\uff1aUXRen\u793e\u533a\u53d1\u5e03\u6587\u7ae0\u5747\u6765\u81eaUXRen\u4f1a\u5458\u539f\u521b\u3001\u6210\u5458\u6295\u7a3f\u3001\u6d3b\u52a8\u7b14\u8bb0\u3001\u7ffb\u8bd1\u7ec4\u539f\u521b\u6216\u8005\u6388\u6743\u6587\u7ae0\uff0c\u90e8\u5206\u6587\u7ae0\u4e3a\u8f6c\u8f7d\u5185\u5bb9\uff0c\u90fd\u4f1a\u660e\u786e\u6807\u6ce8\u4f5c\u8005\u548c\u6765\u6e90\uff0c\u5176\u7248\u6743\u5f52\u4f5c\u8005\u6240\u6709\u3002\u82e5\u6d89\u53ca\u7248\u6743\u95ee\u9898\uff0c\u8bf7\u6dfb\u52a0QQ\uff1a497027206\uff08\u5c0f\u7f16Tracy\uff09\uff0c\u611f\u8c22\u652f\u6301\u3002<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4eca\u5929\u4e5f\u548c\u8001\u677f\u8c08\u4e86\u662f\u5426\u8981\u6709 Functional Map \u548c UI Flow \u7b49\u7b49\u8fd9\u4e9b\u6d41\u7a0b\uff0c\u8ba9\u6211\u4eec\u5728\u524d\u9762\u8ba8\u8bba\u7684\u65f6\u5019\u5c31\u53ef\u4ee5\u5398\u6e05\uff0c\u800c\u4e0d\u662f\u5728\u89c6\u89c9\u7a3f\u624d\u4fee\u6539\u589e\u51cf\uff0c\u4ed6\u4e5f\u76f4\u8a00\u6211\u4eec\u6ca1\u6709\u90a3\u4e48\u591a\u65f6\u95f4\u65e0\u6cd5\u7167\u8fd9\u6837\u6d41\u7a0b\uff0c\u771f\u7684\u5f88\u65e0\u529b\u2026<\/p>\n","protected":false},"author":1,"featured_media":35205,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[50,47],"tags":[2466,2465,2469,2470,2467,618,2468,2589,66,2850],"_links":{"self":[{"href":"https:\/\/www.uxren.cn\/index.php?rest_route=\/wp\/v2\/posts\/35195"}],"collection":[{"href":"https:\/\/www.uxren.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxren.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxren.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxren.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35195"}],"version-history":[{"count":6,"href":"https:\/\/www.uxren.cn\/index.php?rest_route=\/wp\/v2\/posts\/35195\/revisions"}],"predecessor-version":[{"id":35207,"href":"https:\/\/www.uxren.cn\/index.php?rest_route=\/wp\/v2\/posts\/35195\/revisions\/35207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxren.cn\/index.php?rest_route=\/wp\/v2\/media\/35205"}],"wp:attachment":[{"href":"https:\/\/www.uxren.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxren.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=35195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxren.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=35195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}