[發明專利]一種與開發者協作的模塊化和敏捷式界面設計方法

在審

• 申請號: 201810331546.3
• 申請日: 2018-04-13
• 公開（公告）號: CN108563424A
• 公開（公告）日: 2018-09-21
• 發明（設計）人: 吳曄
• 申請（專利權）人: 上海寶尊電子商務有限公司
• 主分類號: G06F8/10
• 分類號: G06F8/10;G06F8/36;G06F8/38
• 代理公司: 上海卓陽知識產權代理事務所(普通合伙) 31262
• 代理人: 金重慶

1.一種與開發者協作的模塊化和敏捷式界面設計方法，其特征在于，所述方法如下：

用戶體驗設計師產出用研報告：使用各種用研方法，針對網站的目標產出可用的用研報告，提供給交互設計師、界面設計師、開發工程師、產品經理以及客戶作為參考；

界面設計師設計組件模板：包括各種組件、按鈕、下拉常用元素；

交互設計師設計網站原型：根據功能需求和交互效果、用戶體驗完成網站原型的設計；

界面設計師構建網站頁面：結合網站模型，用研報告，使用預先設計好的模塊組件構建網站所有頁面的界面，如有未預設計的組件則予以補充；

前端工程師構建靜態頁面：利用SPICE框架組件，將界面設計師完成的網站頁面構建HTML靜態頁面；

開發工程師搭建網站：根據靜態頁面和網站原型，進行數據構建，完成網站搭建。

2.根據權利要求1所述的與開發者協作的模塊化和敏捷式界面設計方法，其特征在于，界面設計師根據以往網站的實踐操作經驗，對重要的關鍵頁面進行分解，以組件模塊為單位進行設計，每個功能模塊設計1至3種不同設計風格，以供組合選擇。

3.根據權利要求1所述的與開發者協作的模塊化和敏捷式界面設計方法，其特征在于，用戶體驗設計師通過各種途徑進行前期的用戶研究和競品分析調查，結合過往的網站設計實踐經驗，產出設計網站前的用戶體驗方案。

4.根據權利要求1所述的與開發者協作的模塊化和敏捷式界面設計方法，其特征在于，交互設計師根據網站所屬方的實際需求、愿景，結合用戶體驗方案，設計制作網站的交互原型。

5.根據權利要求1所述的與開發者協作的模塊化和敏捷式界面設計方法，其特征在于，搭建網站時，首先需要根據網站架構的常用功能需求，參考過往的用戶體驗實踐方案，由界面設計師使用sketch軟件制作網站常用模塊的組件，每個組件本身具備三至五種不同的設計風格，常用組件模塊通過簡單的拼接組合成完整的單個頁面，并進行細節的少量調試；多個單頁面根據網站架構進行組合，從而構建成最終的網站界面，并由前端工程師構建全網站靜態頁面；之后交付給開發工程師進行數據配置開發，并配合前端工程師組的效果調整，快速生成實際可使用的網站。