B端零代码画布|AI时代工具画布核心体验最实用要点总结
来源:互联网     时间:2023-06-06 07:49:57

随着人工智能技术的不断发展,设计师的工作面临着巨大的挑战。AI可以通过算法和数据分析来生成设计,这使得设计师需要更加努力地去创造出独特的设计,以体现其真正的价值。作为一个用户体验设计师,如何积极面对这个挑战呢?除了需要不断学习和掌握最新的设计技术和工具,以便更好地应对市场的需求。还需要我们更加专注用户体验,从用户的角度出发,设计出更加符合用户需求的产品。


(资料图片)

零代码平台是一种无需编写代码的开发平台,它可以通过可视化拖拽、配置等方式,快速构建出各种应用程序。在数字化转型的过程中,可以帮助企业快速构建出各种应用程序,提高企业的开发效率和灵活性。然而,零代码平台的用户体验一直是一个挑战。

零代码平台的画布体验是用户使用该平台的关键环节之一,它直接影响着用户的体验和使用效果。一个好的画布体验可以让用户更加轻松地完成任务,提高工作效率,从而增强用户的满意度和忠诚度。相反,一个糟糕的画布体验则会让用户感到沮丧和失望,甚至可能导致用户流失。以58APAAS零代码平台的画布升级为例进行详细说明,如何做好画布体验。

B端工具设计中,深度体验是非常重要的一环。由于不同业务的差异,使用场景也会有所不同,因此只有深入体验,还原真实场景,才能做出更好的设计。竞品分析是一个很好的入手点。通过对竞品的使用场景、功能、交互等方面进行分析,可以更好地了解用户的需求和痛点,从而为自己的设计提供参考和借鉴。

去成为真实用户,去搭建一个真实的需求

虚拟使用体验和真实需求使用体验还是有很大区别的,在实际搭建的过程中,才能真正感受到用户的使用体验,发现并解决潜在的问题。结合业务实际需求,在视觉走查中,不仅要关注设计的美观程度,更要关注用户的使用感受,包括交互流程、操作便捷性、信息呈现等方面。不去实际搭建是无法体会真实场景的,因为实际场景远比我们想象的复杂的多。越是让用户感觉简单的界面,越需要平台的创建人员花更多的时间和精力。

经过竞品分析&实景体验,目前58APAAS零代码画布存在的主要问题有:

1、功能缺失 2、交互反馈不流畅 3、视觉冗余 4、框架逻辑不清晰 5、文案不易理解(容易产生歧义)

为解决我们发现的诸多问题,我们对APAAS画布进行了如下改造:

框架

画布框架的合理性对于B端产品的使用至关重要。一个合理的布局规划可以帮助用户更加方便地进行操作,提高屏效。但是,信息密度过高也会增加用户的认知负荷,因此我们需要为用户认知减负。在设计画布框架时,需要考虑用户的使用习惯和需求,将重要的信息放在显眼的位置,避免用户在寻找信息时浪费时间和精力。同时,也需要注意布局的美观性,让用户在使用产品时感受到舒适和愉悦。

1)适配优化:双端一屏展示,所见即所得。

通过优化组件尺寸的展示规则,由原来的固定尺寸改为百分比展示,解决PC端左右出滚动条的问题,达到双端都可一屏展示,提升用户的操作、预览效率,以及及时回馈体验的提升。

2)视觉优化:强化预览区对比、增加屏效/减少左右展示区宽度,左右功能区展示更加明确

3)交互优化:预览组件功能展示形式优化、组件展示区交互逻辑优化

左侧组件预览区,由默认不展示及操作后自动收起,优化为默认展示,仅在用户主动操作时进行收起,缩短用户操作路径,提升用户操作效率。

组件预览形式:操作区展示形式由纵向变为横向,更好满足多端多场景适配。

反馈

