MacroViz

多媒體設計、數位學習、英語學習、日語學習

Archive for the '人機互動介面設計' Category

本部落格換上新的佈景主題

服役了快要四年的 Anaconda 佈景,讓它正式退役了。換上了這個佈景主題叫做《Pixel》,不但風格特殊,而且整個介面設計非常人性化,有以下特色: Read more…

posted by 野部 聖広 in WordPress,人機互動介面設計 and have Comments (2)

談網頁設計專案的量化

網頁設計專案中,真正重要的是如何準時上線,而不是品質與創意。這個觀念很多理想派的設計師、或者學術派的設計學教授不敢茍同,但確實是設計業界的現實。因為這是生存問題,不是學術研究問題。

事實上,品質來自於團隊的整體專案量化 (QPM; quantitative project management) 的經驗,一個無法準確量化專案的團隊,更別奢求有辦法控管品質。相對的,以野部個人的經驗而言,專案量化執行的好,反而往往提供了設計師有很多空間可以發揮更好的創意,創造出更高品質的作品。

所謂量化,具體而言有三個指標:

  1. 預算評估 (俗稱估價、報價)。
  2. 估算時程。
  3. 人力資源調度。

並可善用下列技巧:

  1. 時間折半法:將客戶規定的網站上線時間折半,作為內部結案時間點。萬一超過此時間點,剩餘時間折半。不斷重複此步驟,直到真正上線為止。
  2. 雛型建置法:以Dreamweaver等工具建置html雛型,來評估網站建置數量以及所需時間。
  3. 項目條列法:熟練的專案經理通常只要條列建置項目,就有辦法估計實際執行時間。至於每個項目所需之確實執行時間,建議專案經理抱持著一種:萬一技術團隊不幸解散,需要自己親自執行的心態去評估。
  4. 預算分配法:以總預算的金額評估所需的工作天(不包含休息日)以及人力資源。

為了達成針對三項量化指標的全面性評估,同一個專案中,上述四種技巧也應該要交叉運用。

posted by 野部 聖広 in 人機互動介面設計 and have Comments (6)

有點Kuso的網站易用性

在一些網站經常看到可以讓使用者選擇放大或縮小文字的按鈕,一般來說看到有以下幾種:

  1. A A A

 今天看到一個蠻好玩的,日本外務省(http://www.mofa.go.jp/mofaj/ )網站用的是:

整串唸起來就是:

文字サイズを変更

(改變文字大小~啊~~~!)

難道透過喊話可以達成網站的人機互動嗎?水喔。

看看有沒有人用 z z z 的 

posted by 野部 聖広 in Kuso,人機互動介面設計 and have Comments (2)

網站主導覽架構論

一般而言,網站架構採演繹式架構,亦即從上而下,從左而右。

以首頁導覽列而言,又分下列數種:

  1. 主導覽 (Primary Navigation)。
  2. 輔助導覽 (Assisted Navigation)。
  3. 熱門連結導覽 (Hot Links)。
  4. 隱藏導覽 (Functional Blocks or Invisible Navigation)。

因網站整體動線牽涉的是使用者經驗與短期記憶。理想層數為三層,超過者必須提供網站地圖(Site Map)與導覽路徑 (Pathway / You are here)。

其中,主導覽最為重要。設計主導覽有幾個方法論:

  1. 眼球Z形動線 or 第四棒理論。
  2. "挖"元素,如動畫,顯眼色。
  3. 魔術數字七。

其實萬法同宗,設計主導覽的訣竅就是,把網站拜訪者認為最重要的單元擺在左邊或中間(如採用第四棒理論)。

整個網站地圖的演繹性,必須具有很強的聯想性。

使用者動線順不順暢,比網站美醜還重要。把東西作的漂亮只是多媒體人該有的基本功而已。但是要把東西做得好用,沒有使用者中心 (User-Centered) 的思維的人是作不來的。

這就是為甚麼有些大型網站,其介面評估師和美工設計師會分開的原因。

posted by 野部 聖広 in 人機互動介面設計 and have No Comments