<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          Bs界面設計之八:用2個案例,幫你學會B端關鍵信息的密度提升設計

          博博

          在決策類產品中,用戶的行為路徑一般從信息分析場景到信息決策場景。系統關鍵信息密度的高低是影響用戶決策速率的重要因子。因此我們建議從「信息拆分與重組」、「功能高效聚合」兩個層級出發,以提升關鍵信息在頁面模塊中的的密度。

          B 端有效信息密度提升設計框架的顆粒度由粗到細可總結為三個層級,分別為基礎層、功能層與信息層。首先是基礎層,B 端產品多場業務景、多用戶角色、多任務流程的關鍵性差異決定了業務側信息是一切設計的出發點;再者,需依據業務場景定義、角色定義與任務流排布的相關內容鏈接與聚合產品功能;最后,基于以上信息,使用交互與視覺相結合的設計方法,降低用戶與系統的交互成本,引導用戶聚焦產品核心能力,提升關鍵信息在頁面中的密度與觸達效率。

          用2個案例,幫你學會B端關鍵信息的密度提升設計

          「信息拆分重組」:在 B 端系統中,信息拆分與重組是依據業務與產品內容對信息進行重新組合,以求達到低跳轉、高密度、有效觸達的設計目標。

          「功能高效聚合」:在 B 端系統中,功能高效聚合是依據業務場景與業務邏輯對產品功能進行重新整合,旨在單位時間、單位面積內的帶來更多商業效益/效率提升。


          案例一:入庫計劃-銷售計劃確認產品


          設計方法:信息層拆分與重組。

          項目背景:基于對計劃方式的調研及整理,結合業務側對于銷售計劃確認模塊提供參考信息過少、瀏覽體驗較差等問題,對明細表格及其他部分進行整體體驗升級。

          用戶痛點:銷售計劃確認明細表格的瀏覽與分析效率低下,導致線上計劃確認難。

          設計目標:依據業務邏輯對表格信息進行拆分與重組,減少并優化用戶眼動軌跡,提升信息展示密度。

          用2個案例,幫你學會B端關鍵信息的密度提升設計

          用2個案例,幫你學會B端關鍵信息的密度提升設計


          案例二:全流程數據概況產品


          設計方法:功能高效聚合

          項目背景:對全流程進行數據可視化,分環節數據監控,同時展示時效等更多維度數據,便于業務快速定位異常并跟進處理。

          用戶痛點:用戶在產品方案中無法快速獲取到履約率相關數據,在一定程度上影響數據分析與決策的效率。

          設計目標:依據業務邏輯排布瀏覽分析全流程數據任務的起點、過程與終點,縮短優化用戶眼動軌跡,提升信息觸達時效。

          用2個案例,幫你學會B端關鍵信息的密度提升設計

          用2個案例,幫你學會B端關鍵信息的密度提升設計

          用2個案例,幫你學會B端關鍵信息的密度提升設計


          最后


          以上就是「關鍵信息密度提升設計」的全部內容啦~

          錄入流程設計、任務中斷回溯設計已經發布,感興趣的小伙伴記得閱讀收藏哦~后續會為大家帶來「場景化設計」等 B 端的設計方法,希望能給正在從事或準備入局 B 端的的小伙伴帶來啟發,也希望跟大家一起探討更多的 B 端設計方法。

          作者:自轉一周的鹿

          轉載請注明:優設網

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          更多精彩文章:



          Bs界面設計之七:如何做好B端產品的信息設計?我總結了3個原則!

          博博

          最近在 12306 網站購票時,彈窗中展示了大段的文字信息,我只是匆匆掃了兩眼就果斷關閉了,實在沒有耐心逐字讀完。特別是節日搶票的場景,用戶更不會有心情去看這些提示信息。

          如何做好B端產品的信息設計?我總結了3個原則!

          所以在做產品設計時,需要注重信息的傳遞效率。B 端產品通常用在 PC 端,屏幕顯示區域大,在做設計時會不自覺的添加較多的信息,反而影響了用戶的使用體驗。今天我們就來討論下如何做好信息傳遞?

          我總結了以下 3 個原則:

          如何做好B端產品的信息設計?我總結了3個原則!


          匹配用戶心智模型


          心智模型指的是人們心中根深蒂固存在的,影響人們認識世界、解釋世界、面對世界以及如何采取行動的許多假設、陳見和印象。是一個決定用戶信息獲取行為的內在的、可預測的認知模型。簡單來講就是人類基于經驗的總結,去認知世界。

          《About Face4:交互設計精髓》中提出了 3 種模型,實現模型、表現模型、用戶的心智模型。好的產品的設計要盡可能匹配用戶的心智模型,越符合用戶心智模型的設計,產品越容易理解。

          如何做好B端產品的信息設計?我總結了3個原則!

          B 端產品頁面內容變化較少,更強調一致性。主要由表格、表單、按鈕等各種信息元素構成。在長期的使用過程中,用戶對某些信息元素已經形成了特定的心智模型。例如用戶看到輸入框,就知道需要填寫內容;看到步驟條引導,就知道多步操作;看到 Radio Button,就知道是單選。

          因此方案設計時,設計師的一個重要目標就是讓表現模型盡可能的匹配用戶心理模型,避免因為組件使用不當,造成用戶產生錯誤認知。

          例如考慮到用戶的視覺動線,“新建”主要、高頻按鈕通常放在左上角,方便用戶瀏覽和操作,而輔助功能按鈕會放置在右側,用戶也逐漸形成了這樣的心智模型。

          如果主操作按鈕放置在右上角則違背了用戶的心智模型,用戶使用產品時,需要建立新的心智模型,改變已有的行為習慣。并且這種設計并不能帶來其他層面的體驗提升,個人認為有些得不償失。

          如何做好B端產品的信息設計?我總結了3個原則!


          信息的層次性


          B 端產品業務比較復雜,頁面內容也會較多,信息的有效組織尤其重要。信息設計不是簡單的內容堆砌,需要根據用戶場景和需求做出優化處理,構建有效的信息的層級幫助用戶去理解業務內容。

          信息層級包括 2 個方面:

          1. 系統空間分層

          在一個系統中存在著空間分層,當頁面較為復雜時,需要通過合理的內容分層,有序的展現內在邏輯關系。

          B 端核心交互就是“增、刪、改、查”,其中“查”就是信息的檢索和瀏覽。所以頁面主要是由搜索條件和表格構成的。而“增、改”等操作行為主要是在臨時的系統空間中完成,例如彈窗、側邊浮窗、跳轉頁面等形式。

          不同的信息在不同系統層級中相對獨立的展示出來,保證了信息的層次感和秩序性。

          如何做好B端產品的信息設計?我總結了3個原則!

          2. 頁面信息結構

          復雜業務場景下,單個頁面會承載大量的信息內容,需要通過合理有序地呈現給用戶。主要有 2 種方式進行信息拆解。

          如何做好B端產品的信息設計?我總結了3個原則!

          1)高效組織——卡片化設計

          在 B 端產品中,為了保證功能的完整性,必須要一個頁面中展示給用戶。逐條平鋪,散點式的信息展示會造成信息密度過高,缺少層次性。而卡片方式可以很好的聚類相似信息,分割差異化信息,有助于降低信息的復雜性,幫助用戶快速定位信息、瀏覽內容。

          如何做好B端產品的信息設計?我總結了3個原則!

          2)化整為零——步驟化設計

          面對復雜的信息內容,用戶容易產生畏難情緒。將復雜內容分步拆解,把用戶的關注點從頁面內容轉移到步驟進度上,可以減少用戶的心理壓力。另外節點信息頁也可以幫助用戶更好的理解業務流程。

          如何做好B端產品的信息設計?我總結了3個原則!

          另外步驟化設計還可以將散點內容歸集到一個任務流程中,引導用戶快速完成工作任務。例如 Win11 系統安裝后的設置引導,可以方便用戶快速完成系統基本配置,避免用戶操作的行為成本。

          如何做好B端產品的信息設計?我總結了3個原則!

          3. 頁面元素設計

          不同于 C 端產品,B 端產品更強調效率。正如奧卡姆剃刀原則所說“如無必要,勿增實體”。頁面內容需要以簡潔為主,避免無關要素形成信息干擾。而設計師更加感性,擔心設計過于平淡,會在界面中添加各種視覺元素,反而會增加用戶的認知成本。

          如何做好B端產品的信息設計?我總結了3個原則!


          信息的可理解性


          B 端產品通常業務具有一定的專業性,用戶門檻較高。在復雜業務場景下,必須讓用戶能夠較為清晰的理解產品及功能,才能保證信息的傳達效率。

          1. 幫助信息

          B 端產品需要盡可能地降低用戶學習成本,但是本身業務層面的難度是無法避免的。因此需要為用戶提供及時有效的幫助信息。

          在阿里云、騰訊云界面中包含了大量的解釋說明、Tips 等信息,解決用戶在使用過程中的疑問,幫助用戶更好的理解業務內容,減少用戶的記憶量。

          同時幫助信息還需要具有拓展性,當提示信息無法完全解決用戶疑問時,還需要能夠引導用戶,查看完整的幫助文檔,減少用戶翻查資料的成本。

          如何做好B端產品的信息設計?我總結了3個原則!

          2. 可視化設計

          數據可視化設計在 B 端產品中應用較多,例如概覽頁面,通過圖形化的方式將數據的內在關系更直觀的表達出來。

          在某些特定的場景下,內容頁面也可以通過可視化展示幫助用戶理解信息,例如常見的身份證圖片上傳等,很多用戶無法分清楚正面反面,借助圖片可視化提示,便于用戶更好的理解信息。

          如何做好B端產品的信息設計?我總結了3個原則!


          寫在最后


          體驗設計行業需要創新,但是 B 端產品設計需要更加謹慎。尊重用戶的習慣,完整表達業務邏輯性、保證內容的可理解性,是設計師必須去關注的。

          作者:子牧先生

          轉載請注明:優設網

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          更多精彩文章:





          Bs界面設計之六:想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          博博

          有了解和學習 B 端的同學必然都聽說過 SAAS 這個詞,這在 B 端行業是個非常重要的產品形式和分支。

          雖然它重要,但新手對這東西的理解充滿了讓人遺憾的扭曲。比如常見的誤解式提問,Saas 應該怎么設計?適用哪些設計風格?

          所以我從最底層的技術層面,來解析 SAAS 到底是什么,在未來你再也不用擔心對這個詞匯一知半解,無法正常參與業務討論了。


          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          在 9 層塔中,SaaS 是完全制作好軟件讓用戶直接上手使用的軟件,而 PaaS 和 IaaS 就不一樣。

          1. PaaS

          PaaS 全文 Platform as a Service,是平臺即服務的簡稱。這屬于完全技術化的服務,是非程序員的一般用戶難以參與到的業務類型了。即服務商提供了基礎的 7 層服務,只要用戶購買了這些使用權,那么就可以直接在這個基礎上編寫或安裝運行的程序進行使用了。

          比如全球最大的開源 CMS 博客程序 WordPress,是由 PHP+MySQL 編寫的,如果要創建這樣的網站,就可以直接購買符合程序對應環境的服務器,再進行安裝部署即可。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          2. IaaS

          IaaS 全文 Infrastructure as a Service,就是用戶只購買一個完全空白的虛擬主機,類似你購買了一臺硬盤格式化后完全空白的虛擬電腦。用戶可以自己選擇安裝什么樣的系統,編寫什么樣的中間件,最后再搭建自己的框架。這適合定自定義要求更高的用戶,完全根據自己的需要 DIY 項目的服務器功能。

          3. Hosting

          Hosting 則是比 IaaS 更進一步的服務,從原本的虛擬服務器升級到了完整的服務器。也就是說,在一些特定業務環境下(比如特殊的數據安全要求),用戶需要購買完整的服務器硬件使用權,從原本的合租換成整租。

          所以,Hosting 就是服務器托管的意思,用戶向一些服務商購買了完整的服務器硬件使用權和聯網功能,然后遠程進行控制和使用。而商家負責硬件層面運維,防止服務器斷電、斷網、損壞、過熱、故障等一系列硬件問題。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          4. Co-location

          九層塔中,我們其實還省略了一個更底層的環節 —— 數據中心。

          數據中心是一個物理名詞,在今天指的是大規模的服務器數據設備安置和運行的空間。比如蘋果的云上貴州,就是典型的數據中心。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          Co-location 的服務也叫場地出租,就是數據中心的商家,把數據中心的物理空間使用權租用給用戶,用戶自己購買服務器或商家的(不是臨時租用)放進去,再借助數據中心的網絡和其它基礎服務實現服務器的正常運轉。

          這個概念大家簡單理解就可以,我就不多做介紹了。所以,九層塔中包攬了不同層級數量的技術,就可以形成不同的服務,每一級服務有各自的優缺點,是由項目的實際情況決定的。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          相信看完前面的介紹大家已經知道,SaaS 等服務是建立在聯網的基礎之上的,也就是說,除了可以獨立運行在你客戶端里的本地軟件,還包含更多需要聯網的軟件,或者干脆運行在遠程服務器主機上的軟件。

          這是一個發展的過程……

          最早的軟件安裝是我們到軟件店里購買軟盤、光盤,回到家里的電腦安裝,這些軟件往往只在本地運行,是不需要聯網的孤島。隨著互聯網行業的發展,孤島漸漸被消除,聯網上傳和獲取數據越來越普及,甚至,軟件都不需要再下載和安裝,直接用瀏覽器就可以訪問使用。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          這種模式,就催生了軟件的開發維護與服務器、網絡的硬件運行進行了分工,一般的產品開發團隊專注在軟件應用層面的開發工作,而把網絡、遠程服務交給其它商家,并付費購買。這樣不僅帶來更高的效率,而且降低了各自的成本,實現了多方的共贏。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          所以,我們再來理解云服務這個詞就很容易了,云就是網絡,云服務就是基于聯網實現的各種軟硬件服務的總和。除了遠程的虛擬機、中間件、數據庫外,還有遠程計算、渲染、CND 加速、直播分流等等。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          這也是為什么云服務會成為互聯網發展的基礎,因為它實在太重要了,幾乎所有互聯網公司都無法脫離云服務帶來的支持。這也是為什么各個大廠紛紛投入云服務的賽道中,因為這是互聯網的基建和命脈之一,擁有非常廣闊的前景與市場。而在馬太效應強者越強的現實環境下,頭部的廠商擁有更好的機群、技術、人員,可以大幅度降低運作成本,提供更優質但價格更低廉的服務。

          雖然云服務在今天不可或缺,價格也越來越有優勢。但是,并不是所有企業都一定要選擇購買外部的云服務,這就是我們要理解的另一個課題 —— 私有化部署。云服務再怎么便捷,也有一個缺陷,那就是數據是存儲在別的商家、企業的服務器中,有一定的數據安全隱患。雖然數據安全是云服務的最基本保障,但很多對數據隱私、安全極度重視的企業,是不愿意承擔任何外部風險的。所以他們就會通過自建本地服務器(私有云)的方式,實現從網絡、硬件到軟件全局私有化的部署。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          也就是說,服務器機房是自己公司的,網絡是自己遷進機房的,服務器自己買的,環境、虛擬化、數據庫自己搭建的,后端程序也是自己寫的,最后電腦手機上運行的客戶端,是連接這些服務器的。

          哦對了,當然這些硬件日常的維護也要由自己公司的運維負責……

          這樣的成本高嘛?非常高。但類似國企、銀行、證券、國防、政府機關等機構,對數據的安全性是異乎尋常的執著的,他們是有足夠的動力劃出預算來確保數據的私密與安全,用來運行自己內部的 B 端系統。這也是為什么這些機構從一開始就拒絕使用 Figma 這種公有云端軟件,尤其是服務器在國外的。

          再問下一個問題,私有化部署,就意味著這個環節中所有步驟全是自己搞定嘛?當然不可能,因為應用這個層面,有時候不是想開發就開發得出來,或者成本實在超出了預算。因為私有化的主要目標是數據安全,但不是應用的工具一定得個性化定制。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          比如在即時設計官網的價格頁面,就可以看到 “私有部署” 這個選項。它的實際作用,就是允許客戶在自己的服務器上安裝它,讓內部的員工使用設計軟件時是同步到公司指定的服務器而不是官方的公共服務器中,滿足客戶的數據隱私需求。

          注:這例子大家討論最多適合理解,非恰飯

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(下)

          所以,了解完上面的概念,你也就大概能明白什么是云服務,什么是私有化。如果需要在工作中碰到更細節的名詞還是概念,可以再進一步做理解。


          結尾


          關于 SaaS、PaaS、IaaS、云服務、私有化部署的掃盲,就先解釋到這里。希望大家看完以后對 B 端行業一些最基本的產品概念能有一定的認識。

          作者:酸梅干超人

          轉載請注明:優設網

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          更多精彩文章:



          Bs界面設計之五:想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          博博

          有了解和學習 B 端的同學必然都聽說過 SAAS 這個詞,這在 B 端行業是個非常重要的產品形式和分支。

          雖然它重要,但新手對這東西的理解充滿了讓人遺憾的扭曲。比如常見的誤解式提問,Saas 應該怎么設計?適用哪些設計風格?

          ……

          所以我從最底層的技術層面,來解析 SAAS 到底是什么,在未來你再也不用擔心對這個詞匯一知半解,無法正常參與業務討論了。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          講解什么是 Saas,或者剛剛圖例出現的 Paas、laas 是什么,首先要認識一個問題,一個需要聯網的軟件,是如何落地的,需要哪些前提條件。

          通常,我們可以把一個普通的聯網產品要正式上線并使用,需要滿足 9 個層級的條件,我們簡稱 “9 層塔”,分別是:

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          下面,我們根據每個大層級來解釋一下,它們分別都是什么。

          1. 基礎設施層

          基礎設施層是一切網絡服務的根基,由現實世界的硬件組成,是所有技術、代碼、數據的運行基礎。

          層 1:網絡(Networking)

          即基礎的互聯網電信寬帶服務,通過電信運營商在各地搭建聯網用的設備,并使用線纜相互連接,滿足數據的物理傳輸可能。

          比如你想要在家上網沖浪(非移動上網),最基礎的條件是就是購買和開通寬帶服務,通過接入光纖的形式,實現從家中連接到互聯網世界的可能。

          層 2:服務器(Serves)

          服務器,本質上也是一臺電腦。有了聯網的條件,我們就要把網絡接入到這臺 “電腦” 上,讓它來完成各種數據的處理和存儲。

          但不管它能做什么,要做什么,首先你得先有這臺設備,不然后續的工作都無從談起,所以服務器指的就是用來完成后續工作的電腦設備。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          層 3:存儲(Storage)

          存儲就是硬盤,你想要運行的任何程序、代碼,還是想要收集的數據,都需要容納的地方,那就是硬盤空間。存儲就是關聯到服務器的硬盤,是數據存儲的物理環境。

          之所以硬盤被獨立出出來,而沒有把 CPU 內存這些拿出來,是因為數據的存儲和安全(物理上)是網絡服務的重中之重。CPU、內存、電源壞了,替換就可以,硬盤損壞導致數據的丟失是無論如何不可能接受的。

          所以,工程師們開發了非常多特殊的技術來保障存儲的穩定和安全。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          2. 技術應用層

          技術應用層,就是具備了網絡、服務器、硬盤以后,讓這些基礎設施充分發揮作用和能效的相關技術。

          層 4:虛擬化(Virtualization)

          虛擬化是個比較抽象的概念,它是一種資源利用的技術,讓服務器最大化的利用和分配自己的資源。

          比如一臺服務器,有 8 核心、8G 內存、8G 存儲,如果賣個一個客戶運行一個程序,那么很可能這個這個程序日常只使用一個核心的算力,1GB 內存,1G 不到的存儲,剩下的算力資源不就浪費了嘛?

          于是,虛擬技術就可以把這臺服務器切割成 8 臺 “虛擬機” 賣給 8 個這樣的客戶。讓他們在這臺設備上運行 8 個不同的程序,并根據它們各自使用的消耗靈活分配 CPU 和內存資源。

          所以,今天如果你想要搭建一個網站,云服務商出售的 “虛擬主機”,就是在實體服務器主機上切割出來的一部分。這樣客戶省錢了,商家利潤率也更高了!

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          層 5:操作系統(OS)

          每臺電腦都有自己的操作系統,我們熟知的 Windows、Mac OS 等等。如果硬件沒有搭載操作系統,那它們就只是一堆工藝精密的廢鐵。

          對于服務器來說也是,任何服務器想要正常運行,都必須搭載相關的服務器操作系統,有了基本的系統,我們才能創建程序,讓服務器去運行我們想要的功能。

          前面提到的虛擬機,就允許同一臺服務器通過虛擬技術運行多個系統。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          層 6:中間件

          中間件也是個比較復雜的技術概念,它是個獨立系統軟件服務程序,是軟件的直接面向對象(而不是服務器),是一種支撐軟件。

          舉個不太嚴謹的例子,我們常規的邏輯是一個程序對應一臺服務器(或虛擬機),但真實情況往往是一個程序會關聯好幾個服務器和不同的系統,來完成不同的網絡服務。正常情況下,你需要對每個服務器和系統進行適配。

          而中間件的作用就是幫助你省掉這個麻煩的步驟,讓你只需要對接唯一的翻譯和話事人,他會幫你向不同的任務對象傳達你的要求。

          層 7:程序環境(Runtime)

          程序環境,就是編譯代碼用的環境。我們常聽說的 C 語言、C++、PHP、Java、.Net 等編程語言,都需要安裝一個對應的運行環境。

          許多熱衷電腦游戲的同學一定很熟悉游戲第一次啟動觸發的 Java 安裝界面,那就證明這個游戲中運用到了 Java 的代碼,如果你沒有 Java 的運行環境,那么它們就無法生效。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          3. 產品表現層

          層 8:應用(Application)

          在這個系統下,應用程序指的不是你在自己電腦手機上安裝的程序。而是安裝在服務器上運行的程序,不管是后端程序還是前端程序。

          它們需要使用某些特定的程序語言來編寫,并運行在上面所說的對應環境中。我們所說的后端開發,通常就是開發服務器所運行的程序的程序員。

          層 9:數據(Data)

          這個詞放在這里可能有比較大的歧義,數據實際上就是使用這個程序所產生出來的數據,而不是單指數據庫(數據庫也是環境的一部分)。

          比如你打開一個網站注冊了賬號,上傳了頭像,那么這些信息就是使用程序所額外產生的數據,它是項目正常運作的必然產品。

          4. SaaS 到底是什么

          理解上面的 9 個層級的內容是什么,我們就可以看下面這張圖表了。

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          SaaS 全程 Software-as-a-Service,翻譯叫 “軟件即服務”,講人話就是 “賣聯網軟件” 的。

          前面提的 9 個層級,除了最后一層數據是我們普通人可以負責的,其它每個層級都需要對應的開發和工程師來負責對吧,那么我們普通人還是企業就不能使用網絡軟件服務了嘛?

          這肯定是不符合事物發展規律的。

          SaaS 的存在,就是讓用戶不用管什么服務器、代碼、中間件這些有的沒的高深玩意,直接讓你在瀏覽器或本地客戶端上直接使用這款聯網軟件,并創建對應的數據信息。

          換句話講,只要這個軟件是聯網的,且軟件本身的功能就是服務的核心(劃重點:社區電商類軟件的服務顯然不是軟件功能本身),它就是 SaaS。SaaS 既可以免費,也可以是通過批量出售軟件功能的使用權來賺取收益。

          免費情景:

          微軟:如果你使用了基于 Web 的電子郵件服務(例如 Outlook、Hotmail 或 Yahoo!Mail),那么你已經使用一種形式的 SaaS。

          https://azure.microsoft.com/zh-cn/overview/what-is-saas/

          付費情景:

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          想做B端還不懂什么是SAAS?一篇最專業的掃盲科普(上)

          在 B 端的語境下,SaaS 通常就是指制作一個面向商業用戶的聯網軟件,然后批量出售這個軟件的使用權。它并沒有特指這個軟件必須是 CRM、ERP、HRM 還是商用 HMI……

          所以明白了嘛,SaaS 只是一個商業形式或技術形式的統稱,它根本沒有具體的設計規范或者學習方法,完全根據業務的實際需求和場景決定。

          最后,再問你們一個問題,你們現在負責的項目是 SaaS 嘛?


          結尾


          這一篇我們完成對 SaaS 的基本介紹,下一篇,我會在這基礎進一步展開,講解 PaaS、laaS 和云服務的相關概念。

          希望大家不要再在這種基礎概念中犯迷糊了……

          我們下篇再賤~

          作者:酸梅干超人

          轉載請注明:優設網

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          更多精彩文章:












          Bs界面設計之四:B端設計指南:6800字干貨幫你掌握快捷鍵設計

          博博


          前言


          鍵盤,在很多人的眼中,就是一個信息錄入的硬件設備。但你卻不清楚完整的鍵盤當中,字符按鍵只占到了整個鍵盤數量的 60% (完整鍵盤共 108 鍵,字符鍵 65 鍵)

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          你會發現,鍵盤除了打字之外,還會有其他很多用途??旖萱I,就是不可忽視的一部分。(注:完整的快捷鍵會包含,快捷組合鍵與快捷按鍵兩部分,文章就不做過多糾結,意在討論這樣的交互形式,這里簡單統稱為快捷鍵。)

          無論是設計師常見的三件套:Photoshop、Sketch、Figma,還是很多協作類型的產品:Word、PPT。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          快捷鍵,仿佛早已是許多產品的標配。但是我們在做 B 端設計時,又時常忽略掉快捷鍵這一特殊的交互形式。今天我們就來聊聊 B 端產品與快捷鍵之間的關系。

          在實際的工作當中,如何設計快捷鍵?我會產生這些疑惑:

          • 一款 B 端產品,有必要去設計快捷鍵嗎?
          • 快捷鍵是否會增加用戶的使用門檻?
          • 如果想要去做快捷鍵設計,究竟應該如何設計?

          我們就帶著問題一起來了解快捷鍵之間的差異。

          老規矩


          開始之前,還是先科普一下桌面端與移動端,雖然他們之間存在很多差異,比如,頁面布局、交互方式等等… 這些咱們以后再聊。但是今天想貼合主題,聊聊錄入設備之間的差異。

          在移動端的設備當中,我們多數情況下,采取的是軟鍵盤的形式,也就是手機錄入是以虛擬鍵盤的形式存在。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          這樣也就導致虛擬鍵盤存在一些常見問題

          1. 缺少快捷鍵:虛擬鍵盤無法通過組合鍵,實現快捷操作
          2. 錄入門檻高:不能對鍵盤進行精準定位,無法實現盲打鍵盤的快捷錄入
          3. 功能按鍵少:在錄入標點符號等信息時,需要切換頁面進行實現

          總結下來就是整體信息錄入效率低,準確率低。比如我們最常使用的復制粘貼,到了手機當中,只能夠通過點擊光標的方式來解決。對于桌面端鍵盤而言,由于我們錄入信息的方式是通過雙手與實體鍵盤進行交互,可以實現更多信息的點擊。因此快捷鍵就會有很大的發展空間,這時候就會很好奇,快捷鍵究竟是如何誕生的?

          我們簡單回顧一下計算機發展的早期,發現快捷鍵設定其實是源自 “硬件設計上的無奈”。早在 1980 年,IBM 所研發的個人電腦 Acorn,在當時遇到了一個棘手的問題,在電腦產生系統故障過后,它都需要通過手動重啟,并且需要很長的時間來進行內存測試,驗證計算機是否出現問題。但在公司內部進行系統測試時,并不是需要這樣的一個機制。因此工程師 Bradley 在當時創造了一個快捷鍵:Ctrl+Alt+Del 可以在不需要內存測試的情況下將系統進行快速恢復重置。

          我們現在回顧,當時作為工程師,他在快捷鍵的設定上也是進行了很多思考,因為 Ctrl+Alt 鍵靠得很近,但 Del 則在鍵盤上的另一邊,這樣可以避免一些用戶在日常使用的過程當中進行誤觸。

          而后續 Windows 電腦遭遇藍屏死機,而 Ctrl+Alt+Del 這樣一組快捷鍵便留在很多人的心中。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          隨著個人電腦的不斷發展,你會發現快捷鍵的設計也越來越復雜,因為我們想要了解如何設計快捷鍵,必須先知道,常見的按鍵分類有哪些?


          常見快捷鍵的分類


          目前共有 Windows MacOS 兩大操作系統,在快捷鍵的設定上也會有著許多差異化,文章部分會將 Win/Mac 的系統統一進行講解,大家可以優先看看關于兩個系統之間的映射關系:

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          想要知道我們快捷鍵的差異,我們必須了解每一個按鍵的基本定義:

          Ctrl / Command

          Windows 系統當中的核心快捷鍵,可以理解為是各項操作的快速觸發。

          我們可以使用它去實現各種組合快捷鍵,比如使用 Ctrl + C(復制) Ctrl + D (創建副本),算是用戶使用最高頻的快捷鍵。

          同樣,在 Mac OS 當中,你會發現 Mac 的 Control 幾乎很少使用,因為系統本身就沒有給它 “安排太多任務” 取而代之的是飽經風霜的 Command 鍵。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          Command 作為 Mac 獨有的按鍵,它的地位幾乎等同于 Win 當中的 Ctrl,并且兩者的快捷鍵方式都極為類似,因此也就造成兩個系統當中的按鍵差異。

          Shift

          Shift 也叫上檔鍵,可將其意為連續的按鍵,因為在連續選擇時會用到,它的功能主要有兩點:

          在中文輸入的場景下,可以組合按鍵進行中英文的切換

          在文件選中的場景當中,對文件的內容進行快捷選擇的操作

          Tab

          Tab 也叫制表鍵,不過現如今已不再是制表的含義,更多可以為切換按鍵,比如我們經常使用 Command + Tab 來對軟件進行切換。其用途主要有兩點:

          在信息錄入時,按下 Tab 鍵來實現字符的縮進

          在表格頁面當中,通過 Tab 鍵實現對單元格的快速切換

          Alt / Option

          Win 系統當中的 Alt 與 Mac 系統的 Option 基本一致。他們的主要用途有兩點

          WIN:呼出菜單或點擊按鈕的組合鍵

          MAC:快速訪問系統偏好設置中某個選項的組合鍵


          如何設計快捷鍵,是否需要快捷鍵


          在我們的設計快捷鍵之前,需要考慮清楚是否真的需要快捷鍵。就像我們在網上沖動消費一樣,購買的東西總會有當時覺得有用,然后立馬吃灰的產品。所以明確需求的目的就顯得尤為重要。

          因為 B 端產品存在太多產品類型,在每一個產品類型當中,我們也會有不同的使用場景。這里我總結了幾個維度去思考。

          1. 高頻使用

          俗話說得到,好鋼得用到刀刃上,快捷鍵的設定,一定是需要用戶使用頻率高才會有意義。因為快捷鍵的使用本身就會有使用門檻,如果你做在一些用戶本身就不會頻繁操作的地方,對于用戶而言感知并不強烈。其次你也不想自己花費了精力,到頭來設計思路并沒有落地。

          2. 核心功能

          這里的核心功能其實是針對不同的角色。比如一個在線教育的產品,老師需要每天在產品當中去點評同學們的作業,也就意味著老師需要高頻的在點評學生作業,這個時候其實作業點評就是老師的核心功能。那你對這個功能上的操作進行優化,大概率就不會存在太多問題。

          比如我們以 figma 為例,如果它現在在 Darfts 首頁增加了很多快捷操作,如:Command + N 新建畫板 、Command+O 打開通知。

          但是 Figma 并未對核心功能,編輯區域頁面當中添加快捷鍵,我想這對于很多人而言,就是一個糟糕的設計。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          3. 沉浸場景

          B 端產品的使用大致會分為三種狀態:暫留、沉浸、配置(這里就不展開講了)。而最常見的便是專注于用戶使用的沉浸場景,也就是說,我們必須要讓用戶在沉浸場景下使用產品,這些快捷鍵才會變得更加有意義。

          沉浸及專注,專注就需要高效,因此高效使用快捷鍵就顯得合情合理。


          歸納整理快捷鍵的訴求


          當我們明確真的需要快捷鍵的訴求過后,我們可以去思考,究竟應該設計哪些快捷鍵?哪些操作是屬于高頻操作?是否會存在操作之間的先后順序?

          首先可以通過實地觀察,先去判斷用戶在某一頁面當中,具體使用順序或者流程,然后通過流程圖將數據內容進行整理。這其實是我們設計快捷鍵的基礎依據。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          然后通過對頁面當中不同操作進行數據埋點,能夠得到用戶具體的操作信息。通過這些數據信息,能夠保證我們在做的設計都是有理有據,而不是拍腦袋的自己隨意 YY 出來的。最后拿到數據進行分析,在數據當中并不能夠單純的去看它的點擊量,而是要深入了解這個數據它背后的意義是什么?

          這也是我不建議初級的設計師去做數據埋點的原因。因為我見過有太多設計師拿到數據過后直接不分析上手就看,導致出現太多數據背后的問題。


          避免沖突


          在快捷鍵的設定,我們應該考慮避免與其他快捷鍵重復。想要解決這個問題,我們必須先搞清楚,產品究竟采取什么架構方式。通常會分為 BS 架構與 CS 架構。

          這里簡單解釋一下 BS 架構與 CS 架構的區別

          BS 架構:(Browser/Server,瀏覽器/服務器模式)web 應用,可以實現跨平臺,但是個性化能力低,響應速度較慢

          CS 架構:(Client/Server,客戶端/服務器模式)桌面級應用,響應速度快,安全性強,個性化能力強,響應數據較快

          可以簡單理解為,目前產品是否需要通過瀏覽器才能夠打開。需要瀏覽器打開,那就是 BS 架構,不然則反之只有我們確定了具體的產品架構之后,你才能夠知道你設定的快捷鍵是否與瀏覽器本身到快捷鍵有所沖突。因為瀏覽器自身的快捷鍵權限肯定是會高于你頁面當中的快捷鍵,所以在設計上我們需要格外留意。

          這里總結了一份瀏覽器的快捷鍵匯總,可以通過這個方式避瀏覽器的踩坑

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          但客戶端的快捷鍵設定,相對會更加開放,因為客戶端不會受到瀏覽器的限制,在快捷鍵的設定的空間則會大很多


          快捷鍵的設定


          明確清楚上面的訴求與限制過后,接下來我們可以從三個方面,來對快捷鍵進行設定:

          1. 語義法

          在電腦快捷鍵設定的早期,最常使用的辦法便是通過翻譯英文單詞首字母,進而實現快捷鍵的設定。比如我們經常使用的 Command+D 進行復制,D 便是 Duplication 的首字母、Command+N 進行新建,N 便是 New 的首字母。這樣的設定方式其實源于國外,同樣也是我們日常設定最為常見的一種方式。

          2. 流程法

          流程法就是去思考整個快捷操作的具體流程,比如我們最常使用的 Command + C 與 Command + V 就是一個例子。

          因為如果按照常規的設計思路,粘貼在大家的印象當中一定會是 Paste,但是由于復制、粘貼本身就是高頻操作,并且兩者按鍵相互關聯,再加上 P 也是 Paint 的縮寫,Command + P 有打印的含義,因此通過用戶使用流程上的思考,最后將粘貼放在字母 V 上面。Viscidity 的縮寫,它是一個名詞,具有粘聚性、黏性的意思。

          3. 競品法

          如果假設目前設計的產品當中已經存在許多競品,它們就已經有了相對應的解決方案,這個時候可以考慮借鑒直接競爭對手的按鍵設計,因為你可以通過這樣的競品設計,讓你的用戶的切換成本更低,也能夠讓他們快速上手。

          舉一個例子,比如 Sketch 與 Figma,Figma 的出現本身就是與 Sketch 進行競爭,因此沒有必要在快捷鍵上進行特立獨行,反而會增加用戶的使用門檻。


          在哪使用快捷鍵


          既然上面講到了如何設計,咱們還是不得不提一提在 B 端產品當中,哪些地方可以使用快捷鍵?好方便在讀文章的同學們直接抄作業,用在自己的系統當中。

          1. 詳情頁編輯

          詳情頁幾乎是每一個 B 端產品必備的頁面。它能夠幫助用戶進行詳細數據的閱讀,其核心訴求會分為兩種:

          對表格頁當中的信息不太清楚,想要通過詳情頁進行更為仔細的閱讀;

          對存儲的數據有所質疑,想要更改幾條數據;

          因此,分析完了這兩種情況過后,我們可以使用快捷鍵,去滿足用戶對詳情頁編輯的訴求,進而可以實現對某一個頁面的快速操作。具體做法我們可以按照上一章節講的,如何設計快捷鍵的思路。我也舉幾個例子

          比如現在對紛享銷客這樣一款 CRM 產品的詳情頁進行編輯時,除了思考初級 B 端設計師需要處理的視覺部分之外,你還可以使用快捷鍵,將詳情頁的編輯,與按鍵的字母 “E” 進行綁定,這樣可以配合鼠標來完成頁面的快速操作,提高 “高級用戶” 的操作效率。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          這樣的優化就算是完了么?

          其實這也是市面上絕大多數教程不會涉及的點。因為他們缺乏 B 端的實際工作經驗。也就導致只會教大家如何依葫蘆畫瓢,教學員去實現某一個頁面的具體布局,根本不考慮實際的項目當中的各種訴求與邏輯關系。這也可能是我上課只喜歡去畫草圖的原因,因為 B 端的“形”很簡單,有太多的組件可以支撐你進行設計,但是 B 端的“意”則會過于復雜,很難理解。

          說了這么多,我們來看看究竟應該如何進行優化?也就是在這個功能新增之下,還會有哪些存在的漏洞?

          簡單列三點:

          1. 在用戶進入到詳情頁,但并沒有編輯權限時,點擊了按鍵 E 應該怎么辦?
          2. 在整體的頁面當中,就只綁定編輯操作嗎?其他操作需要綁定按鍵嗎?如果需要你會怎么設計?
          3. 讓用戶知道快捷鍵的存在?是簡單的信息外漏?還是會有一整套 “機制” 來去輔佐進行解釋。

          這樣不斷完善,設計方案才能更加完整。

          大家要記住,雖然得到一個設計結論很簡單,但是 B 端系統本身就不是簡單去刪除列表,去增加更多視覺上的引導。而是你增加了一個功能模塊過后,有沒有考慮到它在整個產品當中的合理性,是否有具備思考完整的設計思考。不扯那么多了,我們繼續~

          再舉兩個真實落地的例子:

          1. 在網頁端的 B 站視頻播放頁面(你可以理解為是視頻的詳情頁),用戶可以通過點擊 W 為投幣、D 為彈幕開關、E 為添加收藏夾、F 為全屏播放,實現對視頻的快速操作。而投幣、彈幕開關、收藏夾、全屏播放都是屬于 B 站最為核心的功能操作,因此這樣的設計非常的贊。

          但 B 站的處理,還是會有小小的瑕疵。會有很多用戶對于這樣的快捷操作并不知情,可以考慮在入口提示上,進行對應的簡單優化。當然這樣的產品還會有很多,比如 Youtube、抖音網頁版都采取了這樣的設計,大家可以自己去查看總結一下不同產品的特點。

          2. Salesforce,還沒開始對它進行調研的時候,我其實就能夠猜到作為世界上如此出名的產品,肯定會有快捷鍵的設計。但隨著調研的深入,發現在早些年間,它并沒有進行快捷鍵的設計,因此受到很多用戶的 Diss。隨之便有人自行開發一款瀏覽器插件來實現對應的功能。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          而在后續的產品迭代當中,SF 逐步更進了這一功能,通過快捷按鍵,可以實現多個功能。逐漸將快捷鍵的方式放在整個系統當中,得到更多人的認可。目前形成了這樣的一個完整快捷鍵體系。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計


          表格頁新建


          在表格頁當中,我們最常使用的便是新建操作。同樣可以按照詳情頁的思路,將整個頁面當中的新建操作進行鍵盤按鍵綁定,實現快捷操作的效果。

          比如在飛書管理后臺的成員與部門頁面當中,我是否可以通過點擊 N 實現快速添加成員的操作?通過這樣的方式就能夠保證,用戶的快速按鍵操作。其實這里還可以將問題再稍稍加深,我們是否還可以考慮一些新的方式?比如全局新建,在整個系統當中提供一個全局新建的入口,讓入口更為統一,甚至可以實現全局鍵盤操作的“夢想”。又或者是通過快捷鍵呼出全局搜索,進行實現對應的操作?類似于 Notion 這樣的產品,這些都是可以去思考的方向。


          導航菜單切換


          在 B 端產品當中,導航菜單的設計是最痛苦的一件事。因為一個員工,想要完成自己的工作,就必定會在不同的導航菜單之間進行來回切換。在 2022 年的趨勢這篇文章里也講到,越來越多的 B 端產品開始變得臃腫。也就意味著用戶需要不斷尋找、不停的切換導航菜單,來完成這個角色自身的工作,因此針對臃腫的 B 端產品,我們可以使用快捷鍵來實現導航菜單的切換。這里給到幾個產品的思路,大家可以學習借鑒一下:

          比如常見的飛書,因為本身是 CS 架構(客戶端),因此可以通過組合鍵的形式,來實現對導航菜單的快速切換。

          飛書通過按住 command + 1、2、3 … 來實現切換。

          B端設計指南:6800字干貨幫你掌握快捷鍵設計

          釘釘則在這部分就缺少了這樣的設計。而薪人薪事的做法則會有所不同,它的入口非常特殊,采取全局導航的形式(這個后面會單獨出導航菜單的文章來進行講解),將整個入口進行綁定,通過雙擊 command 對導航中心進行呼出,并且后續可以支持更多導航菜單的切換,這也是一個不錯的思路,值得大家借鑒。


          全局功能


          在你的系統當中,一定會存在一些全局影響的功能。它會影響到系統當中的每一個角落。比如 CRM 系統里面的通訊錄、消息、郵件。它本身和主營業務差別不大,但是由于業務發展等其他關系,需要單獨處理。因此會有很多全局使用的功能,這時候便可考慮將其與快捷鍵進行綁定。比如明道云,因為在明道云的整體設計當中,消息、通訊錄都是游離產品架構之外的一些協作內容。因此名道云將其通過快捷鍵的方式進行查看,進而實現頁面的快速呼出,能夠加大用戶的使用效率

          B端設計指南:6800字干貨幫你掌握快捷鍵設計


          總結:


          分享了過后,最后再嘮一嘮我的自己感受。其實快捷鍵是一個非常立竿見影的設計提升方式,我們除了去想清楚快捷鍵應該如何設計之外,更多還需要讓用戶能夠發現有這樣快捷鍵。雖然 B 端產品我們可以通過客戶培訓、新手引導、幫助文檔的方式來教會用戶,但是快捷鍵這樣的一個功能本身是針對中、高熟練度的用戶,也就意味著,你需要不斷的去培養用戶養成快捷鍵的習慣,這樣才能夠保證,快捷鍵能夠真正的被用戶所接受。

          其實現如今出現了很多無障礙的設計,大多數情況下都是在討論如何脫離鼠標進行快捷的操作。其實比起無障礙,快捷鍵應該能夠出現在更多 B 端產品當中。

          最后做個總結:

          我們常見的常見快捷鍵會分為:Ctrl、Command、Shift、Tab、Alt、Option

          如何設計快捷鍵?

          首先要去判斷是否需要快捷鍵,共有三種判斷方法、高頻使用、核心功能、沉浸場景。其次要去歸納用戶的快捷鍵訴求,想清楚快捷鍵的使用場景,避免與其他軟件沖突。接著去想想究竟怎么設計快捷鍵?可以使用語義法、流程法、競品法。最后我們可以在哪使用快捷鍵,能不能抄一抄作業?可以在詳情頁編輯操作、表格頁新建操作、導航菜單的快速切換、以及全局的功能操作。

          作者:CE青年

          轉載請注明:優設網

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          更多精彩文章:













          Bs界面設計之一:從視覺產品兩方面,分析2022年B端設計的發展趨勢

          博博


          前言:


          在 2020 年,疫情最為嚴峻的時候,B 端這一領域得到了前所未有的關注,而那時,身為 B 端用戶體驗設計師的我,也曾總結過,當時 B 端設計的諸多趨勢,比如:

          多端需求:即桌面端、平板端、移動端的設計形式

          設計中臺:擁有更為統一的設計平臺,與這兩年討論較多的設計資產相同,都是起到快速協作的作用

          隨著 2022 年的到來,B 端行業又會迎來哪些新的機會?今天我們就從整個的 B 端入手,回顧一下 2021 年的設計形式,展望一下 2022 年的設計趨勢。當然趨勢完全是我自己個人主觀理解,僅供參考,如有異議,以你為準~

          完整的趨勢,我們會分為視覺趨勢與產品趨勢:

          1. 視覺趨勢:主要圍繞設計當中的細節展開,比如圖標、色彩、字體、插畫等
          2. 產品趨勢:主要是了解不同的 B 端產品當中究竟有哪些發展形式,對于設計師又會產生何種影響?


          視覺趨勢

          1. 3D 設計風格

          雖然 3D 化的視覺風格早已到來,但是在 B 端市場上,3D 風格在此之前依舊表現的十分克制。隨著 C4D、Blender 這些 3D 建模軟件的不斷普及,再加上互聯網上關于 3D 建模教程的增多,你會發現 3D 風格的視覺表現,是一個 B 端視覺設計師的基本要求。

          而 3D 風格用在 B 端軟件當中,會有兩個使用場景:

          圖標

          因為在 B 端產品當中,圖標本身就是非常難以去表現,比如“物聯網,大數據”,許多抽象詞匯很難通過一個具象的事物進行表達,而在企業官網當中,在視覺表現上的要求又十分的高。因此你會發現,在視覺風格上的選擇,往往只有 3D 圖標 + 插畫這一條路。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          并且 3D 圖標的使用場景不會太過于局限,也可以用于產品的工作臺、運營營銷工具箱等頁面,因此 3D 圖標的出現,它的應用場景也會相比之前要更加的廣闊。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          可視化大屏

          大屏設計也在不斷的“內卷”,因為傳統的 2D 可視化大屏所搭建出來的大屏已經滿足不了企業的野心, 像 DataV 騰訊云圖 ,大家都在朝著 3D 風格,炫酷的方向進行延展,因此也就會導致 3D 的視覺風格需求激增,而 3D 建模仿佛就是大勢所趨。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          2. 新擬態

          雖然新擬態是在前兩年的產物。這個設計風格背后,遭到了很多設計師的質疑與排擠。但是隨著這個風格的不斷成熟,感覺它在 B 端視覺領域(特指的是官網 ),是非常受歡迎的,因為整體的風格,與官網的設計形式趨同。

          同時作為 B 端產品的官網,其實是更需要新擬態這種風格。因為電腦場景下鼠標光標對頁面進行 Hover 操作給出的真實反饋,而使用了新擬態的官網按鈕,給你的反饋非常真實。

          這里安利一下騰訊云的首頁官網,大家就會發現在設計風格上大量的采取了新擬態元素,并且配合 3D 風格的圖標,以及毛玻璃材質的設計,讓它的設計瞬間加分不少。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          3. 開源的設計系統

          在去年,設計系統迎來了一波發展的高峰期,隨著字節、騰訊,三大設計系統(Arco Design、TDesign、Semi Design)的開源,其實是給我們很多 B 端設計初學者,有了更加完整仔細的 B 端入門教程。

          比如 Arco Design 的組件用法 https://arco.design/docs/spec/link

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          清晰的講解了每一個組件的使用方式,以及注意事項,仔細閱讀這里面的內容,其實就是 B 端設計的入門學習。而未來,國內的環境,開源的系統也會越來越多,大家可以針對這幾大類不同的設計系統進行對比,或許會有一番收獲。


          產品趨勢

          4. 超級 app

          這里的超級 app 可能和大家潛意識里的支付寶、微信這些軟件不太一樣

          在 B 端行業,隨著疫情的不斷擴散、再加上兩年時間的發展,很多 B 端產品的功能架構都出現了一個現象,產品的功能開始變得非常擁擠。因為 B 端軟件的核心價值其實就是靠著一個又一個功能去累積,也就意味著隨著 B 端產品的發展,功能模塊在不斷的累積,導致在設計層面,這樣的現象變得更加嚴峻。

          你會發現左側的導航菜單已經完全沒有辦法裝下這些導航內容,而這一現象也反映在很多產品當中,比如我了解的飛書管理后臺、薪人薪事 等等諸多 B 端產品,它們在整個導航內容上,已經增加到一級導航 15+ 、二級導航 40+ ,這無疑會開始對設計師的能力造成巨大考驗。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          面對這一情況,許多導航菜單都將會迎來前所未有的挑戰,最近也在深入研究導航菜單過多時的解決辦法,發現了一些新的導航菜單設計方法,有機會咱們重新梳理一下導航菜單的內容,將 B 端設計指南文章進行更新。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          低代碼定制化

          低代碼一直是我關注的一個領域,先給不明白低代碼的同學簡單科普一下。

          低代碼,一種快速開發應用的軟件,將通用、可重復利用的代碼形成組件化的模塊,通過圖形化的界面來拖拽組件并形成應用。低代碼能夠實現只寫少量代碼或不寫代碼,類似用“樂高積木”的方式來開發。

          在國外有很多著名的低代碼成功案例。Outsystems(國外非常出名的低代碼平臺)幫助施耐德電氣在 20 個月內推出了 60 款應用程序,開發過程加速了兩倍;在 2012 年即將推出 Model S 之際,特斯拉放棄了 SAP 的 ERP 產品(可以思考一下為什么),改用低代碼開發平臺 Mendix,用 25 個人四個月時間自建 ERP 系統。

          去年,低代碼平臺,也有很多新產品面世,其中就包含:

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          因此你會發現,其實低代碼就是在解決一件事,圍繞著某一個業務場景,通過平臺的持續完善優化。讓所有的功能都能圍繞這個業務展開,其中包括:權限、時間軸、流程、表單、公式等等,能夠解決很多特殊的業務場景。而低代碼會涉及到設計思路上的轉變,以及低代碼編輯器的出現,如何去設計如此復雜的配置流程,如何讓用戶能夠快速上手,如果你能夠有比較完整的思路,這些都會成為我們設計的新機會。

          行業細分

          隨著互聯網市場的不斷發展,用戶會越來越關注產品在自己行業的應用,比如 CRM,其實只是一個籠統的稱呼,現在 CRM 市場又會分為 SCRM、運營 CRM,等諸多產品。

          SaaS 類的平臺也出現了負責從虛擬主機和數據庫層面入手的 iPaaS 以及從應用和數據層面入手的 aPaaS。

          即使是大家經常使用的 釘釘、企微、飛書,它們也在各自的領域有所擅長。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          因為 B 端產品,在底層邏輯上是不能允許趨同的產品出現,如果你和別人的產品一樣,其實是沒有辦法在目前的市場上立足。因此你會發現,雖然產品形式都會比較相同,但是 B 端市場十分廣闊,大家都在去尋找自己產品的差異化。

          當然市場是瞬息萬變的,這里也只是簡單聊聊我自己的看法,希望對你有所幫助。

          作者:CE青年

          轉載請注明:優設網

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          更多精彩文章:






          Bs界面設計之二:如何做好B端用戶研究?我總結了這4個方面!

          博博

          用戶研究產品設計中很關鍵的一項,它在整個流程中發揮著關鍵的影響。

          在設計中確定相關的數據指標以及用戶行為使得設計更加符合用戶的目標。設計驗證階段可以驗證設計是否符合設計目標。從而讓整個設計流程具有確定性,為用戶與公司帶來價值。

          有哪些研究方法?


          1. 主動找用戶


          日常主動找用戶做研究的方式有:問卷調查,線上數據,深度訪談,可用性測試。

          如何選擇研究方式:

          在日常工作中,要選擇什么方式進行用戶研究其實是非常糾結的。這里給一組日常工作中我們常用的指標進行判斷組合,包括:定量數據,用戶行為,定性數據,用戶態度。

          1. 定量數據:以數量形式存在的屬性,并因此可以對其進行測量,以物理量為例,距離、質量、時間等都是定量數據。

          2. 定性數據:一組表示事物性質、規定事物類別的文字表述型數據。

          3. 用戶態度:用戶對于產品的態度,喜歡或者是不喜歡。

          4. 用戶行為:用戶的針對一個任務的行為路徑。

          這里舉一個例子:想要根據定量數據推測用戶行為—線上獲取數據的方式有很多,其中深度用戶訪談在日常的調研中用的比較多,所以今天主要講講深度用戶訪談如何做。


          2. 深度用戶訪談


          前期準備:三個階段不同

          針對產品設計有三個階段:需求確認,設計實施以及全量上線后的驗證效果。

          1. 需求確認階段核心:確認需求是真實存在的而不是意淫的,主要是用于場景評審過程中,產品經理講述需求的場景和需求的價值。

          2. 設計實施階段核心:為設計師提供用戶行為參考,防止因為沒有用戶行為進行參考而導致的設計師腦補用戶行為產生臆想。

          3. 全量上線后:主要是驗證前期需求和設計過程中的想法給用戶帶來的正負影響,有時候如果內部出現不同的聲音往往會有灰度測試以及 AB 測試等等方式來確認具體哪個方式更合理。全量上線后,主要是看全部設計的結果。

          選取對象:

          除了要挑選不同對象外,還要挑選合適的測試對象才能測試出想要知道的方面,具體的有以下維度:

          用戶類型:具體的分 KA/非 KA,KA 是核心大客戶的意思,客戶具體的分級別是:KA,A,B,C,D。

          一般的情況下是邀請 KA 客戶進行測試。

          角色:具體的要看測試什么功能,比如要測試美業服務場景相關模塊,一般處于這一塊的角色是銷售。

          使用年限成熟度:一般分為新/老,舉個例子:針對新功能上線時候,一般會選擇新用戶,測試操作的難度。

          是否使用過競品:往往用過競品的可以找到兩個產品之間的對比,從而找到優化的點。

          常用的模塊/端:不同的模塊與不同的端,針對的是不同的用戶。舉個例子:在工廠內部,生產工人常用的是 pda 設備。

          如何建立邀約:特殊的角色

          這里講到 SaaS 中有一個角色:客戶成功。為什么要講這個角色,因為有兩個點:

          1. 調研之類的需要獲取客戶信任,客戶成功(客戶服務)是最接近客戶的。如果通過客戶成功邀約的話,成功率最高;

          2. 還有一個點是調研過程中有時候口誤會引起不必要的誤會,這個時候就會反映到客戶成功身上,從而影響到客戶成功的業績。

          針對性話術:

          提高邀約的成功率要通過客戶成功同學,這個時候客戶成功同學其實有自己的顧慮,主要是怕打擾到自己的客戶從而影響到業績,針對調研話術分三個方面:

          1. 價值傳遞打擊痛點:客戶成功同學的業績主要是由客戶的續費率以及流失率兩方面決定,作為設計/調研先表明不會打擾到客戶,而且這次測試的功能/模塊有助于提高客戶成功同學的續費率以及流失率兩個方面,就能大小顧慮。

          2. 了解敏感話題:這里還要通過客戶成功同學來了解客戶的敏感話題,比如:核心數據,收入等等直接不要提。

          3. 注意點:一次性不要去太多人(消費除外),容易嚇到別人。

          邀約客戶注意點:

          1. 電話說明身份和來意,打消客戶的顧慮獲取信任

          2. 盡可能避開營業高峰期,不影響客戶的正常營業

          3. 有時候也會被拒絕,但是也別死心,可以約下一次

          實施中間:

          邀約到位之后,實施主要是兩個部分訪談技巧和人員配合。

          訪談技巧:

          一般的訪談技巧分為 3 種:開放式,半開放式,結構式。

          (1)開放式:話題會比較分散,訪談起來會比較隨意。舉個例子:你覺得這個如何?

          (2)結構式:準確詢問,有一定的壓迫感,更多的是針對用戶行為可以詢問,但是一旦涉及到開放式問題效果就不會太好。而且客戶時間長了也會感覺不會舒服。

          (3)半開放式:針對部分用戶進行開放式詢問,通常選擇這個方式,既不讓用戶感到不舒服,又能達到調研的目的。一般是分成 4 步:

          破冰:一般是自我介紹,情況說明,活絡氣氛,為接下來做準備

          信息確認:了解用戶的基本信息,產品體驗歷史和大概經歷

          逐步深入:開始深入較深度,詳細的提問,了解用戶使用體驗的真實情況和體驗細節

          回顧與補充:結合前面訪談過程中的對話內容,可能要補充的問題,在這里可以跟用戶展開開放式的對話,了解用戶對產品的整體態度、建議,對競品的態度等等。

          人員配合:

          訪談時候不光有訪談的技巧還有人員之間的配合也是比較關鍵的,主要是分為 5 類人員:

          1. 主采訪人員:主要是專業的調研人員負責詢問,這里需要一定的專業的知識作為支撐。

          2. 補充采訪人員:詢問的時候可能會漏掉問題,這時候補充人員就可以找時間進行補充詢問。

          3. 錄音:這個跟客戶之間要先進行說明以及確認才可以進行,不然會引起客戶的反感。

          4. 拍照:輔助人員一般會進行拍照留念,返回去跟團隊進行分析,這里也要提前說明而不是直接進行拍照,這是對客戶的一種尊重

          5. 記錄人員:這里注意點就是不要只會埋頭記錄,還要會抬頭跟客戶有眼神交流

          訪談結束后要對客戶進行感謝,并贈送一點的禮物。

          訪談后期:

          訪談結束回到公司的階段,主要涉及到兩個階段:數據清洗,歸納復盤

          數據清洗:

          在訪談當中,其實不是所有的內容都對改版是有利用價值的(比如:簡單的發泄情緒),需要把重復的問題和無關的問題清理出來,找到所有訪談中有價值的部分,為后面的設計進行有力的支撐。

          歸納復盤:

          歸納復盤階段主要是把所有需求進行分類,然后根據類型進行任務區分以及任務排期,主要分成 5 個類型:

          1. 新增功能:以前沒有的功能,現在新增功能,具體的執行角色是產品經理。

          2. 功能優化:單個功能的問題,不流暢等等產品帶來的體驗問題。具體執行人是研發人員。

          3. 流程優化:單挑流程復雜,效率低等界面操作流程優化問題。具體執行人是設計師。

          4. 視覺優化:顏色不清晰/圖標表達不明/字號看不清等等示意和指引,信息標識問題。具體執行人是設計師。

          5. 性能優化:卡/BUG/LOADING 等系統緩慢的問題。具體執行人是研發人員。


          3. 用戶找我們


          我們除了可以去找客戶,客戶也回來找我們反映問題。這個方式其實是更加直接的。這個方式的三個階段,分別是收集需求、問題分類、以及問題進行排期。

          收集問題:

          用戶主動找我們有三種方式:用戶需求方反饋池,客服記錄,群聊記錄。

          1. 用戶需求反饋池:銷售/客服/客戶成功將收集到的用戶需求放入池子中,產品經理可以去池子里面篩選需求。

          2. 客服記錄:用戶直接跟客服進行反饋,客服收集之后直接扔到需求反饋池里面。

          3. 群聊記錄:這里的群聊有“銷售+客戶成功+產研群”也有“客戶成功+商家群”,定時會有值班的設計師/研發/產品經理進行值班,在內部我們叫做司機。有句風趣的,長期值班的我們會戲稱對方“X 司機”。主要是將問題收集起來直接發給相關的人員,將問題及時解決。這里的回復方式比較講究:回答盡可能給不確定的時間節點,打消用戶的顧慮。

          問題歸類就跟復盤分析一樣,重復的就不用再寫一遍了。

          如何解決用戶反饋的問題?

          需求分級:

          我們內部專門有個區分的表格,其中橫軸是重要與不重要,縱軸是成本低和成本高。我們會將所有需求開會討論進行排布。

          需求排序:

          具體的需求我們分成 4 類:

          1. 重要/成本低:一般是 KA 級別的客戶才是重要的,成本計算要具體看,這個優先進入排期。

          2. 重要/成本高:次優先級解決

          3. 成本低/不重要:需要排期一次性解決

          4. 不重要/成本高:有時間再解決,沒時間再說,這里一般指的是 F 類客戶個性化需求。


          4. 成為用戶


          這個一般是土豪公司的選擇,典型的像有贊,把實體店開在公司樓下。然后讓產研人員定期去當店小二,在自己的系統當中去找出問題,早上去做店小二,下午就把 BUG 修改完。


          總結


          用戶調研
          是產品設計中很關鍵的一個環節,需要每個環節和每個人認真的去做。

          作者:玩設計的雞腿

          轉載請注明:優設網

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          更多精彩文章:















          Bs界面設計之三:B端設計指南:快速了解B端產品的四種分類

          博博

          在我們日常的溝通當中,很多時候大家都會將自己的產品,以“B 端產品” 這樣寬泛、含糊的方式進行闡述。但是 B 端產品由于服務對象不同、發展方向差異,也就導致產品本身就會有很多不同的分類。

          今天就和大家分享 B 端產品的四種分類,以及對于設計師而言,這些分類會給我們設計落地、職業選擇造成哪些影響?


          垂直業務型產品


          垂直業務型產品是針對企業垂直獨立的業務需求所設計出來的 B 端產品。這類產品的出現,主要是圍繞某一個復雜業務場景,去解決這個場景當中企業經營、管理的實際問題。

          B端設計指南:快速了解B端產品的四種分類

          比如以 CRM 為例:CRM 的全稱客戶關系管理系統

          因為它是客戶關系管理系統,而使用這類產品的主要角色就是銷售員工,他們在進行商品售賣(特別是交易周期較長的商品時)需要銷售人員通過 CRM 進行管理客戶。

          B端設計指南:快速了解B端產品的四種分類

          而作為企業為什么要使用 CRM 產品?

          其實是因為企業本身會有較強的管理需求,我希望能夠通過 CRM 去監督每一個銷售人員究竟是否認真完成工作,是否合理合規高效的與客戶進行跟進溝通,因此可以通過 CRM 滿足企業的管理需求。

          但“銷售”這類角色往往非常特殊,它存在于各行各業,比如樓下提供保險業務的銷售人員、樓上在線培訓的銷售人員、自己公司 B 端產品本身的業務銷售人員。

          B端設計指南:快速了解B端產品的四種分類

          而大多數 CRM 產品考慮的不是針對每一個行業單獨去制作一款 CRM,因為銷售團隊在使用的過程當中,就會存在很多共性,產品便可以通過共性去抽象一個針對多行業的客戶關系管理系統。

          垂直業務型通常屬于 B 端產品當中難度較高的產品類型,因為不同的業務,往往作為設計師需要了解的不是簡單的這個頁面長什么樣,而是這個業務下,員工應該怎么用,怎么用才是更為合理的,而在很多招聘信息當中,就會發現企業更喜歡去招聘有過類似經驗的設計師。

          當然作為設計師,如果選擇進入一家垂直業務性產品的企業,應該更多的去閱讀行業相關的書籍,比如想要做好 CRM 產品,你必須了解什么樣的銷售人員,具備什么能力,才是一名資深的銷售。通過了解行業人員的具體使用細則才能更好落地設計。

          B端設計指南:快速了解B端產品的四種分類


          行業屬性型產品


          行業屬性型產品是針對某個行業定制的一系列,從上至下、從內到外的產品功能。這類產品主要是圍繞一個具體的行業去構建整個產品的解決方案,目的是這個行業的商家,在使用了這款產品過后,就能夠解決它目前經營過程當中的問題。

          比如以在線教育行業為例,小鵝通應該就是在線教育行業的頭部產品,去觀察它的產品功能模塊你會發現它會涵蓋課程詳情的內容管理、學員知識付費的交易管理、對產品進行營銷的 Marketing、成功付費學員的客戶關系管理,而這些功能模塊在其他產品當中都可以單獨拿出來,當做一個大型的 B 端系統的功能。

          B端設計指南:快速了解B端產品的四種分類

          行業屬性型產品更多是以這個行業當中需要用到的產品出發,考慮就不再是單一的老師角色,而是一個課程培訓行業所涉及到的所有工具,都希望能夠通過行業屬性型產品去解決。

          在設計上,行業屬性型產品不會過于復雜,功能都會相對比較簡單,因為對于這些商家而言,不需要過于復雜的系統,只要你能夠滿足它的日常工作即可。

          比如小鵝通,就是屬于在線教育行業的產品,它與紛享銷客當中的客戶管理就會存在明顯差異,無論是從功能還是界面的復雜程度來說,都完全不一樣??梢钥吹胶Y選、視圖、表格操作,等多方面的交互、產品規劃,都會有明顯的差異。

          B端設計指南:快速了解B端產品的四種分類


          協同辦公型產品


          協同辦公型產品是通過軟件實現工作協同、辦公自動化,讓企業高效運轉的產品。

          大多數情況下,企業內部的辦公管理沒有太多個性化訴求,因此會購買成熟的辦公協同產品:比如飛書、企微、釘釘、泛微

          B端設計指南:快速了解B端產品的四種分類

          目前較為常見的協同辦公產品包含:在線文檔、OA 辦公自動化、IM、在線會議、項目管理、研發管理等產品。

          協同辦公產品,在企業當中通常只會有一款軟件。比如在一家企業 使用了企業微信,就等于它會去使用騰訊會議、騰訊文檔、tapd 等多款關聯性的產品。

          在設計層面上,協同辦公型產品是最接近 C 端產品的特性,因為他的使用人群很多,并且使用的角色也復雜多樣,因此在產品設計上,對于 視覺交互往往有著更高的要求。


          運營管理型產品


          運營管理主要分為運營與管理兩個系統。

          運營是針對自己本身就有 一款產品 A(不限于 C 端 B 端) ,為了滿足產品 A日常界面的展示與維護,需要專業的運營類后臺系統所支撐。比如淘寶、抖音、小紅書,這些產品,他們都會有自己的內容審核 、廣告投放等多個后臺系統。

          B端設計指南:快速了解B端產品的四種分類

          運營的主要目的就是審核,日常的數據資料維護,比如以 sspai 為例,在少數派的網站當中,有作者進行投稿,因此必然會存在對應的運營人員進行內容審核,同時少數派還會有會員、商品購買,因此能夠推斷出少數派的運營后臺一定會包含類似成員管理、會員管理,訂單管理等前臺系統已經擁有的功能,來執行網站后續的運營工作。而管理則是針對系統當中的商戶、用戶、租戶的“信息資料”進行管理。

          主要會涉及到:

          商戶的門店信息:

          餓了么的商家服務后臺,商家可以進入到系統里面去配置門店的具體信息、售賣的菜品、對應的活動等等,而餓了么就是通過這樣一個平臺能夠規范商家在系統當中的行為,能夠對他們進行有效的監管。

          B端設計指南:快速了解B端產品的四種分類

          租戶功能的開通:

          租戶主要針對的是 SaaS 產品,也就是購買 SaaS 產品的客戶,而我作為產品提供方,想要對每一個客戶進行管理,就會有一個租戶平臺進行管理。比如在我們一個租戶管理系統當中,為了讓客戶成功對每位租戶的信息進行快速操作,在設計上并沒有優先去考慮設計原則,而更多是將操作外置,讓信息快速傳遞的同時,能夠快速操作。同時使用的客戶因為都需要進行上崗培訓,這樣簡單的操作也能讓他們更容易理解。

          用戶信息的分析:

          對所有在平臺的數據進行分析管理。比如在 B 站當中,就會存在大量的用戶,一旦有人發言出現問題,或者言語行為過于暴力,那一定會有系統來管理這樣的特殊情況。而用戶給到的數據我們還能夠對其進行更為細致的分析。


          最后


          其實一款 B 端產品并不是固定在某一個類型當中,更多是隨著市場的不斷發展進行變化,因此要去理解的是這個軟件背后的業務訴求、推導他們的功能模塊,盯著一款產品“發呆”(其實就是去想想,多理解),當然這對于 B 端產品的類型,有什么自己的想法也可以在評論區發表自己的看法~

          作者:CE青年

          轉載請注明:優設網

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          更多精彩文章:














          國外大佬總結的這20條B端圖表設計原則!

          純純

          最近幾年以來,大家能看到B端設計趨勢已經越來越火熱,在B端設計中關于圖表的設計算是為數不多的視覺發揮點了。那么怎樣才能做好圖表設計,讓設計出來的圖表高大上,符合業務需求,讓業務方和總監對你贊不絕口,本文就必須看完和收藏了,因為實在是太實用!

          應用設計越來越依賴數據驅動,對高質量的數據可視化需求也越來越高。然而我們身邊卻充斥著令人困惑和誤導的數據圖表,但我們其實可以通過遵循一些簡單的規則來改變這個情況。



          1. 選擇一個正確的圖表可視化類型


          選擇錯誤的圖表類型,或默認為最常見的數據可視化類型,可能會讓用戶感到困惑或導致對數據的誤解。根據用戶希望看到的內容,可以用多種方式表示相同的數據集。盡量做到每一次做數據可視化時都能從數據集類型分析和用戶訪談開始。 

          undefined



          2. 根據正負值使用正確的繪圖方向


          當使用水平條時,在基線的左側繪制負值,在右側繪制正值。不要在基線的同一側繪制負值和正值。 

          undefined



          3. 條形圖總是以0基線開始


          刪數據起點會導致曲解。在下面的例子中,看左邊的圖表可以很快的得出結論,值B比D大3倍多,而實際上,兩者的差異要小得多。從0開始可以確保用戶獲得更準確的數據表示。

          undefined


          4. 折線圖應該要清晰體現y軸上的趨勢變化


          對于折線圖,總是限制y軸比例從0開始可能會使圖表幾乎平坦。由于折線圖的主要目標是表示趨勢,因此根據給定時期的數據集調整比例并保持直線占據y軸范圍的三分之二是很重要的。 

          undefined


          5. 使用折線圖時要考慮時間連貫性


          折線圖是由線連接的“標記”組成,通常用于可視化時間間隔內的數據趨勢。這有助于說明數值是如何隨時間變化的,并且對于較短的時間間隔非常有效,但當數據更新不頻繁時,這可能會導致混淆。 

          undefined

          例如: 使用折線圖來代表年度收入,如果數據是每月更新的,則每個月在圖表中會生成一個個孤立的標記點。用戶可能會假設連接“標記”的線代表實際值,而在特定時間實際的收入數字是未知的,所以可能會產生誤會。在這種情況下,使用垂直條形圖可能是一個更好的選擇。 


          6. 不把折線圖強行”平滑“


          平滑的折線圖可能在視覺上很好看,但它們錯誤地反映了背后的實際數據,而且過粗的線會模糊真正的“標記”位置。 

          undefined


          7. 避免使用比例不同的雙軸折線圖


          通常,為了節省可視化空間,當有兩個具有相同度量但大小不同的數據系列時,可能傾向于使用雙軸圖。但這些圖表不僅難以閱讀,而且它們還以完全誤導的方式代表了兩個數據系列之間的比較。大多數用戶不會密切關注比例,只是瀏覽圖表,然后就得出了錯誤的結論。 

          undefined


          8. 限制餅圖中顯示的切片數量


          餅狀圖是最流行的也是經常被誤用的圖表之一。在大多數情況下,條形圖是更好的選擇。但如果你決定做一個餅狀圖,有2個比較好的建議:

          1)不要超過5-7片,保持簡單

          2)可以將額外的最小段分組到“其他”切片 

          undefined


          9. 在圖表上直接標注


          如果沒有適當的標簽,無論你的圖表有多好,它都不會有意義。直接在圖表上標注對所有用戶都非常有幫助。查閱圖例需要時間和精力來理清數據和對應的部分。 

          undefined


          10. 不要在切片上貼數據


          將數據放在切片上可能會導致多個問題,在可讀性問題上和窄切片上都會有挑戰。相反,添加黑色標簽能清晰的鏈接到每個部分。 

          undefined


          11. 保持餅圖切片秩序以提升閱讀效率


          在確定餅片秩序時,有幾種常用的方法:

          1)將最大的切片放在12點的位置,然后將下一片切片順時針降序排列

          2)把最大的切片放在12點的位置,第二大的放在順時針相鄰位置,第三大的放在11點的位置,其余的切片按順時針降序排列 

          undefined


          12. 避免隨機排列


          同樣的建議也適用于其他許多圖表。不要默認采用字母排序,將最大的數值放在頂部(對于水平條形圖)或左側(對于垂直條形圖),以確保最重要的數值占據最突出的空間,減少眼球運動和閱讀圖表所需的時間。 

          undefined


          13. 窄的餅圖是難閱讀的


          餅圖通常不是最容易閱讀的圖,因為比較相似的值非常困難。當我們把中間部分去掉,創建一個圓圈圖表時,我們騰出了空間來顯示額外的信息,但這樣犧牲了清晰度,極端情況下,圖表就會變得毫無用處。 

          undefined


          14. 視覺效果不要搶了數據風頭


          不必要的造型不僅會分散注意力,還可能導致對數據的誤解和用戶的錯誤印象。你應該避免:

          1)3D元素,明暗面

          2)陰影、漸變和其他扭曲的多彩色

          3)斑馬圖案,過多的網格線

          4)過度裝飾,斜體,粗體或襯線字體 

          undefined


          15. 選擇與數據性質相匹配的調色板


          顏色是有效的數據可視化的組成部分,在設計時考慮以下3種顏色類型:一個定性調色板最適合顯示分類變量。為確保易用性,所分配的顏色應該是不同的。連續調色板最適合需要按特定順序放置的數字變量。使用色相或亮度或兩者的組合,可以創建一個連續的顏色集。

          發散調色板是兩個連續調色板的組合,中間有一個中心值(通常為0)。通常不同的調色板將傳達積極和消極的價值。確保顏色也與“消極”和“積極”表現的概念相匹配。 

          undefined

          看看一個方便的工具- [ColorBrewer]https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3,它可以幫助你生成各種調色板。 


          16. 設計的可訪問性


          根據美國國家眼科研究所(National Eye Institute)的數據,大約每12人中就有1人是色盲。你的圖表只有在廣泛的受眾可以訪問時才會成功。

          1)在調色板中使用不同的飽和度和亮度

          2)把現有配色去色然后檢查對比度和可讀性。 

          undefined


          17. 關注易讀性


          確保排版能夠準確傳達信息,幫助用戶專注于數據,而不是分散用戶的注意力。

          1)選擇易讀的字體,避免襯線和裝飾過度的字體

          2)避免使用斜體、粗體和全部大寫

          3)確保與背景有高對比度

          4)不要旋轉文字

          undefined

           

          18. 使用水平條形圖代替旋轉標簽


          這個簡單的技巧將確保用戶能夠更有效地閱讀圖表,而不會扭傷他們的脖子。 

          undefined


          19. 事先選擇合適的圖表庫


          如果你的任務是在web和移動項目中添加交互式圖表,你應該問的第一個問題是我們將使用什么圖表庫?現代圖表庫包含了許多前面提到的交互和規則。基于已定義庫的設計將確保易于實現,并能提供大量交互想法。 

          undefined


          20. 做成動態圖表


          幫助用戶通過改變參數,可視化數據進行探索。然后得出結論,最大化價值和洞察力。在下面的示例中,你可以看到IOS Health應用使用了各種數據表示的組合。 

          undefined

          作者:彩云Sky         來源:站酷
          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          魏華的微信.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 
          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          中后臺沒啥可設計的?試試這樣拓展設計價值

          純純

          B類領域設計師必然會面對譬如CRM、ERP等諸多類型的中后臺類產品。大多就是做做表單設計,年底考核時想爭取漲薪證明自己,但老板要問的“設計價值”是個啥?在這些業務主導下的中后臺產品又該如何定位設計機會及價值?



          本文就以比較典型且系統化的中后臺企采SaaS服務產品為例,來聊聊在這個領域中,是如何進行機會的挖掘,探索并付諸實踐的。

          01. 業務先贏 完成體驗助力是基礎

          -

          在過往數年里,阿里Ant Design,Alibaba Fusion為代表的中臺團隊進行了大量基礎組件設計體系的積累,也沉淀了一些可直接復用的工程化解決方案。如果說有就行,的確產品經理和技術人員自己拼拼湊湊,就可以極低成本的獲得一個較為套路化,但無需設計師介入費腦的中后臺產品。



          但作為用戶工作環境中和風險、錢打交道為主,被強制使用的工具載體,在全球數字化經濟轉型推進趨勢下,越來越多的中后臺B端產品需要具備更高效,更細膩的體驗,以改善千千萬萬使用者的數字化工作方式.

          初步接觸業務,我們即發現沿用基礎通用設計組件庫,“拼組件”的方式沒辦法滿足垂直業務模塊比如供應鏈詢價、采購、財務核賬履約領域高強度信息承載密度下精細化的用戶體驗訴求。

          因此,為了增強SaaS產品及服務的不可替代性,提升售賣價值亮點以及產品續約率,我重點對業務場景下特有的行為組件、模板及方案鏈路進行抽象歸納改良設計。



          這樣做最直觀的好處就是不浪費時間重復造輪子,站在巨人的肩膀上來完善組件庫,提升設計效能,1位設計師就能通過業務場景組件,高效承接密集的產品需求。 

          另一方面,收攏特定場景下核心差異點,只聚焦最小范圍來打磨組件及流程,可敏捷實現差異化設計的最佳實踐。 

          精細化的場景多欠缺合適的線上化解法,作為你深度挖掘,充分思考下的設計方案,相對更容易獲取某些領域的設計獎項甚至專利,證明你有在設計上做出了壁壘,創造了價值。 

          除此之外,由于該敏捷的體驗設計過程是以抽象核心差異為契機,對應領域的設計師亦能更高效的構建出業務特定場景下的獨有的“Design System",在后續過程中放大設計價值。

          02. 中后臺產品 效率是關鍵

          -

          多數中后臺產品(尤其是企業級應用系統)會出現 "功能、頁面多"、“流程長”的臃腫現象。 

          受打工人身份禁錮下的實操用戶大多也是迫于工作合規要求,不得不從原本習慣的線下作業流程,轉變為在中后臺線上了解信息,以及多角色協同決策處理事務。甚至可以說有了中后臺的存在,反而增加了他們日常工作操作成本,故無論是新用戶還是老用戶,都難有意愿于中后臺完成事務處理的體驗閉環。



          為提高采購流程的效率,讓中后臺線上作業更輕松,更提升企業收益/價值。

          我們基于用戶行為能力動機,從“替ta完成”,“催ta處理”,“助ta做快”這三個維度,通過協同引導提效的方式來促進線上事務處理完成并流轉。簡單說,機器能做的就自動處理推進,不能的則及時觸達引導,力求做到中后臺事務處理過程去人工化,以及主動精準有效的引導。



          設計師在這個環節內除了結合新技術,和業務團隊共同打造一些智能化服務替代原本高重復性操作以形成新體驗外,還可以深刻研究并理解人性本質,在相關待辦或服務內容觸達上精細化設計。

          01、讓待辦任務更有效的被觸達并解決

          與業務一起分層提醒內容,及對應內容的可讀性、可視化設計;

          02、基于用戶行為動機下的推送規則設計

          不打擾用戶工作前提下,及時引導助其理解更促使用戶啟用自動化提效服務,譬如處理受阻失敗、或用戶剛完成一項任務時,引導其配置自動處理規則,提高整體效率;

          03、打造激勵機制和場景

          定期進行實操人員處理任務完成度/時長的同團隊數據分析比較及外顯方案,結合數據可視化呈現手段,在行業內外部團隊相互制約下,促使用戶自我驅動警示,保障事務推進流轉。



          最終目標即是推進業務中后臺的用戶數字化體驗從最早的幫助Q&A被動喚起自助化服務,變為主動承接服務告知可處理,半自動化分發,及自動處理,甚至社會智能化數據自驅的演變進階。



          總體來說,在中后臺產品給用戶提供更簡單、更集成的方案,大量消減操作步驟,突出真正重要的信息就是設計最大的價值。

          03. 構建數字化管控的新體驗

          -

          除一線實操用戶外,我們還要關注管理者,有時更是一號位的老板這一類關鍵角色,他們在線上各個子環節都有較為強烈的可控,可管理的訴求在,以證明其付錢購買的中后臺“在線數字化”工作方式真的能降本增效,或作為企業內部管理優化的量化指標依據。

          在企業按年續費產品服務的商業化增長目標下,讓管理者能真切意識并實際體會到數字化工作方式的價值就變得尤為重要。因此,設計的關鍵是增強管理決策者對數字化平臺服務的感知度以及滿意度。

          01、智能化決策輔助的設計

          和一線操作員側的提效類似,只不過對于管理者,我們需更多著重于“替ta完成”和“助ta做快”這兩部分去打造智能化服務的管控新體驗。

          為確保機器智能化處理邏輯更接近人的自然思維,設計師在這個環節中可主動補位,制定相應類型下數據的機器思維處理分析規則以及內容維度。



          在過往采購SaaS中后臺業務設計中,設計亦抽象了事務型進展以及綜合決策分析決策兩類數據模塊新場景,通過直觀結果呈現以及判斷要點佐證,在管理行為及流程上促進管控手段的數字化升級,幫助管理者高效獲取/查看/分析數據要點。



          02、多維度的數據關懷提醒

          有了對應的分析數據結果和要點,我們還要將數字時代下的管理數據,團隊事務整體進度、風險預判結論有效觸達管理角色,更放大其體感。



          給老板用的數據大屏/中后臺數據看板,及數字孿生可視化即是一種可以充分發揮設計表現力并擅長的領域,即便你所在的中后臺團隊沒有相應技術資源,設計依舊可以通過“電子郵件” “長圖”等通用載體,以輕量化的方式來完成價值傳遞。 

          在這個環節,設計的價值就是讓管理者讀懂數據,受惠數據驅動的決策方式。

          03、形成體驗質量監測評估體系

          以設計體驗度量量化為起點,深度關聯管理決策者關心的企業運營數據“健康度”,及商業化營收續簽強相關的“續簽意向”,來評定并監測用戶對SaaS產品服務的整體接受度及體驗滿意度。



          我們基于HEART、PULSE、UES、五度模型等已有模型,選擇業務目標和場景核心指標來調整衡量維度并推導演變,從業務、產品、技術、服務等多維視角構成適合企業采購SaaS產品的體驗度量模型,推動運營/算法/后端共建機制及產品將體驗監測工具化,以形成業務中多角色都能有效應用起來的體驗質量評估體系。



          最終,管理決策者較過往能更實時的掌握一線人員工作使用中后臺的健康度情況,有效數字化管理。

          對我們的合作伙伴業務運營團隊而言,全新的客戶續簽意向管理預測方式,可提早發現風險,更能聯合內部預警及平臺觸達運營服務有效規避客戶流失。

          而對于我們自身設計職能,通過這種度量維度方法和工具,不但能定期便攜的獲取核心指標變化作為設計價值量化憑證,體驗監測所獲得的相關結論還可以指出中后臺產品當前業務階段問題方向,結合設計目標鎖定問題范圍,定位后續設計著力點。

          中后臺領域心得技巧

          -

          上述即是企采SaaS中后臺產品中的設計實踐。我們也總結了幾個定位設計機會及價值的心得或方法。



          01、學徒式調研實操,同理映射用戶 

          具有出眾同理心的設計洞察以及解法是體驗價值的基礎。(常說要站在用戶視角做設計,但不像消費端,設計師多不是中后臺實際用戶,也很難換位思考理解用戶工作行為特征和痛點。) 

          因此,中后臺領域的設計角色迫切的需要與更多的實際用戶去交談、調研。 

          為提升該過程的質量及效率,我們嘗試在用戶定性調研訪談之前,多通過學徒式調研的方法,來熟悉其工作行為特征,定性的挖掘用戶痛點。 

          即是以單任務為維度,先請教我們的實際用戶他們是如何做的,并依此自己上手完整實操,直到確保能按時保質完成目標任務。 

          設身處地還原目標用戶情景,理解各方案的優劣勢,及如何在他人身上起作用的目的,在該環節之后再去和用戶交談,即可更高效的獲得真實的用戶洞察以及理想方案假設。



          02、用設計擅長的可視化手段,呈現體驗痛點

          天馬行空的設計創新方案總是在決策時受各種技術、資源為由被Pass,推進創新智能的體驗方案在中后臺領域是個尤為費事的過程。 

          面對這一難題,我們可以通過體現設計思維的一些工具模型調整應用,來增強表現說服力,進而建立信任以及方案推進的成功率。



          譬如設計側常用的決策工具用戶體驗地圖,在B類中后臺領域中可以將原本情緒體驗波浪線替換為效率數據來調整應用,梳理并呈現產品的全流程效率數據曲線,同理“峰終定律”來快速界定并洞察全鏈路中短板模塊,以及低效待設計優化關鍵點。

          借此數據可視化手段,呈現出來體驗關鍵問題嚴重性,亦可讓項目組各職能伙伴共情,獲得設計策略及方案的認同。

          03、和業務方向緊密結合,跟業務匹配的設計創新

          設計創新提案難免會出現兩類問題:

          首先是創新提案推不下去,甚至被說是設計自high。

          這多是因為沒有想著結合業務方向,光想著創新或新穎的方式去設計方案。

          我們擅長也希望通過酷炫的動效,創新的交互,智能化體驗的暢想及解法來表現設計手段的精深。固然,這些事情的探索嘗試或練習都有其意義價值,但作為商業設計師不能光紙上談兵,只有結合業務順勢而為,我們耗時做的方案才有可能提案成功,更推進技術還原落地,從而帶給用戶更好的用戶體驗。

          再者就是方案有結合業務,也被認可有價值了,但優先級往后走?

          這說明設計結合的點不大對,并非業務最關心的。

          中后臺產品,多和前臺核心戰略有著強邏輯關系,或有廣泛的、潛在的商業化潛力。而了解業務核心關注點,最簡單快速的方法就是找到對的人——業務一號位,并快速抄作業。

          勇敢點的可直接約業務一號位聊聊,含蓄的設計師亦可嘗試借美化一號位匯報PPT等手段,巧妙的獲取并理解業務核心目標,布局以及關鍵利益,在此基礎上再從上至下梳理了解各子業務線規劃,設計就能更好的取舍。

          原文地址:站酷    作者:阿里巴巴CBU設計


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合