[发明专利]一种与开发者协作的模块化和敏捷式界面设计方法

说明书

本发明涉及一种与开发者协作的模块化和敏捷式界面设计方法，所述方法如下：用户体验设计师产出用研报告：界面设计师设计组件模板：交互设计师设计网站原型：界面设计师构建网站页面：前端工程师构建静态页面：开发工程师搭建网站。其优点表现在：能最大程度地利用过往的用户体验最佳实践方案，减少大量的重复界面设计工作，用最少的人力资源完整多个页面的界面设计组合，迅速地产出网站页面交付到下一阶段进行开发集成。同时还能有效减少测试相关工作人员检测前端静态页面及设计稿图样之间不一致的时间。模块化的组件使用方便，风格可通过多种模板定制，具有定制化的自由度。可为网站搭建和开发减少人力资源成本、提高人效、缩短网站搭建周期。

技术领域

本发明涉及界面设计技术领域，具体地说，是一种与开发者协作的模块化和敏捷式界面设计方法。

背景技术

基于在构建电子商务网站时，相同的业务逻辑会产生相对较为相似的功能模块，具备类似的功能。过往的方法是macOS系统下使用矢量图形设计软件sketch，以及SPICE前端组件框架，这需要界面计师重复设计大量网站的界面，然后通过前端技术构建页面，并交付至开发进行网站的构建。例，在网站的商品详情页面不同的商品具备数量选择的功能，在不同的网站上需要重复设计并制作数量选择插件，不利于快速构建页面，容易产生大量的重复设计、前端构建工作。另一个问题在于类似功能模块在大量实践中获得的良好用户体验流程，难以在其他网站内被复用。

中国专利文献CN201410046760.6，专利名称为：图控界面设计系统及其图控界面设计操作方法，揭露一种图控界面设计系统及其图控界面设计操作方法，其为具可跨系统移植特性，可用来设计图形化即时监控系统的系统及方法。本发明的命令转译模块，其负责转译图控界面设计方法与整合的异质系统间命令内容，以符合本发明定义的命令交换传递规范，达到可跨系统移植整合的特性。

上述专利文献的编辑器，以自行开发的元件进行监控系统画面编辑设计，提供系统管理者可即时修改系统画面与元件参数界面，与可快速建立元件与受控单元的对应关系的机制，达到提升监控系统开发效率。该发明的检视器，向受控单元取得即时监测数据，并更新元件状态后呈现整体的运转画面，再由自行开发的控制界面，对受控单元进行控制命令执行。但是，关于一种解决项目开发过程中，界面设计环节与实施易脱节的问题。使界面设计能更加快速有效地为开发实施提供稳定的支持的技术方案则无相应的公开。

综上所述，需要一种解决项目开发过程中，界面设计环节与实施易脱节的问题。使界面设计能更加快速有效地为开发实施提供稳定的支持的与开发者协作的模块化和敏捷式界面设计方法。而关于这种界面设计方法目前还未见报道。

发明内容

本发明的目的是针对现有技术中的不足，提供一种解决项目开发过程中，界面设计环节与实施易脱节的问题。使界面设计能更加快速有效地为开发实施提供稳定的支持的与开发者协作的模块化和敏捷式界面设计方法。

为实现上述目的，本发明采取的技术方案是：

一种与开发者协作的模块化和敏捷式界面设计方法，所述方法如下：

用户体验设计师产出用研报告：使用各种用研方法，针对网站的目标产出可用的用研报告，提供给交互设计师、界面设计师、开发工程师、产品经理以及客户作为参考；

界面设计师设计组件模板：包括各种组件、按钮、下拉常用元素；

交互设计师设计网站原型：根据功能需求和交互效果、用户体验完成网站原型的设计；

界面设计师构建网站页面：结合网站模型，用研报告，使用预先设计好的模块组件构建网站所有页面的界面，如有未预设计的组件则予以补充；

前端工程师构建静态页面：利用SPICE框架组件，将界面设计师完成的网站页面构建HTML静态页面；

开发工程师搭建网站：根据静态页面和网站原型，进行数据构建，完成网站搭建。