近些年,互联网和智能设备飞速发展,越来越多的人开始关注人与机器的关系。如何让计算机越来越好用?如何让计算机越来越懂我们?这就需要我们不断地探索人机交互设计,也就是大家常说的HCI,这个听起来很复杂又高大上的学科,其实说白了就是研究:用户通过什么决定买不买某件产品。下面就带领大家浅谈下HCI人机交互设计

hci人机交互设计

什么是HCI人机交互设计

HCI英文全称Human–Computer Interaction,又被称为人机交互,是一门研究系统与用户之间的交互关系的学问。主要是人与计算机之间使用某种对话语言,以一定的交互方式,为完成确定任务的人与计算机之间的信息交换过程。HCI人机交互设计所关注的方向大致可以分为三部分:计算机、人、设计,点击查看《交互设计原则》

首先,HCI人机交互设计中的计算机只有输入和输出,并不存在什么图形,所以计算机主要指的就是算法,没有计算机的算法也就没有HCI人机交互设计

其次,HCI人机交互设计中的人其实指的是关注人的行为和认知的学问,这也是HCI人机交互设计的核心,所有的研究都是以人为本的。

再次,HCI人机交互设计中的计算机和人其实更偏向于科学研究,而HCI中的设计才是和交互设计联系最紧的一部分,也是我们常说的交互设计,交互设计虽然也研究计算机和人,但是更偏向于用户体验。

hci人机交互设计

HCI人机交互为用户体验而设计

在设计圈衡量产品好坏的金线就是用户体验,用户体验越好的产品一定的是好产品。而用户体验的核心就是交互设计,它意味着产品在日常生活中发挥的具体作用。

举个简单的例子,我们日常使用手机里的APP,哪个可以给你带来帮助、哪个经常被你使用、哪个会让你觉得十分愉悦。用户体验包含了用户对产品的总体印象,大到核心功能,小到图标颜色,这也是为什么人们常说:细节决定成败,这点在用户体验中尤为明显。所以,交互设计不是设计用户体验,而是为用户体验而设计。

交互设计的核心维度包含以下四点:

  • 感官:用户在使用各种设备和产品中所能达到的专注度;

  • 情感:用户对设备和产品的情感共鸣;

  • 思考:用户在使用过程中做出的思考;

  • 时空:时间和空间对用户使用所造成的影响。

hci人机交互设计

如何在一个工具完成交互设计全流程

交互设计大致可以分为:建立需求、构建原型、评估优化、交付开发。

交互设计流程一:建立需求

在建立需求的时候需要考虑众多相互依赖的因素,包括使用的情境、活动的类型、无障碍、文化差异和用户群体。建立需求时通常会头脑风暴,很多灵感会一闪而逝,这时候就需要使用Pixso白板功能,各种思维导图、灵感图可以将需求灵感轻松记录点击了解更多Pixso白板

hci人机交互设计流程

交互设计流程二:构建原型

原型是以图形展现设计思路的方式,也是想法灵感由抽象变为具象的重要步骤,很多时候交互设计好不好就取决于原型构建的是否合理。当然构建原型的工具也起到了决定性的作用,Pixso拥有智能UI设计工具,包括组件变体、自动布局等专业设计工具,支持UI/UX设计和原型播放,一体化完成高保真产品设计,点击免费注册Pixso账号,开启在线协作交互设计

第一步:将纸质原型图导入到Pixso进入Pixso工作台,选择【新建文件】,开始创作。将原型草稿导入Pixso,这里可以调整草图的大小和透明度,将调整好的草图放置一遍就可以开始边参考边绘制原型了。

hci人机交互设计流程

第二步:根据草图绘制出原型根据草图绘制出低保真原型,再通过低保真原型绘制出高保真原型。

hci人机交互设计流程

第三步:绘制原型交互图Pixso中自带交互动能,通过简单的线条链接,即可完成逼真的HCI人机交互设计动画,在设计过程中可视化、智能化预知用户体验, 支持添加页面交互和原型播放,模拟产品最终形态,助力团队规避无效投入,快速提升产品核心价值。

hci人机交互设计流程

交互设计流程三:评估优化

评估优化是以用户体验为基础的交互类型也可以作为概念化设计空间(为设计思路具象化)的方式,包括指示、对话、操作、探索。在完成了原型图之后,就是要不断地评估优化,让整体的HCI交互设计逻辑清晰明了,交互设计细节流畅自然。

这个阶段需要让不同的人来测试,面对多人测试的情况,Pixso还支持多人协作,面对一个复杂的设计项目时,通过链接邀请团队成员,进行多人云端协作设计,实时同步字号、边框、颜色等各种细节,大幅提高了工作效率现在马上试试

hci人机交互设计流程

交互设计流程四:交付开发

最后就是交付开发人员开发落地了,这也是整个交互设计最关键的环节,很多交互设计十分优秀,开发落地后却惨不忍睹,究其根源就是沟通,一般需要设计师坐在开发人员边上逐个核对,这种沟通费时费力。

而Pixso拥有链接交付,可以构建清晰直观的工作流,团队上游一键发送链接交付,下游成员打开浏览器即可完成审查。支持切图一键导出,设计标注和代码在线生成与交付。

hci人机交互设计

出色的HCI人机交互设计,从Pixso开始

交互设计的关键是创造用户体验,交互设计师需要为范围不断扩大的产品做出众多的选择和决定。交互设计的核心要素有:可用性、功能性、美学性,而使用智能化设计工具Pixso可以为交互设计减少开发时间、提升设计质量、优化部门协作、提升开发效率。所有出色的交互设计,都是从高效的团队协作开始的。现在前往Pixso官网注册账号,可以享受到Pixso会员的所有权益:无限文件数量、无协作者人数限制、无限云存储空间以及Pixso资源社区的海量设计素材资源等等。

hci人机交互设计