互联网产品(四):交互设计

原型是产品的可视化展示,包括产品的信息架构、功能、内容和交互方式。目前,Axure在商业中被广泛用作原型设计工具。产品或交互人员通过梳理信息架构,确认界面内容区域的划分,以交互的方式呈现功能点。

原型分为线框、低安全真图和高安全图。无论哪种方式,你都需要设计交互功能,“让原型活起来。

如果不能设计交互,应该使用注释。

原型用户是产品、开发、前端、设计、测试、运营等相关人员。

中小型公司的原型一般由产品经理结合流程图写入需求文档,作为需求描述的一部分。

在大公司,交互设计师通常会将原型图写入交互设计规范,以定义产品原型的要求。

快速迭代的公司要求产品上线就要尽快解决问题,甚至开发测试后直接上线,所以很多都缺乏原型规范。

优点:原型设计师可以自由把握原型设计,输出尽可能多的创意。

缺点:需求团队默契度高。这种情况的中小公司很多。

大规模、多部门的公司有完善的制度,对样机设计有一定的标准要求。原型设计师必须按要求完成原型。

优点:不仅是人员流动,交接人也可以按照统一的规范和标准即时读取原型,方便书写交互文档。

缺点:周期长,影响产品迭代。

通用原型设计规范:

产品内容框架:产品功能信息框架、流程判断信息框架、标注线框、过渡页面、带算法的页面、页面流程图(Axure8.0的页面快照)、多入口流程图、具体模块图、多方协作图、动画效果等。

如果需要定义一个原型规范,请总结以上几点。建议原型规范不需要定义的太死板,但是原型的详细注释(如字符限制、跳转方向、操作动作类型、浏览器兼容性等。)需要在交互手册或者产品需求文档中解释清楚。

定义:顾名思义,页面流程图就是页面之间流动关系的一个例子。

地图属于宏观层面的全局规划,不需要有每个页面的布局和细节。

有些产品页面层次太深,以信息架构的形式呈现。

优点:从框架中快速理解业务流程关系;相关人员了解工作量;聚合服务的行为路径

工具:Axure、PPT、Visio

怎么画,比如:一个众筹项目的移动端。

1.业务流程图:点击流程图上的线框,进入相应的页面或流程。

二、页面流程图:点击相关页面进入相应页面。

页面快照和页面:在流程图上,点击页面快照或线框,进入相应的页面(如登录页面)。

定义:有时称为站点地图,它强调内容、功能结构、导航系统设计,是产品的骨架。

这个图展示的是产品的内容分类或者功能集合,需要列出每个页面的细节或者功能点,形成一个结构(层次化、分类化)。这个图也是技术人员创建数据结构的辅助文件。

优点:快速全面了解产品业务框架;相关人员了解工作量;相比Web产品,更适合移动客户端产品。

工具:Axure、PPT、Visio、xmind等。

例子:JD.COM的众筹。

交互描述文档(DRD)主要交付给前端、设计师、开发人员、测试人员等。,并可根据要求的大小和难易程度灵活编写。

注意:文件起辅助作用,要面对面沟通;沟通后持续改进;不同的模板;没必要纠结模板,把需求和细节看清楚就行了。

内容:信息架构图、页面流程图、页面细节图、交互相关规范等。

优点:宏观上详细描述了业务信息架构和页面流程的历史,微观上设计了用户交互行为。

不要写:

1,视觉规格

2.市场需求

3、工作参数实现方案

4.相关文案

工具:Word或Indesign

例子:XXX众筹平台

注:如果公司没有细分交互设计师岗位,而是由产品经理承担,则无需将交互设计描述单独出来,并入prd。

*移动终端

待续

详情未完待续

常见网站设计规范参考

& lt& lt《常见网站设计规范参考》;& gt克百都

在场知识

目标

可用性、易用性、满意度、价值、可信度、可实现性和可识别性

定义

指人们对自己使用或期望的产品、系统或服务的感受和反应。可以分为使用前体验、使用中体验和使用后体验。在产品设计中,用户体验要结合各方面的不同兴趣,平衡产品要素,包括UI、交互、功能、逻辑、售后等等。通过“可用性、易用性、可实现性、可识别性”的提升,增加用户的满意度和信任度,最终提升用户的价值。

用户体验以设计目标用户为出发点,进行满足与概念设计、用户功能需求设计、交互设计等过程。,并最终形成用户产品反馈和报告,进行新一轮的产品设计优化。

用户体验元素

(未完待续)