資深UI設計師的web規(guī)范

以什么而設計？這是設計理念的基礎。這需要去明確并堅守它，我總結了兩條：

1.以業(yè)務需求為基礎的設計

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

2.在做設計滿足業(yè)務的需求基礎上，就要更加主動的去思考用戶完成這個基礎場景后的下一步，再下一步應該是什么，思考解決方案的延伸面。

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

2.以用戶為中心的設計

1.產品設計是從用戶需求和用戶的感受出發(fā)，圍繞用戶為中心設計產品，而不是讓用戶去適應產品。無論產品的使用流程、產品的信息架構、人機交互方式等，都需要考慮用戶的使用習慣、預期的交互方式、視覺感受等方面。

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

不同端的設計理念

不同的使用對象（B端、C端）設計理念也有所區(qū)別。

B端產品一般架構復雜且較定制化，以業(yè)務為導向。可能有很多高級功能，突出高效易用，導致易學性打折扣。

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

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

對C端用戶來說，易學/易用>功能齊全

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

易學/易用的產品易于縮小新用戶和專家用戶的差距，減少用戶的認知成功，提升用戶體驗。

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

1.恰當?shù)囊龑В和ㄟ^文字提示或浮層提示來告知用戶，使新用戶對該產品/新增功能一目了然。

2.場景指示：在相應的場景下給予用戶一定的指示讓用戶更清晰的知道下一步操作方向。

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

遵循已有用戶習慣：用戶習慣是由用戶長期適應和積累的習慣，很難改變。所以盡量遵循現(xiàn)有主流設計習慣可提高產品的易學/易用性。

對B端用戶來說，功能齊全/高效>好用

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

在做b端產品時，由于使用的場景相當復雜，同時選擇性可能很多，如何在復雜操作里面高效，這對于設計師來說是一個挑戰(zhàn)。

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

• 功能齊全：通過齊全的功能來保證高效。
• 減少操作路徑：優(yōu)化用戶操作路徑，盡可能的少步驟的完成用戶要完成的操作路徑。
• 減少頁面跳轉：更少的頁面跳轉能增加界面的連貫性，減少用戶的操作和記憶負擔，讓用戶完成任務更具有連續(xù)性。

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

例如下圖是c端的買家界面，將搜索功能做的比較簡潔（易用），同時將高級篩選功能做了隱藏處理。減少用戶的認知和操作負擔，讓用戶專注當前購買列表的主操作。

作者：Echo（微信公眾號：UEDC）
相關文章--《UI設計師告訴你網(wǎng)格對版式的作用》