设计界面时,我们需要考虑用户的需求和行为习惯,以及他们在使用产品时的心理状态。因此,我们需要将用户的需求和心理状态作为主题,将界面中的信息按照重要性和优先级进行排布,以便用户能够快速地获取所需信息。

1)新建组件:增加点选入画布功能,提升新建页面的操作效率,提升平台容错性

2)移动组件:选中后可移动变为hover点击即可移动,操作更加顺畅

3)组件增加位置:由默认横向增加变为默认纵向向下添加引导用户使用布局组件

4)删除组件:可根据组件场景重要性进行区分提示,支持快捷键删除,如局部浮层轻量确认即可,无需弹窗强提示

5)组件尺寸调整:区分组件及场景灵活度适度即可,百分比展示如1/2 1/3 1/4 1/5灵活可控,无需所有组件完全自由拖拽,容易失控

6)组件选中工具条:增加快捷键,简化功能按钮的展示,增加hover功能图标文字说明,让功能清晰易读易操作

7)键盘快捷键功能补齐如:剪切复制粘贴(X C V)/删除(del)/确定(回车)/保存(s)撤销(z)

语义

好的文案设计需要考虑用户的语言习惯和心理需求,以及系统的功能和目的。在对话中,应该避免使用过于复杂或专业化的术语,而是采用通俗易懂的语言,让用户能够轻松理解对话的内容和目的。在界面的信息展示方面,清晰的语义和易于理解的文案也是至关重要的。系统应该避免使用模糊或歧义的词语,而是采用准确、简洁、明了的语言,让用户能够快速理解界面的功能和操作。

1)组件默认文案提示:把组件默认文案由通用文字描述,优化成带有明显引导作用的文案,降低用户辨识和理解成本。

2)名词去专业化易理解如:如盒模型、lable、层级、大纲树、连机器等我们都优化成了比较通俗的易懂的文案,“大纲树”更名为“组件管理”;“连接器管理”更名为“事件管理”;“lable”组件名称变更为组件对应名称“标题、按钮名称”。依据具体场景搭配合适的文案。

UI规范

B端设计中,界面设计视觉规范的统一非常重要。由于B端的内容逻辑复杂,好的UI界面可以减少界面的视觉干扰,提升用户对界面的理解效率。因此,设计师需要遵循一定的视觉规范,确保设计的界面风格一致,让用户在使用过程中感受到统一的品牌形象

1)分类规则统一,如基础信息分类规则由分情况变为统一规则,提升开发效率且利于用户的统一认知。

2)视觉层级一致:一级标题加粗,次级标题不加粗,次次级文字颜色减弱,字号变小

3)上下间距规则一致

4)交互逻辑统一

虽然我们在项目中已经付出了大量的时间和精力,但是我们深知单次的优化迭代远远不足以满足用户的需求。因此,我们需要不断地接入更多的业务、场景,去尝试不同的实际环境,不停地打磨,才能得到一个相对满意的体验。整个流程我们需要不停的循环,持续迭代优化,建立有效可持续的优化制度,形成良性闭环,才能更好的解决产品的实际问题。

现如今人工智能大行其道,零代码平台如何利用AI提升用户体验也将是一个不错的探索方向。如:

1)自动化配置和调整,零代码平台通常需要用户进行大量的手动配置和调整,这会降低用户体验。AI技术可以帮助低代码平台自动化配置和调整,从而减少用户的工作量。

2)智能建议和反馈,AI技术可以帮助零代码平台提供智能建议和反馈,以帮助用户更好地理解和使用平台

3)自动化测试和优化,AI技术可以参与到零代码平台自动化测试和优化,从而减少用户的工作量等。

作为体验设计师需要我们以更开放的心态迎接AI带来的新挑战的同时,也需要持续挖掘体验设计的本质~

扫码进群

转载时请连同下方内容一起转发

请与该公众号联系获取内容授权

长按二维码 轻松关注

微信公众号:i58UXD

58同城用户体验设计中心

标签:

广告

X 关闭

广告

X 关闭