赞助商
立即赞助

阿里巴巴设计师:如何给后台产品做设计?

产品经验3年前 (2021)发布 流光
2.5K 0 0

首先解释一后台,它是指务的管操作分,要是对容、数据的增删改查。后台产要是 To B 的平台产,例如企的管、维产。本就自己一年多在后台维产设计中遇到的挑战和思考进行整,一方面可和大分享经验,一方面可好好的总结自己。

在台产品的设计中,设计师充当业务转化为界面的「翻译」,尤其是在团中没有产品经理时,设计师则需要对业务有更深的理且具备更的业能力,协需求方与开,进行设计赋能。文章通以下两部分进行介绍。

一、后台产品特征分析与设计挑战

在工中做台产品和做 C 端产品还是有不小差别,以下仅以人在设计工中遇到的挑战进行举例,对比分析。

1. 业务理难度大,业词汇

接触台产品的首要任务是对业务的理,点对产品尤为重要,且对设计师来说有难度。比企业提供的云平台台运系统,图1,它涉及到云计种服务类型、数据结构、业务逻辑及权把控等,覆盖领域非常泛,业识要求强。样一个庞大的台、业务理量对一个新手(未接触台产品设计)来说,上手难度大,并且类台运产品,是司内部使用,很难找到借鉴参考的案例,以往的经验也无法直接复用。者,台产品中经常使用各种技术业词汇,需要我们通学习流,其含义以及所在业务中的用。

阿里巴巴设计师:如何给后台产品做设计?

△ 图1 云计 IAAS 基础设施服务的业务组成

2. 用户群业强

我们面对一批具有业的高级用户,此时设计师果以「同理心」或「假装用户」的方法去推导略显苍白。通下图,对两类产品的用户特征进行对比分析。C 端产品,用户量,至少是几万用户,用户分比,文化水平和电脑操水平各异,他们习惯带有引导的单程操,尽量简化页面信息。而对台产品,用户基数少,以司内部的运人为主,人特征相对集中,具备很的电脑操水平,用户特征也明显,他们注重高效率操,编辑时经常采用输搜索、编辑代码的互方式,目标明确,快速精准直达;排查问题时需要视角,度判断问题。

阿里巴巴设计师:如何给后台产品做设计?

△ 图2 C 端与台产品用户分析

针对不同的用户征,在计界面也有所侧重。对 C 端产品,用户水差异较大,计界面应尽量兼顾中间层用户的理解度,使操作符其认知,但对于后运维人员,过多的封装可能会响操作效率,哪怕鼠标悬停显示、点击查详情等。当然,过度封装界面也可能会增加用户理解的成本。

阿里巴巴设计师:如何给后台产品做设计?

△ 图3 用户理解度界面封装的关系

举两个界设计例子,以更观视了解用户特征界设计影响。C端品,如图4,设计师在设计界时会考虑适量交互动效,吸引用户;简单观导航和架构,引导用户;图文结合信息布局,注意信息疏密、留白,利于用户阅读效率和浏览心情;文案用语俗易懂注情感化。

阿里巴巴设计师:如何给后台产品做设计?

△ 图4 C端品界  图片来:https://www.templatemonster.com/cn/demo/63945.html

后台产品,如图5所示,设时会以下侧重:

阿里巴巴设计师:如何给后台产品做设计?

△  图5  后台产品界面   图片源:https://dribbble.com/JanLosert

  • 大多是满屏信息,充分利用页空。
  • 页面信息会包含技人员习惯的英文专业语,用图标或中文很难清晰表达语义,识别率较低。
  • 图表、列表、表单等形式进行数据展示,有交互效。
  • 必要详情信息外露,展示度的局信息,便用户判断异常的优先级。
  • 为常用操作留有入且加大反馈热,便于用户操作。
  • 在组件选择上要考虑可扩展性、信息连贯性,避免浪费空,分散用户注意力。

3. 产品设计思路存在差异

首先从需求来说,台产品,一般需求是技术或业务直接推进到需求。少像 C 端样通用户画像、同理心等方法分析用户的行为,掘用户需求。相比之下台产品的需求是明确的,但是,需求的明确并不代表需求的简单。因为台产品的业务逻辑的复,同时流程更强。大量的字段堆积及繁琐的操需要设计师去思考,将整个流程梳理清楚。在当前操下哪个字段需要留或者去除;业务流程何跳转才能清晰引导用户;各种阈值何有效显示;一个页面中操不有关联或冲突,需要建立在对业务的够之上。

其次是计产出,后产品有出于术角度,会先搭起主体架构提供页面,展现业,之后可通过术改进用户反馈进行迭代。 C 端产品计一都会由产品经理计一起讨论好较全面、较完善的操作流程;相关功能和操作都配备齐全;注重用户使用体验界面美观。

阿里巴巴设计师:如何给后台产品做设计?

△ 图6 C 端产品后产品计对比

