回覆列表
  • 1 # 設計師毛毛0v3o

    首先非常感謝在這裡能為你解答這個問題,讓我帶領你們一起走進這個問題,現在讓我們一起探討一下。

    隨著網際網路行業的聚變式發展,在電商業務從“資訊透出” 到 “線上交易” 的過程中,網站 UI 構建也經歷了“體驗一致性”、“設計效率”、“UI系統構建/應用效率”、“多端適配” 等諸多問題。

    許多人認為構建一套設計系統(Design System) 是解決企業級使用者體驗規模化問題的關鍵。

    但實際上,就算團隊中有了一套統一的標準工具和設計指南,部分設計師依然會有新的不一致的“創意”,而前端對應的元件程式碼也需要在不同業務中根據設計“創意”而人肉修改;可見讓設計師單獨解決問題而不是系統地解決問題,必然導致設計與工程內部的不一致,也將導致產品本身的體驗不一致;並且設計與工程內部的工作本身也將是低效的,如何渴求業務的高速迭代?

    我們需要從體驗工程視角將設計與前端看成一個整體系統化的制定設計系統。

    而當業務演進到 “平臺化、垂直市場、採購市場” 階段時,UI 也面對了更多的問題和挑戰:“週期性業務的品牌更新”,“不同品牌的多種垂直業務同期構建”,“眾多相似的後臺系統構建”,“跨業務/部門的設計、前端協作問題”。

    面對這些問題,體驗工程的建設已經遠遠不止於一套設計規範或一套元件庫,他需要一套完整的系統來支撐,解決內部協作的一致性問題,解決設計系統更新的週期性問題,解決一群設計師與工程師如何規模化的生產各種業務 UI 的問題,從而最終解決使用者體驗一致性的問題。

    構建一套產品化設計系統

    一套體驗工程化的設計系統具備穩定的使用者,會隨著業務的生長而生長的,用產品化的視角對待它,才能走的更遠;且需要將設計師和工程師的工作流透過平臺、工具的方式沉澱、保障,規避掉協作過程中不必要的低效勞動。一套產品化的設計系統具備:

    【閱讀/沉澱】 可訪問的設計系統站點;提供設計師設計規範與物料的閱讀,提供前端開發指南與元件API程式碼

    【運用】 提供設計師物料分發工具;基於Sketch,PS等設計軟體進行設計物料分發與同步的外掛

    【協作】 設計專案協作分享平臺;提供設計作品的上傳,自動標註或簡單的樣式程式碼轉化並分享給開發,線上評審與協同工作

    一系列開發者工具

    企業想要構建一套設計系統將面臨高昂的建設和維護成本,比如需要自建網站,sketch元件分發外掛,開發一個設計作品分享平臺,繪製稿件並編寫元件程式碼,這還不包括任何一項設計系統物料的變更帶來的多角色協作成本。而Alibaba Fusion平臺則一直致力賦能企業去構建一套具備以上產品化配套件的設計系統。

    使用Alibaba Fusion為企業構建設計系統

    在中後臺成百上千個業務形態中,Alibaba Fusion抽取其互動模式,抽象一套視覺標準化Design Token;一方面提供可配置的多終端基礎元件物料,另一方面提供標準的 UX 協作工作流,並幫助實現更多 UX 物料的生產、應用與管理;目前Fusion透過以下能力賦能企業快速構建設計系統:

    【設計原則與模式】提供給企業一套標準化中後臺體驗設計原則與模式,提升中後臺產品體驗一致性問題;

    【品牌樣式配置】(敬請期待)透過Fusion平臺的主題配置能力,線上定製品牌樣式後自動生成設計物料和樣式程式碼,提供給設計師Sketch物料稿件快捷搭建頁面,提供前端元件API快捷開發;

    【平臺產品化定製】(敬請期待)提供企業編寫文件,接入業務Icon、業務元件、模板等物料並統籌管理的能力;賦能企業定製一套設計系統的標準化站點;

    【Alibaba FusionCool設計分發工具】去試用為設計系統物料提供分發及管理的一站式服務。提供標準化設計物料的輸入、輸出能力,保證設計產出物的標準化,打通設計師工作流的上下游鏈路;

    【Alibaba FusionDemo+協作平臺】(敬請期待)是一個一站式設計專案協作平臺,打通設計師使用設計系統生產設計稿件並輸出的下游協作流。提供稿件標註、投頻、協同評審、跨裝置預覽、稿件分享等能力。

    目前該系統已在Alibaba內部覆蓋24個BU的中後臺業務場景,業務包括阿里雲、天貓、淘寶、http://alibaba.com、1688、盒馬、Lazada、菜鳥等業務。

    在以上的分享關於這個問題的解答都是個人的意見與建議,我希望我分享的這個問題的解答能夠幫助到大家。

  • 2 # 設計師毛毛0v3o

    首先非常感謝在這裡能為你解答這個問題,讓我帶領你們一起走進這個問題,現在讓我們一起探討一下。

    隨著網際網路行業的聚變式發展,在電商業務從“資訊透出” 到 “線上交易” 的過程中,網站 UI 構建也經歷了“體驗一致性”、“設計效率”、“UI系統構建/應用效率”、“多端適配” 等諸多問題。

    許多人認為構建一套設計系統(Design System) 是解決企業級使用者體驗規模化問題的關鍵。

    但實際上,就算團隊中有了一套統一的標準工具和設計指南,部分設計師依然會有新的不一致的“創意”,而前端對應的元件程式碼也需要在不同業務中根據設計“創意”而人肉修改;可見讓設計師單獨解決問題而不是系統地解決問題,必然導致設計與工程內部的不一致,也將導致產品本身的體驗不一致;並且設計與工程內部的工作本身也將是低效的,如何渴求業務的高速迭代?

    我們需要從體驗工程視角將設計與前端看成一個整體系統化的制定設計系統。

    而當業務演進到 “平臺化、垂直市場、採購市場” 階段時,UI 也面對了更多的問題和挑戰:“週期性業務的品牌更新”,“不同品牌的多種垂直業務同期構建”,“眾多相似的後臺系統構建”,“跨業務/部門的設計、前端協作問題”。

    面對這些問題,體驗工程的建設已經遠遠不止於一套設計規範或一套元件庫,他需要一套完整的系統來支撐,解決內部協作的一致性問題,解決設計系統更新的週期性問題,解決一群設計師與工程師如何規模化的生產各種業務 UI 的問題,從而最終解決使用者體驗一致性的問題。

    構建一套產品化設計系統

    一套體驗工程化的設計系統具備穩定的使用者,會隨著業務的生長而生長的,用產品化的視角對待它,才能走的更遠;且需要將設計師和工程師的工作流透過平臺、工具的方式沉澱、保障,規避掉協作過程中不必要的低效勞動。一套產品化的設計系統具備:

    【閱讀/沉澱】 可訪問的設計系統站點;提供設計師設計規範與物料的閱讀,提供前端開發指南與元件API程式碼

    【運用】 提供設計師物料分發工具;基於Sketch,PS等設計軟體進行設計物料分發與同步的外掛

    【協作】 設計專案協作分享平臺;提供設計作品的上傳,自動標註或簡單的樣式程式碼轉化並分享給開發,線上評審與協同工作

    一系列開發者工具

    企業想要構建一套設計系統將面臨高昂的建設和維護成本,比如需要自建網站,sketch元件分發外掛,開發一個設計作品分享平臺,繪製稿件並編寫元件程式碼,這還不包括任何一項設計系統物料的變更帶來的多角色協作成本。而Alibaba Fusion平臺則一直致力賦能企業去構建一套具備以上產品化配套件的設計系統。

    使用Alibaba Fusion為企業構建設計系統

    在中後臺成百上千個業務形態中,Alibaba Fusion抽取其互動模式,抽象一套視覺標準化Design Token;一方面提供可配置的多終端基礎元件物料,另一方面提供標準的 UX 協作工作流,並幫助實現更多 UX 物料的生產、應用與管理;目前Fusion透過以下能力賦能企業快速構建設計系統:

    【設計原則與模式】提供給企業一套標準化中後臺體驗設計原則與模式,提升中後臺產品體驗一致性問題;

    【品牌樣式配置】(敬請期待)透過Fusion平臺的主題配置能力,線上定製品牌樣式後自動生成設計物料和樣式程式碼,提供給設計師Sketch物料稿件快捷搭建頁面,提供前端元件API快捷開發;

    【平臺產品化定製】(敬請期待)提供企業編寫文件,接入業務Icon、業務元件、模板等物料並統籌管理的能力;賦能企業定製一套設計系統的標準化站點;

    【Alibaba FusionCool設計分發工具】去試用為設計系統物料提供分發及管理的一站式服務。提供標準化設計物料的輸入、輸出能力,保證設計產出物的標準化,打通設計師工作流的上下游鏈路;

    【Alibaba FusionDemo+協作平臺】(敬請期待)是一個一站式設計專案協作平臺,打通設計師使用設計系統生產設計稿件並輸出的下游協作流。提供稿件標註、投頻、協同評審、跨裝置預覽、稿件分享等能力。

    目前該系統已在Alibaba內部覆蓋24個BU的中後臺業務場景,業務包括阿里雲、天貓、淘寶、http://alibaba.com、1688、盒馬、Lazada、菜鳥等業務。

    在以上的分享關於這個問題的解答都是個人的意見與建議,我希望我分享的這個問題的解答能夠幫助到大家。

  • 中秋節和大豐收的關聯?
  • 朱婷帶領瓦基弗隊險勝加拉塔薩雷隊,一舉進入土超總決賽。你怎麼看?