博客网 加入收藏  -  设为首页
您的位置:博客网 > 科技 > 正文
原型设计的原则与过程
原型设计的原则与过程
提示:

原型设计的原则与过程

整体感受(页面结构清晰、跳转关系明确、与业务流程一致、完整表达用户需求)

独立页面(功能元素明确有序、位置关系清晰、不同状态变化清晰)

交互设计(清晰的交互逻辑、一致的交互方式、界面统一)




手绘——低保真(产品需求明确、流程清晰、先有确认好的手绘)——高保真——UI设计——上线




明确本次需求的用户与场景

认真研究需求的业务流程图

完成页面流程与目录

确定页面框架

确定交互细节、串联

讨论迭代、细节修正

先手绘

真实比例与文案

模拟极端情况

原型不上色

目标树清晰流畅

保存好修改记录

紧扣需求主题,不节外生枝

努力、认真多画







1.完整新产品、新功能、链条长、交互界面与逻辑复杂




需求分析:明确用户、场景、需求问题,以及产品亮点

产品功能:核心流程、信息架构图、版本过程、流程(用户及内容流向、信息交叉)

架构(模块、功能点)、演变(完整的状态需要几个版本、每个版本包含哪些功能模块)。




项目提速:

1.做什么:

进度:控、跟、保进度

资源:协调资源

风险:延期、变更风险预警




2.明确目标、统一思想

明确目标:完成什么产品功能、上线后对各方的收益情况

明确时间:开始及预期结束时间

明确回报:奖励规则







3.拆分项目并公开:

拆分阶段上看板:TO DO,Doing,QA,上线

拆分功能上看板:本项目有哪些功能点、写卡片

功能点责任到人:正在做的功能点,由谁负责,进行卡片登记




4.进度透明:站立会、看进度(表扬和帮助)




5.总结项目:结束总结、营造氛围、解决问题(什么问题、由谁造成)




1.专业度:少改需求;明确功能重点及需求优先级;清晰文档;评审测试用例;测试过程全程参与

2.职业素养:保持冷静的情绪以及客观的情况汇报。不迟到、陪加班、多鼓励、少抱怨、公开透明,保存各项记录,给团队争取提前量。

原型设计是什么,该怎么使用它
提示:

原型设计是什么,该怎么使用它

我们首先明确两个定义: 原型的定义: 原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。 产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式,利用线框描述的方法,将产品脱离皮肤状态下更加具体跟生动的进行表达.

原型制作的方法
提示:

原型制作的方法

原型制作的方法有很多种,以下是一些常见的方法: 1. 手工制作:简单易行,成本低,但速度慢、精度低,不便于修改。 2. 3D打印:速度快、精度高、可重复打印,但成本高,且打印机的尺寸和材料种类限制。 3. CNC加工:高精度、高质量,但需要较高的成本和专业技术。 4. 软件模拟:可测试产品逻辑、交互和功能,但无法真实表现产品外观和质感,需实际制作和测试。 5. 纸质原型:多出现在开发数字产品的早期阶段,通过制作草图或切割用户界面部分来创建纸质界面,并组装以模拟用户体验。纸质原型简单、低成本,有助于可用性问题解决。 6. 故事板:使用图像来描述解决方案,将产品交互提炼成一系列插画故事呈现,同时与客户进行交流。讲故事的方式可以帮助设计人员快速了解产品应用场景,激发对用户体验的理解,进而围绕用户痛点提出建议。 7. 数字线框图:适合产品设计的早期阶段,能够探索和定义高级用户体验,同时考虑到最终用户的痛点。数字线框图作为设计元素和功能的图示,有助于帮助定义和更好地传达信息层次结构,让参与设计和开发的人员更好的理解设计师的思路和设计的功能点。 8. 交互式原型:一旦定义了用户体验并测试了用户交互流程,就可以开始通过视觉原型或最终产品的高保真版本来关注美学。 原型制作的方法可以根据项目的需求选择不同的方法,不同的方法有各自的优缺点,需要根据项目情况选择合适的制作方法。

原型制作的三种类型?
提示:

原型制作的三种类型?

一、手绘原型 由于原型也被称为线框图,因而手绘是最简单直接的方法,也是最快速的表现产品轮廓的手法。 手绘原型在初期验证想法时非常高效,也方便讨论和重构,同时也适合敏捷开发时快速出原型。 二、灰模原型 灰模原型是由图形设计软件制作而成,最常用的软件是Photoshop和Fireworks,相对手绘原型,灰模更加清晰和整洁,也适用于正式场合的PPT形式宣讲。 灰模原型也可以称之为平面原型,所以如果不会使用图形软件也可以使用AxureRP设计,相比交互原型,灰模原型只是缺少交互效果,仅仅是将产品需求以线框结构的方式展示出来,让产品需求更加规整的直观展现。 三、交互原型 交互原型是使用原型设计软件完成的原型,常用软件是AxureRP,一般情况交互原型的设计要早于产品需求文档,是产品经理想法推演的重要一步。通过AxureRP之类的交互原型软件制作出来的产品原型,在功能需求和交互需求的表现上,几乎和正式产品是一致的,所以有时交互原型也被称为产品Demo版。