互联网产品设计研讨.ppt

线框图设计 线框图(Wireframes)是信息架构和交互设计最重要的交付物之一 ，往往模型设计要依据于线框图。 HTML原型 低保真原型容易制作，用来展示基本交互作用，例如静态的html 。它可以用来与用户“彩排”。 HTML的原型比纸原型更适合检查设计的动态过程；这里的”高保真”的html样机已经包含视觉设计的元素 线框图(Wireframes)是信息架构和交互设计最重要的交付物之一 产品设计过程的工具使用举例 产品从设计到发布的六个阶段 概念阶段 concept discover definition refinement development launch 探索阶段 定义阶段 细化阶段 开发阶段 发布阶段 交互设计：Axure rp Axure是一款特别好用的产品模型设计软件，可视化操作，ajxa能直接生成页面需求，更独特的它可以实现：div onmouse onclick等很多交互事件，UI和工程师看到页面能直接看到你要设计的效果 思维导图：Mind manager mind manager是一款可视化思维导图软件，它可以智能的建立各个模块，各个主、次、平级目录。同时也当便做调整、做对外的功能结构的报告演示 流程设计：Visio * * * * * * * * * * 南京欣网视讯信息技术有限公司 2008年7月 目录 UCD和UE/UX的概念和分析 1 产品设计团队的组建和产品设计流程 2 产品设计方法和原型、工具的使用 3 为什么UCD如此重要？ UCD（User-centered design ）：以用户为中心的设计 在开发产品的每一个步骤中，都要把用户列入考虑范围 UCD是一个口号吗？ UCD对于实际工作有什么指导和意义呢？ UCD即创建高效的UE方法，与其说UCD是一种方法还不如说是一种互联网产品的设计思想，那么成功的UE（User Experience）用户体验又具有什么样的意义？ 理解人们所想和所需： 围绕用户需求和心智模型进行产品设计 用户体验价值图 它向我们解释了积极的、良好的用户体验可以增加用户的回访、获得用户的信任，增加购买的意向，实际上是增加了我们获得利润的能力。 即使我们的网站并不是直接靠在线销售获得利润的经营模式，但高效的用户体验可以提高转换率，实际上是帮我们更快、更稳健的达到我们的商业目标。 UE车轮－构成用户体验的30种要素 这个模型应该从内部解释，它从中间开始： 价值是我们想要达到的目标。 从顾客到提供商，正向的用户体验是可以实现“双赢”的 我们通过正向的用户体验来实现价值。 用户体验由许多方面组成，我们必须重视可寻性、可接近性、合意性、可用性、可靠性和有用性这些方面。 用户体验的方面又由许多方面组成，这个模型具体呈现了30种要素。 用户体验的要素 战略层：用户的需求是什么？网站的目标/商业目的是什么？ 范围层：什么样的信息和内容满足用户的需求？ 结构层：如何组织、导航，并响应用户满足其需求？ 框架层：如何将 概念模型细化到具体的界面外观、布局、导航信息设计…… 视觉层：用户看到的最终表现形式 这不仅仅是用户体验的要素组成结构，也总结了我们的产品设计过程，试想一下我们的工作将处于哪个层面？ 目录 UCD和UE/UX的概念和分析 1 产品设计团队的组建和产品设计流程 2 产品设计方法和原型、工具的使用 3 产品设计团队 产品设计团队： PM（项目经理/产品经理） BI（商业情报） UR（用户体验分析师） user researcher IA（信息架构师）(information architect) ID（交互设计师） interaction designer CD（内容设计师）Content Designer VD（视觉设计师） visual designer UID（界面设计师） user interface designer 把专业的事交给专业的人去做，然后专心做自己专业的事 我们拍一部有10个角色的电影，但我们只有5位演员，我们不会去掉5个角色，而是1个人饰演2个角色 产品经理 产品经理负责整个产品的定位、规划、定制发展方向及策略， 并负责团队的激励和管理： 他应该把精力用于产品的“战略层”、“范围层”，他不一 定对每一个领域都精通，但一定具有全局观和把控能力。 产品经理的产品管理能力，体现在具体工作： 负责产品概念设计的把关 撰写市场需求文档（MRD）和产品需求文档（PRD） 进行竞争状况分析 规划产品路线图 制作产品演示PPT 分析产品数据等 …… 组织沟通、注重细节、商业嗅觉、整体规划… 信息架构师 IA（信息架构师）(information architect