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

在審

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

本發明涉及一種與開發者協作的模塊化和敏捷式界面設計方法，所述方法如下：用戶體驗設計師產出用研報告：界面設計師設計組件模板：交互設計師設計網站原型：界面設計師構建網站頁面：前端工程師構建靜態頁面：開發工程師搭建網站。其優點表現在：能最大程度地利用過往的用戶體驗最佳實踐方案，減少大量的重復界面設計工作，用最少的人力資源完整多個頁面的界面設計組合，迅速地產出網站頁面交付到下一階段進行開發集成。同時還能有效減少測試相關工作人員檢測前端靜態頁面及設計稿圖樣之間不一致的時間。模塊化的組件使用方便，風格可通過多種模板定制，具有定制化的自由度。可為網站搭建和開發減少人力資源成本、提高人效、縮短網站搭建周期。

技術領域

本發明涉及界面設計技術領域，具體地說，是一種與開發者協作的模塊化和敏捷式界面設計方法。

背景技術

基于在構建電子商務網站時，相同的業務邏輯會產生相對較為相似的功能模塊，具備類似的功能。過往的方法是macOS系統下使用矢量圖形設計軟件sketch，以及SPICE前端組件框架，這需要界面計師重復設計大量網站的界面，然后通過前端技術構建頁面，并交付至開發進行網站的構建。例，在網站的商品詳情頁面不同的商品具備數量選擇的功能，在不同的網站上需要重復設計并制作數量選擇插件，不利于快速構建頁面，容易產生大量的重復設計、前端構建工作。另一個問題在于類似功能模塊在大量實踐中獲得的良好用戶體驗流程，難以在其他網站內被復用。

中國專利文獻CN201410046760.6，專利名稱為：圖控界面設計系統及其圖控界面設計操作方法，揭露一種圖控界面設計系統及其圖控界面設計操作方法，其為具可跨系統移植特性，可用來設計圖形化即時監控系統的系統及方法。本發明的命令轉譯模塊，其負責轉譯圖控界面設計方法與整合的異質系統間命令內容，以符合本發明定義的命令交換傳遞規范，達到可跨系統移植整合的特性。

上述專利文獻的編輯器，以自行開發的元件進行監控系統畫面編輯設計，提供系統管理者可即時修改系統畫面與元件參數界面，與可快速建立元件與受控單元的對應關系的機制，達到提升監控系統開發效率。該發明的檢視器，向受控單元取得即時監測數據，并更新元件狀態后呈現整體的運轉畫面，再由自行開發的控制界面，對受控單元進行控制命令執行。但是，關于一種解決項目開發過程中，界面設計環節與實施易脫節的問題。使界面設計能更加快速有效地為開發實施提供穩定的支持的技術方案則無相應的公開。

綜上所述，需要一種解決項目開發過程中，界面設計環節與實施易脫節的問題。使界面設計能更加快速有效地為開發實施提供穩定的支持的與開發者協作的模塊化和敏捷式界面設計方法。而關于這種界面設計方法目前還未見報道。

發明內容

本發明的目的是針對現有技術中的不足，提供一種解決項目開發過程中，界面設計環節與實施易脫節的問題。使界面設計能更加快速有效地為開發實施提供穩定的支持的與開發者協作的模塊化和敏捷式界面設計方法。

為實現上述目的，本發明采取的技術方案是：

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

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

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

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

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

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

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