此,在品设计时会有不思路侧。后台品「效率压倒切」,注界实用性和操作效率,交互细节要求不会很高,提供必备功能即可,用户稳定。C 端品则是「体验为王」,关注是流量 PV、UV 等数据,换句话说也是品更关注用户粘度,需要以美观视觉感受和流畅交互体验来满足用户。

4. 技术迭代快

物联网、云计算等领域快速发展,会催促技术更新与迭代,后台运维品作为个由技术团队主导品类,自然会受到影响,尤其是开拓新品,会在技术发展不断迭代,利用新技术提升运维效率。

5. 需求层存在异

这里异主要是由于用户管理目标数量级、权限、习惯不所导致。举个例子,用户管理50多个群,个个进多服务升级会很麻烦,这类用户更习惯于过代码接批量改,而于运维数量级较少用户,则可以过选择服务及要升级版本完成操作。

后台产品的设需兼顾高级与初级用户的使用习惯,既满足操作高效,也确保新用户知道如何操作。既提供必的页面流程引导,也满足相关操作的速跳转切换。这点会与 C 端产品所不同,C 端产品多由设师确认好一条清晰的线性操作流程,用户根据引导逐找到对应目标。

二、后台产品设计思考

作后台交互设师,时不仅充当 PD,与业务方对接,负责需求的分析与功能结构梳理,也配合发,行测试验收并收集线反馈,甚至负责相关视觉设、使用推广作。具体的作中,需我们具备加全面的视角,以下几点思考与家共勉。

1. 转变自身态度

  • 队共建、协作,为产品负责。当队中职能界定模糊,作为产品的用户代表,需要为最终的体验负责,协调上下游工作,确保产品为用户提供所需的服。
  • 为用户而设计,尊用户使用习惯。不品所应目标用户也不相,这需要我们立足于本品,了解用户使用习惯、发掘痛、洞见。
  • 尊重平台特性,了解技限制。
  • 设计赋。向前分析需求,向后配合开发。

2. 深入了解自己业务

这在后台品尤为突出,了解才有发言权,才能提出合理议,并正确动前后端协调,否则脱离了业务,设计工作将实质意义,即法解决用户需求,也法带来优质体验。

阿里巴巴设计师:如何给后台产品做设计?

△ 图7 后台品用户体验业的关系

3. 计方法

  • 协助梳务。把务转为容易解的容,整产同的角色、任务及可的页面,炼功与容。
  • 敢尝试。提供备选 A\B 方案,让用户基一个供讨论和对比的界面进行反复修正,在此基础上进行细节补充,提高产品设计效率。
  • 而快。把需求细,快速进行产品开发后续迭代。

4. 产体验标准侧重

  • 操作效率。后台管理运维数量级较大,会涉及到多目标复性操作,如何简化操作流程,合并复模块,减少选项,有效设计信息是较为要。
  • 准确性。面对信息多维度的判断,提供准确的信息展示与反馈同样可以提高操作效率。例如精准文案,减少界面视觉元素的扰,增加预防出错的机制,提高准确性,让用户聚焦于当任务。
  • 降低习成本。后台产本身就具有一定的习成本,这与它的专性可分割,那么在设计时,减信息层级,利维用户习惯的、纯粹的元素与操作方式,能够降低额外的学习本。

三、总结

以上是在工作中一些的总结,经验有限,免不了还有些肤浅。总之,作为后产品的交互计,需要加身学习,进行产品知识和业补充,在这引用一句话「使用方法解决需求方的问题是计最本真的用」。无论面对多底层,复杂的业,多各异的用户诉求,都要紧贴业、服用户,为产品体验负责。

 

关注阿里巴巴体验技团队公众,第一时间了解多精彩内,还设职待的加入!

阿里巴巴设计师:如何给后台产品做设计?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

越来越多的设计团队开始从 Sketch 迁移到 Figma 这是大势所趋。但是这两个工具之间有差异,这篇文章我会为你分享一些无缝切换...
Figma
现如今,在互联网领域,用户体验逐渐成为一个炙手可热的关键词,用户体验设计师也逐渐成为产品开发设计团队重要的成员。可以...
人工智能
每个人都在关注趋势。Dribbble 是设计师的集散地,也是设计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些设计作品...
2018设计趋势
本文作者通过对产品开发三原则模型:商业可行性、技术可能性、用户期望值的分析,来说明其对于产品设计产生的价值。 一. 什么...
产品开发三原则
在项目设计中,交互设计师与上游的产品经理,下游的视觉设计师,开发工程师和测试等岗位的工作密不可分。不论是承上启下的工...
交互文档
@苏大牙牙牙 :日常工作中你有没有遇到,自己做的设计很难跟竞品产生差异?只能盲目追逐趋势缺少自己的独立思考?做不出符合...
品牌
Elaine Zhu :最近已经是个抖友了!每天抖音中毒停不下来。 因为微视是腾讯力推的产品,出于好奇也下载了。作为交互设计师,...
App分析
对于富有进取心的设计师和创意人而言,将对设计和创造的激情转化为职业生涯,是一件无比美好的事情。对于独立设计师,或者经...
客户