設計理念是設計的核心思想與運作原則,是為了明確設計團隊方向,確保圍繞著核心準則去運作,而出現的指引設計師按既定線路前行。即設計團隊在企業中存在的使命、任務、價值。

  所以在製作 web 端設計規範系列規範時,部分就是 Web 端設計理念篇。設計理念篇本身不分移動端或者 web 端,這是一個通用的理念準則。

  設計團隊的意義是能理解分析終多使用者的需求,透過的設計手段、方法去實現企業戰略解決相關問題。

  以什麼而設計?這需要去明確並堅守它,我總結了兩條:

  以業務需求為基礎的設計

  以多使用者為中心的設計

  以業務需求為基礎的設計

  1. 設計脫離業務就失去了設計存在的意義,設計本身就應該將業務思維轉化為設計思維。

  2. 在做設計滿足業務的需求基礎上,就要更加主動的去思考多使用者完成這個基礎場景後的下一步,再下一步應該是什麼,思考解決方案的延伸面。

  3. 設計師對業務的理解很重要,但在持續深入理解業務之餘,有意識地去建立獨立於業務的通用跨界思維、框架和方法論,我們不能滿足於逐一解決單一、鼓勵的業務問題。

  以多使用者為中心的設計

  1. 產品設計是從多使用者需求和多使用者的感受出發,圍繞多使用者為中心設計產品,而不是讓多使用者去適應產品。無論產品的使用流程、產品的資訊架構、人機互動方式等,都需要考慮多使用者的使用習慣、預期的互動方式、視覺感受等方面。

  2. 當我們關注多使用者時,除了關注多使用者要完成的任務,即產品將提供的功能及操作流程,也應該充分關注其完成任務時的目標,即多使用者為什麼要執行這個行動、任務或操作。

  不同端的設計理念

  不同的使用物件(B 端、 C 端)設計理念也有所區別。

  B 端產品一般架構複雜且較定製化,以業務為導向。可能有很多高階功能,突出高效易用,導致易學性打折扣。

  C 端產品一般考慮絕大部分多使用者使用場景和訴求,高階功能會相對少點。突出易學性。

  C 端產品需要關注多使用者的使用時長、是否容易上手並順利使用。產品做得越好,多使用者越願意為它花時間。但在 B 端市場,效率才是產品的目標,因為 B 端產品的價值恰恰在於在儘量短的時間內抓住多使用者痛點,如果多使用者需要在您產品上花費很多時間,那說明您的產品太難用了。

  對 C 端服務多使用者來說,易學/易用> 功能齊全

  易學/易用即保持了介面結構簡單、明瞭、設計清晰、易理解,操作簡單,透過介面元素的表意和介面提供的線索就能讓多使用者清楚的知道其操作方式。

  易學/易用的產品易於縮小新多使用者和專家多使用者的差距,減少多使用者的認知成功,提升多使用者體驗。

  提升易學易用可以從以下方面來處理:

  恰當的引導:透過文字提示或浮層提示來告知多使用者,使新多使用者對該產品/新增功能一目瞭然。

  場景指示:在相應的場景下給予多使用者一定的指示讓多使用者更清晰的知道下一步操作方向。

  例如下圖的浮層和文字提示:

  遵循已有多使用者習慣:多使用者習慣是由多使用者長期適應和積累的習慣,很難改變。所以儘量遵循現有主流設計習慣可提高產品的易學/易用性。

  對 B 端服務多使用者來說,功能齊全/高效> 好用

  高效是透過設計幫助多使用者可以精準、快速的完成目標任務。

  在做 b 端產品時,由於使用的場景相當複雜,同時選擇性可能很多,如何在複雜操作裡面高效,這對於設計師來說是一個挑戰。

  提升高效可以從以下方面來處理:

  功能齊全:透過齊全的功能來保證高效。

  減少操作路徑:最佳化多使用者操作路徑,儘可能的少步驟的完成多使用者要完成的操作路徑。

  減少頁面跳轉:更少的頁面跳轉能增加介面的連貫性,減少多使用者的操作和記憶負擔,讓多使用者完成任務更具有連續性。

  例如下圖是 b 端的賣家介面,搜尋功能異常強大,支援各種緯度的篩選。同時直接展示出來,沒有將高階搜尋隱藏,這樣就避免頁面的跳轉同時增加操作路徑。