人機介面的設計原則 – 一致性?

最近在上課的時候,同學們討論到了一個很有趣的現象:Adobe Photoshop在儲存圖片時的對話方塊,確定與取消的按鈕似乎有點與以往不同。

如同最上面的圖1所示,使用過Photoshop的人都知道,當你在將某張圖片儲存為網頁及裝置用時就會出現這樣的對話框。其實這裡有一點奇怪,因為使用者會發現,平常狀況下的對話框應該跟下面的圖2一樣:是(確定、Yes)在左邊,否(否定、No)在右邊,但是圖一卻是顛倒,雖然使用的詞不一樣,但是在語意上的確是顛倒,不知道大家第一次看到圖一對話框時有沒有感覺卡卡的?

但是詳細看看按鈕之後,其實軟體似乎也有比較建議的選項,也就是按鈕外圍有藍框的按鈕,但是這樣還是感覺沒有統一歸類的原則在。這讓我想到上次提到User Interface Design and Evaluation,在第九章有提到設計介面的一個原則:遵循一致性(Consistency)。

一致性在介面設計上是指:對於外觀、元件擺放位置、各種行為的一致規範,目的是讓系統易學易用。其實使用者在使用系統完成一項工作之後,他們會預期其他的動作也有類似的運作法則與外觀,如果結果不如預期,使用者會感到當相當困惑,所以一致性也影響著可用性(Usability)[1]。舉例來說Adobe系列軟體都有很類似的長相,這樣可以讓設計師很容易遊走於各種設計軟體,像是你會用Photoshop,Illustrtaor就應該不難上手一樣。

設計介面時,遵循一致性原則的方法不外乎:使用相同設計原則以及重複使用。無論是外觀或是介面底層運作架構也需著重一致性,這樣操作系統的行為才會趨於一致。使用者不斷看到重複出現的物件可以減輕學習所需時間與精力,幫助使用者更快進入狀況,也能減低開發系統介面的成本[2]。

Reference:
[1][2]User Interface Design and Evaluation, Author: Debbie Stone,Caroline Jarrett,Mark Woodroffe,Shailey Minocha, Publisher: Morgan Kaufmann, 2005, p.174.

Related Links:
*[前po][推]User Interface Design and Evaluation
The result of search “consistency” from useit.com(via useit.com
User Interface Design and Evaluation (via Amazon.com
Coordinating User Interfaces for Consistency
(via Amazon.com
Handy UI

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *