Axure-RP-9互联网产品原型设计.pptxVIP

ureRP9互联网产品原型设计(慕课版);

◎什么是原型设计

产品原型是用线条、图形描绘出的产品框架；原型设计是综合考虑产品目标、功能需求场景、用户体验等因素，对产品的各板块、界面和元素进行合理排序和布局的过程。

对互联网行业来说，原型设计就是将页面模块、各种元素进行排版和布局，获得一个页面的草图效果。为了使效果更加具体、形象和生动，还可以加入一些交互性的元素，模拟页面的交互效果。;

一个项目的设计开发通常需要多个人员的共同努力。很多人认为产品原型设计是整个项目的早期过程，只需要产品经理参与即可。但实际上产品经理只是了解产品特性、用户和市场需求，对于页面设计和用户体验设计则通常只是停留在初级水平。而设计师独立进行创作，会使得产品经理和设计师反复商讨、反复修改。;

◎原型设计的参与者

为了避免产品设计开发过程中反复修改的情况发生，在开始进行原型设计时，产品经理应邀请用户界面(UI)设计师和用户体验(UE)设计师一起参与产品原型的设计制作。这样才可以设计出既符合产品经理预期又具有良好用户体验且页面精美的产品原型。;

◎纸质

设计师可以使用笔直接在纸上描绘产品原型，设计大致的产品效果。这种方式通常是在产品经理进行原型构思的阶段使用。通过这种方式可以将原型产品的框架基本确定，然后通过专业的软件将原型更形象、更直观地转移到电子文档中，以便后续的研讨、设计、开发和备案。;

◎如何体现原型设计

OWord和Visio

用户也可以使用Word进行原型设计。在Word文档中建立一块画布，使用文本框、图片、控件等制作一个原型设计方案Word软件启动界面如下图所示。使用Visio设计原型比使用Word更方便。可以快速进行原型设计，Visio软件启动界面如下图所示。;

◎如何体现原型设计

OWord和Visio

由于软件的局限性，通常只使用Word或Visio绘制原型的线框图。相比手绘原型，线框图更加清晰和整洁，适用正式场合的PPT形式的宣讲的场景。线框图还可以是功能页面结构的视觉呈现形式，能传达页面的布局结构及定义功能元??，并能将产品需求以线框结构的方式展示出来，让产品需求以更加规整的方式直观展现，一般以黑白灰的形式来表示。;

◎原型设计软件

目前原型设计软件有很多，比较常见的有AxureRP、

AdobeXD和MockupScreens等。这些工具软件不仅具有丰富的Web控件，而且交互性很好。AxureRP是其中的佼佼者，下图所示为AxureRP9的启动图标和工作界面。;

◎原型设计软件

使用这些专业的原型设计软件除了能够完成产品原型线框图绘制以外，还能完成高保真产品原型的绘制。高保真产品原型是真实地模拟产品最终的视觉效果、交互效果和用户体验感受，在视觉、交互和用户体验上非常接近真实的产品，甚至包含产品的细节、真实的交互和UI等。下图所示为使用AxureRP;

◎原型设计的必要性

原型设计是帮助网站设计完成最终标准化和系统化的较好手段。它最大的好处在于，可以有效地避免重要元素被忽略，也能够阻止做出不准确、不合理的假设。

在项目开始之初，对每个元素进行调试并确保它们能够如同预期一样运作是相当重要的步骤。当设计完成可交互的高保真产品原型之后，设计师可以将它作为一个成型的界面来使用。通过测试模型中所有的功能，确认其能否解决规划阶段所计划解决的问题。

如果没有使用产品原型，而是在完成项目整体的设计和开发之后进行测试，那么修改和调整的成本就相当高昂了。;

◎原型设计的必要性和作用

◎原型设计的作用;

◎原型设计的必要性和作用

◎原型设计的要点;

◎用户体验包含的内容—品牌

品牌对于任何一件展示在大众面前的事物都有很强的影响力。没有品牌的东西很难受到欢迎。同样对于一个网站来说，良好的品牌也是其成功的决定性因素。

网站是不是有品牌取决于两个要素：是不是独一无二的类型和是不是内容丰富、更新及时的。;

◎用户体验包含的内容—品牌

网站的独一无二很好解释，假如某个行业只有一个网站，那么就算选择的关键词非常冷门或用户较少，但对于这个行业来说也是品牌。假如某网站相对其他同类网站来说内容丰富、信息更新速度快，那么就是成功的。这两点对于树立网站品牌是非常重要的，归根结底就是网站是不是可以给用户带来吸引力。

此外好的视觉体验对于品牌的提升也是很有影响的，例如，某公司有一款平民化的数码单反相机“××300”,这款相机虽然价格相对低廉，但是该公司却将这款相机的官方网站设计得高贵典雅，让人一眼就觉得这样的一款相机一定是价格昂贵的好相机