介面設計原則大揭密：掌握這些技巧，成為優秀的產品設計師

文、Solis

有一個你完全沒用過的機器物件之類的，你是不是能第一眼就能理解怎麼使用？

正確清楚的提示，就是為了能讓使用者在直覺的狀況下瞭解物件的使用，這種直覺的狀態又分兩種，一種是人體工學情報，一種是視覺情報。

人體工學情報比較單純，大多數的狀況就不是靠眼睛取得或是理解一個物件的使用方法，別忘了，我們曾經提過，介面無所不在，並不是眼睛看到的東西才算介面，主要是依據人體本身的構造進行介面規劃。

遊戲產業極為注重相關的人因工程，有效友好的提示效果，往往能讓使用者快速上手進而享受該遊戲

例如冷氣遙控器的介面，電源開關通常會看到兩種設計，一種是安排在遙控器的左上或是右上方，大多數的情況是圓形按鈕；另一種設計是安排在遙控器中央偏上或是下方一點點的位置，通常是橢圓形按鈕或是方型按鈕，並且會是遙控器上最大的一顆按鈕。

冷氣遙控器一（影像來源：聖岡科技）

冷氣遙控器二（影像來源：聖岡科技）

這兩種不同的設計方式，哪種比較直覺？想像一下，或是直接拿起手邊的冷氣遙控器，當我們四指平貼在遙控器背面將其托起，並且保持平衡的時候，這時候拇指的位置會在哪裡？

這樣應該理解了？所以冷氣遙控器介面安排的好，使用者幾乎是可以完全不需要用眼睛尋找常用按鈕的位置，完全依照手感就可以流暢的使用冷氣。

  👉了解更多：成為優秀的產品設計師！學習UI介面設計，掌握關鍵技巧，創造出絕佳使用者體驗👈  

另一種視覺情報，則是以視覺上的表現提示使用者該物件的使用方式，例如最單純的機械式微波爐，兩種不同的轉盤上，會用途是的方式標明一個是火力轉盤、一個是時間轉盤，進一步加上刻度的提示，這樣簡單清楚的設計可以讓使用者就算是第一次接觸到這台機器，也能夠非常直覺的使用。

機械式微波爐（影像來源：Panasonic）

在網頁上，我們也需要清楚的提示使用者，那些他們會常常使用的重要按鈕、功能，或是網站設計者希望使用者能在第一時間注意到的資訊等等。

總而言之，清楚明顯的提示，對於使用者在第一次接觸到該物件時，是非常重要的一件事情，這個原則將會大大降低使用者對該物件的使用門檻，也能夠更安心的動手使用。

FB粉絲團：https://www.facebook.com/lccnetzone
YouTube頻道：https://www.youtube.com/user/LccnetTaiwan
痞客邦Blog：http://lccnetvip.pixnet.net/blog