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

如题所述

第1个回答  2022-08-01

原型是产品可视化的展示,包括了产品的信息架构、功有、内容、交互方式。目前业务普遍菜用了Axure作为原型设计工具。产品或交互人员通过对信息架构的梳理,确认界面内容区的划分,并通过交互方式呈现功能点。

原型分为线框图、低保真图、高保值图。不管哪种呈现方式,都需要设计交互功能,“使原型活起来。

不能设计交互的,要采用注释的方式。

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

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

而在大公司,交互设计师通常将原型图写入交互设计说明书,定义产品原型的相关要求。

快速迭代的公司,要求产品上线时问题越快解决越好,甚至是开发完测试一下直接上线,所以很多缺少原型的规范。
优点 :原型设计人员可以自由把握原型的设计,尽可能输出更多想法
缺点 :需求团队默契度高。这种情形中小公司较多。

大型多部门的公司制度完善,对于原型设计有一定的规范要求,原型设计人员必须按照要求完成原型。
优点 :既便人员流动,交接人也可以根据统一的规范标准立刻读懂原型,方便写交互文档。
缺点 :周期长,影响产品迭代。

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

如果需要定义原型规范,请总结以上要点。建议原型规范不需要定义的太死板,但原型具有的细节注解(如字符限制、跳动指向、操作动作类型、浏览器兼容性等)需在交互说明书或者产品需求文档内交代清楚。

定义:顾名思义,页面流程图是页面之间流转关系的示例图。
该图属于宏观层面的全局规划,不需要有每个页面的布局、细节要求。

部分产品页面的层级过深,采用信息架构的方式呈现。

优点 :快速从框架上了解业务的流程关系;相关人员了解工作量情况;聚集业务的行为路径

工具:Axure、PPT、 Visio

【如何画,举例:某众筹项目移动侧】
一、业务流程图:点击流程图上的线框图,可以进入相应的页面或流程

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

三、页面快照与页面:在流程图上,点页面快照或线框图,进入相应的页(比如登录页)

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

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

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

工具:Axure、PPT、Visio、xmind等

【举例:京东众筹】

交互说明文档(DRD),主要交付给前端、设计师、开发、测试等人员,根据需求大小难易程度,灵活撰写。

注意点:文档起辅助作用,要面对面交流;沟通后持续完善;模板不一;无需纠结模板,把需要和细节阅明清楚即可。

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

优点:宏观上明细业务信息架构及页面流转怀脱史,从微观上设计用户交互行为。

勿写:
1、视觉规格规范
2、市场需求
3、功参实现方案
4、相关文案

工具:Word或Indesign

【举例:XXX众筹平台】

:如果公司没有细分交互设计师岗,而由产品经理承担,则无需单独出交互设计说明并入prd即可。

*移动端
待续

详情待续

【常用的网站设计规范参考】
<<常用的网站设计规范参考>> 可百度

【相在知识】

【目标】
可用性、易用性、满意度、价值度、可信度、可实现性、可识别性
【定义】
指人们对使用或期望的产品、系统或服务的感觉与反应。它可以分为使用前体验、使用中体验、使用后体验。在产品设计中,用户体验要结合各方面不同利益,平衡产品元素:包括UI、交互、功能、逻辑、售后等等。通过“可用性、易用性、可实现性、可识别性”的提高,增加用户的满意度和信任度,最终提升用户的价值度。
用户体验为设计目标用户为起点,进行满意度与概念设计、用户功能需求设计、交互设计等等过程,最终形成用户产品反馈和报告,进行新一轮产品设计优化。

【用户体验要素】

(待续)

相似回答