资讯专栏INFORMATION COLUMN

什么是交互设计?

ernest.wang / 1103人阅读

导语▼

上篇讲到产品的一致性是产品的金钥匙,通过对一致性的设计可以使产品在品牌标识、用户使用和开发效率等方面得到提升。交互设计对于产品有哪些价值呢?本质是站在多维角度挖掘,分析,梳理,提炼用户更深层的需求和痛点,利用交互理论方法,保证产品的设计完整性,产品用户体验的流畅性,产品商业价值的最大化。



What|什么是交互设计?

我们的日常生活中处处可见交互行为,从使用淘宝购物到扫场所码向防疫人员展示核酸信息,从登录控制台购买云主机,到在泛微提交一次申请流程,都包含了交互行为。


交互设计旨在完成用户与系统,与机器间“友好地沟通”,目的是为了打开用户与系统间的交互语言,设计规范化,流程化的交互模式。跟随着技术的不断前进,交互设计则需要不断解决技术与用户之间的新问题,并且这个过程将会是持续性的优化体验。



通过用户体验五要素,可以看出整个项目的设计产出是一个从抽象到具象的过程,不同的用户需求产生了不同的商机,战略层决定了产品的目标和发展方向,通过对产品功能的规划,确定功能的规格和内容需求,设计师对设计目标进行梳理,对信息框架和交互逻辑进行优化,使得产品界面有良好的使用体验,满足业务和用户需求,最后交由视觉设计师美化后,使产品具有品牌感和良好的视觉体验。



Why|项目中为什么需要交互设计?

B端产品具有专业性强、功能复杂度高和操作链路长的特点。在项目合作中,设计师在整个流程中扮演着向上承接业务目标与用户需求,向下与研发协作实现产品计划落地的角色。

某些情况下,产品经理更加注业务目标的达成,可能会忽略用户体验。交互设计具有一定的场景性,设计师的优势就是从用户和场景角度去寻找切入点,发现问题、解决问题。在业务基础上,结合用户场景反哺业务,促进产品优化,为业务赋能。从设计的角度,通过专业的交互知识、直观的交互文档,尽可能发挥最大价值。

在工作过程中,也可以收到不同角色的合作方对交互设计的正向反馈。



How|交互设计在项目中的价值如何体现?

公司产品线包含公有云、私有云、内部系统等众多产品,用户种类众多,业务场景相对复杂,设计不仅局限于单一维度的设计点,通过多维度视角找到设计定位,从而产出满足不同层次需求的设计方案。

将业务逻辑向功能逻辑转换

以控制台为例的B端产品,本质是帮助客户实现商业价值。将业务中复杂难理解的术语转化为可视化的界面语言,引导用户实现用户进行流畅的自助操作。      

将业务方视角向用户视角转换

平衡业务目标和用户目标,通过对用户需求场景的分析,利用同理心、用户调研等方式,帮助业务方与客户之间搭建桥梁。例如,在业务目标中,推荐用户购买A机型,如何将购买A转化为用户行为?可以将A包装后贴合目标用户使用场景,满足用户需求。      

背靠开发全流程,为方案高效落地提供保障

在开发、设计资源有限排期紧张时,对当前项目中的需求进行优先级的排列,并协助团队通过衡量开发周期、需求覆盖面、紧急程度、隶属项目的重要程度,判断需求优先级,利用有限资源最大限度满足需求,保证方案高效实施落地。      



案例实践

以云极高性能计算集群(EPC Cluster)的新增US3同步需求为例,分享日常工作中,交互设计如何通过多维度的视⻆找到设计切入点,从⽽做出能满⾜不同层次需求的设计⽅案。 

需求背景

EPC Cluster是一个为用户提供利用高性能计算集群上传任务进行运行实验的产品,由于filestash 目前不支持断点续传,在用户通过filestash进行大文件上传时,容易因为电脑休眠、连接断开等情况而导致失败。通过技术方案决定大文件推荐用户使用 US3 上传,再同步到 Filestash

首先要明确两个核心⽬标,即产品⽬标与客户⽬标。产品目标为:为用户提供通过US3同步的功能实现US3与Filestash间的文件同步的功能,并且数据文件进行共享存储;客户目标为当需要进行任务文件上传时,可以高效传输和管理文件。   


用户场景

了解用户痛点还是先要从用户的场景出发,我们把自己当成用户,通过真实场景的还原,寻找切入点。在这个案例中,我们把自己想象成用户,会出现例如下面的使用场景:


当需要进行大文件上传时,为保证传输效率,我先将文件上传至US3,然后通过US3同步功能将文件同步至Filestash,完成后,我可以去进行任务运行;若失败了,我可以通过同步报告查看同步情况及失败原因;

运行了一些试验任务后,有些数据文件暂时不需要了,但是很占存储空间,通过进行同步设置,配置同步方向,可以将暂时不需要的文件同步至US3中进行备份,优化存储空间;

