杭州企業網站建設：分享一些國外的例子來減少認知障礙的發生

2019.09.09

簡單地說，放棄多年來流行的漸變，陰影，高光等想象的視覺效果，使用一些簡單的純色塊來創建更“平坦”的界面。平面樣式的一個優點是它可以更容易和直接地顯示信息和事物的工作方式，減少認知障礙的發生。

  以下是一些國外網站的一些例子：

  Squarespace

  新版本的Squarespace幾乎完全展平了視覺風格，只使用了一些更傳統的方式來突出重要的交互元素。嘗試一下，你會發現他們的產品在功能邏輯方面仍然相當復雜，但所有這些都隱藏在簡單直接的界面背后。您真的可以感受到設計團隊的辛勤努力。

  Acebook

  Facebook是平面界面設計的一個很好的例子。除了在幾個主要操作按鈕中使用的輕微斜角效果之外，所有其他界面元素都是平坦的。鑒于他們多年來一直保持這一功能，至少我們可以說這種設計風格杭州企業網站建設完全適用于Facebook。

  RDIO

  巢

  在他們的網站中，實際產品和相關應用環境照片作為“真實”元素被并入平板式媒體載體中。虛擬和真實的結合使訪問者可以輕松地專注于產品，而不會受到網站界面上的視覺元素的干擾。

  無論您使用何種樣式，良好的界面設計都需要遵循杭州企業網站建設一些常見的設計原則：

  一致性

  通過一致的設計模式和視覺風格，為用戶構建了完整一致的心理模型，使產品更易于使用并增強整體體驗。

杭州企業網站建設：分享一些國外的例子來減少認知障礙的發生

  ??相比

  通過調整顏色，大小和布局，可點擊的界面元素與其他元素在視覺上形成對比。

  布局

  您可以嘗試使用960gs的網格布局來設置界杭州企業網站建設面的可視化規范，以便用戶的視線可以跟隨內容本身定義的路徑的自然移動，并增強界面的視覺平衡。

  分級

  目標用戶

  不同類型用戶所青睞的界面風格也不同。在建筑，設計，時尚等領域的用戶可以更好地接受平面樣式，而其他更“普通”的用戶更可能接受相對傳統的物化界面。

  反饋

  發生點擊行為時，立即向用戶提供清晰明確的視覺反饋。動畫過渡效果是一種常見的反饋方法。例如，在用戶執行操作之后，旋轉圖標用于提示用戶系統進行響應。

  減少“摩擦”

  無論使用何種視覺風格，都應盡可能簡化界面，減少用戶為實現更流暢的交互體驗而需要執行的操作量。任何障礙或額外步驟都會增加運營成本并增加功能的復雜性，從而降低轉換率。

  鼓勵探索

  了解目標用戶可能會探索的產品。一旦他們習慣了產品的界面和基本功能并開始向“高級用戶”階段邁進，他們必須為他們的探索和學習行為提供必要的指導和“獎勵”反饋。

杭州企業網站建設：分享一些國外的例子來減少認知障礙的發生

相關推薦