最专业的八方代购网站源码!

资讯热点
如何创建自动化平台设计规范?

发布时间:2023-1-2 分类: 行业资讯

本文内容主要来自上个月参加uxpa会议的腾讯高级设计师谢伟的研讨会。主要内容是创建自动化平台设计规范。

在我的日常工作中,作者联系了许多企业的后端设计,在设计规范的制定和实施中遇到了很多问题。主要问题是没有平台级设计规范,因此我设计的子应用程序和其他设计人员的后端背景中存在许多不一致之处。这次我能够仔细研究从0到60到80的过程,以及如何考虑如何创建设计规范。

研讨会结束后,我发现我现在遇到的问题不再是他们的问题,我深深感受到了危机感。

规范类型

打开平原。所谓的规范,“不是规则,不是广场”。各行各业都有自己的规范。互联网行业的不同领域有不同的规范,如角色设计规范,品牌规范,图表可视化规范,系统规范,平台规范等。其中,系统规格是最普遍的,如谷歌和苹果的系统规格;品牌规格的适用性最低,仅适用于自己的品牌应用。本文重点介绍平台级规范的开发。

如何创建平台设计规范

在设计规格时,很容易陷入误解,也就是说,根据猫画老虎的说法,制定规格只是根据实际需要开发出适合自己团队的设计规范。由于每个平台的特性不同,因此在实际应用场景中出现的规范通常具有许多适用性问题。

谢老师提出了一个想法:将设计规范设计为产品。根据用户体验元素分析和生成规范,以确保规范的质量。

战略层:确定用户需求和产品目标

这是第一步也是最重要的一步。这也是许多设计师制定设计规范的最简单步骤:要解决的设计规范是什么?谁需要这个设计规范,他们有什么需求?/P>

设计规范的用户主要有三种:设计人员,产品经理和前端工程师。

设计人员需要可以快速重复使用的设计规范,同时标准化设计团队的设计,统一整个平台的设计风格和操作体验。提高工作效率,让自己有更多时间考虑用户需求和业务目标,而不是死接口;

产品经理需要的设计规范是快速构建生动的需求原型,而不是每次都使用竞争产品的屏幕截图。当然,这个页面最好是交互式的,最好直接生成前端界面;

前端工程师要求的设计规范是详细的样式注释。最好直接重用代码,最好在不键入代码的情况下生成代码。

结合上述用户需求,“设计规范”的产品目标是提高生产效率,免费设计师和前端工程师重复工作,最终取代设计师和前端工程师(事实上,我认为更多最终可能会被替换。它是一个产品经理,因为设计师和前端将有更多的时间来考虑用户和业务方面。)

应当注意,上面指出的三种类型的用户仅是一般的,并且还有其他产品可能具有使用设计规范的更多角色。例如,在电子商务产品的产品团队中,除了需要使用设计规范的上述三类用户外,还会有摄影师,操作员等。

范围层:确定用户的主要需求,进入核心功能点

对于以上三种类型的用户需求,设计规范需要提供满足其需求的功能。

结构层:产品需要呈现给用户的功能点按照特定的模式和顺序进行组织

这种设计水平将与设计规范最终呈现的界面布局和导航系统密切相关。因此,分类和组织的形式将影响用户在使用设计规范时是否易于使用,用户是否可以在页面中快速找到他或她的目标,以及它是否会在页面中丢失。

有几种分类方法:您可以根据用户的角色对它们进行分类。每个用户都可以在自己的标签下选择他们想要的内容。缺点是页面必须多次跳转,否则很容易导致结构膨胀,因为有些元素很常见;一般方法是按内容进行分类,内容通常分为设计原则,组件,场景案例和资源下载。

这里要注意的问题是结构层的设计需要根据具体的产品特性来进行。我们以电子商务产品为例。设计师,摄影师,操作员和其他角色将使用“图片”。因此,“图片”相关法规针对的是许多用户,更多规则和更多要求。

如果您遵循一般惯例并对内容进行分类,则很容易导致组件中的“图片”相关类别过于膨胀,整个设计系统不平衡,并且每个用户角色很难找到相关内容。对于这种情况,您可以将图片视为单个类别,并将与图片相关的规范内容放在此类别下以便于搜索。

框架层:产品界面,导航,内容

界面设计:确定框架,“ldquo;按钮,输入框,界面控制”场;

导航设计:现在的信息;

信息设计:提供有效的信息交流。

在信息设计中,最重要的是让用户一目了然地找到他们想要的目标,并且可以快速使用它。在设计中,您可以参考简单到顶部的四种交互设计策略:删除,隐藏,组织,转移。简单,内敛,突出页面的焦点。 (详情请参阅ant deaign。可以说非常好)

表示层:专注于索引,简洁的焦点和多样性。

注意索引:注意用户使用规范的主要路径,并快速定位;

简洁明了:视觉设计简单明了,确保关键信息的表达;

多样化和统一:包括简单和复杂的统一,多样化的平台,以寻求文案的统一性和一致性。

智能设计规范

此时,设计规范从0开始得到60分,这被视为基本设计规范,但“解放生产力”的产品目标远远不够。

平庸在这里停留,最好的一直在探索。谢先生的设计团队对智能平台进行了大量探索,包括图标智能,智能控制,图标智能,主题智能等。他们所做的是不断探索设计规则以量化并最终编写要自动化的代码。由此,我不禁感叹“可以量化的一切都可以被取代。”

最后的决赛

虽然参加这个研讨会让我的思绪震惊,但在实际工作中,我们仍然很难像大工厂那样做出如此高水平的设计规范。但我们仍然可以通过其他一些工具来弥补这些缺点。下面我将简要介绍我们的通用设计团队如何协同工作。

使用草图库构建控件库并将其与团队中的每个设计器同步

使用Blue Lake进行设计归档,实时同步最新设计草稿,并邀请产品经理和前端

使用iconfont管理图标库并与前端协作

虽然根本不智能,但它也满足最低级别的协作需求。设计工具日新月异,未来将出现越来越多的工具来解决我们日常项目中遇到的问题,并取代工作中的一些琐碎和重复的工作。拥抱探索,学习和接受新工具的态度。

无法学习。

本文最初由@janedaring发布。未经许可,禁止复制。

该地图来自unsplash,基于CC0协议

« MetInfo Enterprise代购源码网站系统V6.1.1在线发布 | 产品设计过程缺乏创造力?可能希望参考ISIIVE方法 »