需要同步传输的文件很多,在开始同步后,离开当前页面进行其他操作,再次进入页面时查看同步任务完成情况。


流程梳理

根据技术实现方案,结合业务场景梳理操作流程,更清晰地理解产品业务功能和用户使用方式,便于对流程做优化,确保方案的可落地性。



方案设计

1. 内容展示优先级分层

在用户的日常使用中,进行任务运行时使用的数据可能是重复的,相对于单个任务,数据内容是共有的,进行US3同步是将filestash网盘与US3内文件进行交互,而与US3同步相关的同步设置、同步历史等功能相对而言操作优先级更低。

 因此在设计策略上,将信息进行分层,界面布局进行了调整,降低界面中信息复杂度。



2. 简化业务流程,减少不必要步骤

从业务角度看,要达成从US3同步文件的目标,需要多个环节共同达成,业务流程复杂,操作步骤繁琐。通过对流程的优化,减少额外的步骤,优化业务路径,提高业务转化。

 简化授权流程,省去了用户在US3创建密钥,再代入开启功能时填写密钥进行校验的流程,用户只需要对授权内容进行同意的点击操作就可以完成授权流程;

 开启同步功能时,可对同步规则直接进行配置,提高了流程操作效率。



3. 善用操作引导和反馈

B端用户也并不都是专业的,在摸索新产品的过程中,自然会对一些概念、配置或流程有疑惑,用户进行一个功能操作后,状态的及时反馈可以让用户更清晰操作结果。通过适当的提示和引导、及时的反馈等帮助用户顺利完成流程。

 结合我们的案例,在开启功能时,通过提示将US3同步对用户进行说明,帮助理解;开始进行同步操作后,对同步的进程和结果进行有效反馈。



4. 组件规范化提升效率

通过打通前端-设计-产品,对基础组件、业务组件抽离并规范化,在进行交互设计时,很多通用的操作逻辑和展示,可以使用现有组件解决;通过这样的方式,提升了设计和开发效率,同时保证了用户对相同操作的体验一致性。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/126496.html

相关文章

  • 请不要怪罪流程

    摘要:但流程不是死的,尤其在互联网公司,只要有助于我们的目标达成,那么流程只是一阵东风。工作中并不是所有事情都可以依赖流程去保证万无一失。所以不要怪罪流程,这并不是流程的问题,而是人的问题。所以请不要再怪罪流程啦,以人为本,才是长久之计。 本文由作者周巧芬授权网易云社区发布。 笔者所在的团队这段时间正在两个版本的交接期,前一个版本马上要上线了,但后一个版本的需求早在三周前就已经启动,却迟迟没...

    MiracleWong 评论0 收藏0
  • IOT数字世界技术论(上)

    摘要:数字世界的演化需要万物有灵,万物有灵就需要有支配万物思想行为活动的大脑,这个是数字世界中万物之个体能够成长并形成独立物格的基础。         上帝说:要有光!于是,就有了光。在无限光芒的照耀下,我们物理世界开始进行演化,然后有了生物的产生和人类文明的诞生和发展。这西方圣经的创世篇,就如我...

    不知名网友 评论0 收藏0
  • 关于MVC/P 的简单介绍

    摘要:模式的核心是为了将模型从视图控制器中分离出来,从而使得模型独立于它们,因此模型不包含对视图和控制的引用。 写在最前面的那些话 相信对于大多数小白来说,关于MVP、MVC设计模式肯定是听过也看到过很多次了,也许也有过一些简单了解,但关于TA的具体概念,如何使用以及具体应用等都毫无所知,所以本着许多小伙伴一看到mvp、mvc就一脸懵逼的表情(当然也包括本人了⊙▽⊙)#),最近上手一个基于m...

    snowLu 评论0 收藏0
  • 零基础入门前端的修炼之道

    摘要:面对这些较高的要求,前端在开发环节中的作用也变得越来越重要因而近几年来前端工程师备受青睐一般水平的前端工程师平均年薪可达万元资深前端工程师年薪高达万元。这种用户体验的细节问题是否处理妥当是判断一名前端工程师是否优秀的因素。 本文是为了给那些想要了解前端开发是什么,或者刚刚打算开始学习前端的朋友们准备,希望可以帮助准备入行的你;showImg(https://segmentfault.c...

    JiaXinYi 评论0 收藏0
  • 图表设计-远不止“好看”这么简单

    摘要:作为一名交互设计师在进行图表设计时,就是要把这些宝贵的数据资产变得触手可及,从而充分发挥数据的力量。图当坐标轴标签为连续的年份时,不要墨守成规的写成,可以用简写的式,看起来会简单清晰很多。 此文已由作者王强授权网易云社区发布。 欢迎访问网易云社区,了解更多网易技术产品运营经验~ 图表设计的过程实则是将数据进行可视化表达的过程,其研究的对象源头是数据,然而,数据本身价值不大,所谓的数据往...

    CodeSheep 评论0 收藏0

发表评论

0条评论

ernest.wang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<