線框圖 (Wireframe)

線框圖顯示在早期概念階段的用戶界面。線框圖可以是簡單的紙上草圖,或者電子草圖。他們構造界面並指示導覽 (Navigation) 和內容 (Content) 元素的位置和大小。這是非常有用的,這種早期設計過程是非常有用以低設計和開發成本來測試用戶界面的結構。

廣告

名言錄

“人們使用科技時不應該覺得自己似個失敗者。像顧客一樣,使用者永遠是對的。如果軟件崩潰,那是軟件設計師的錯。如果有人無法找到一個網站上的東西,那是網頁設計師的錯…好和壞的設計師之間最大的分別是如何應付與他們的設計掙扎的人。科技服侍人類,不是人類服侍科技。”

— Joshua Porter (界面設計師、演講人、作家)

可用性第一條規則?不要聽用戶的意見

在過去幾年,可用性 (Usability) 最大的障礙就是酷設計的優勢。大部分的項目都在被反對可用性的人統治著,他們比較喜歡複雜的設計多過簡單的。因此,大量的資金浪費在華而不實、很難使用的設計上。

互聯網泡沫 (Dot-Com Bubble) 的主要優點之一是,很酷的設計已經遭受了嚴重的挫折。現在的公司專注於:

  • 公共網站 (Public Website) 以前專注於吸引人們的注意,現在的目標就是令它能容易地和客戶做生意。
  • 企業內部網 (Intranet) 也要同樣重新專注於提高員工的工作效率。很多公司都嘗試在以前混亂的內部網上建立秩序、實施設計標準和改善導覽。

令人高興的是,以美觀為基礎的設計已經輸掉了這場戰爭,而可用性的倡導者們得到了最先和最困難的勝利:現在公司關注於可用性需求。

遺憾的是,打贏了可用性的反對者並不代表戰勝了複雜性。這場戰鬥只是轉移到新的前線:現在的戰鬥就是要令公司正確地發展可用性。

觀察用戶工作

我經常聽到一些公司利用誤導的方法來得到的用戶的建議作為他們設計的基礎。一個典型的例子?提供一些不同的設計,給一組用戶看看,並問他們喜歡哪一個。這種方法是錯誤的。如果用戶沒有真正試用過那些設計,他們的意見會根據設計的表面特徵而定。這種意見通常和實際使用時的反饋大大不同。

例如:一個旋轉的標誌可能看起來很有趣…如果你不需要在這一頁上完成任何事情的話,另一個例子是下拉式選單 (Drop-Down Menu)。用戶總是喜歡每一頁都有一個他們明白的而保持不變的標準用戶界面 (User Interface) 控件 (Widget)。雖然,它能夠給用戶一種權力感,但是下拉式選單通常有低的可用性,而且還會困惑用戶或者導致他們去錯網頁。
繼續閱讀