All Entries in the "資訊架構(IA)設計" 分類
優使性設計養成專欄(06)- 網站設計與優使性
網際網路在這十數年間以令人難以想像的速度成長,相對的,使用人數也隨之大幅增加,然而,網路使用者的數目雖然大幅上揚,但這並不意味著每個網站的瀏覽人數也必然會隨之增加。
優使性設計養成專欄(05)- 使用者中心設計(UCD)與優使性
除了優使性,在設計界大家一定還耳聞過一些類似的名詞,如經驗設計、人因工程等等…,這些名詞概念基本上都是從使用者中心設計(UCD)出發,只是應用的領域不同。
2010年給網站企劃工作者的8個建議
進入2010年的第二天,閱讀到許多好文章,預測了2010年網路行銷/網路產業的願景或趨勢,站在資深網站企劃工作者的立場,我覺得應該給新進的朋友一些工作上建議,讓各位在以放大鏡看著大市場的變動時,也可以用顯微鏡來檢視自己的成長。
因為不管大環境是好是壞,身為網站企劃工作者,關心趨勢之餘,更應該關心自己的專業是否提昇?如果沒有提昇自己,大環境變好跟你一點關係也沒有。
2010年,提供這些建議給網站企劃工作者,歡迎指教或補充。
1. 搞清楚負責的網站,其目標是什麼?要以什麼方式來衡量網站是否成功?
快速調整網站設計(以國家圖書館網站為例)
從事使用者經驗相關工作的人都知道(應該吧),要設計出符合使用者中心設計的介面,最好是經過一些分析的步驟或流程,以最容易理解也常被引用的JJG五層圖來看吧,最好是從下到上經過一些分析,最後才會到表層的介面與視覺元件設計。
不過,大家也都知道,實際的情況是,客戶大多都會以top-down的方式去思考介面的設計,有時是時程很趕,有時是要快速交功課,所以就客戶算想好好思考UCD的流程,往往迫於現實,也只能先從表層的視覺元件開始作調整。
2009網路趨勢地圖下載
大家應該對IA這間公司出的2008年網路趨勢地圖還有印像吧,能用一張圖吧該列名的網站匯整起來真的讓我們這種整天在網路上混的人感到滿方便的。
他們現在又出了2009年的版本,仔細一看裡面的內容,有很多我都沒跟上…網路的生態還真是可怕,大浪掏沙,總之想要的人可以到這裡下載 http://www.flickr.com/photos/formforce/3409362834/sizes/l/
想進修網站企劃的人現在有課可以上囉
常有人問我有沒有什;麼地方有開專門教網站企劃的課,然而專業的網站企劃所涉及的範疇很廣,包含專案管理的概含、使用者經驗、行銷、工具使用及文件產出等等,所以以往很少有人能針對這樣的主題開設課程。
好消息是,現在悠識數位有這樣的課程囉,有興趣的可以去看看詳細的課程規劃。
優使性的源頭:甲方/乙方的需求
設計出一個符合使用者需求、容易使用的介面會為網站增加許多的優勢,但是一個讓使用者鼓掌叫好的網站就等於一個成功的網站嗎? 答案其實並不一定。
成功的網站都是能夠掌握使用者需求的網站,但能抓著使用者心的網站卻不一定就能成功,因為一個網站是否成功,除了考量使用者(甲方)的需求外還必須考量網站經營者(乙方)對於成功網站的定義,而甲乙兩方的需求通常存在相當大的差距,網站要能成功,就必須在甲乙兩方之間撘起一座橋樑,然而,這座橋樑的設計往往並不容易,而很多優使性問題就是從這個地方開始。
因此,在討論一些介面設計的問題之前,讓我們先來看看甲方/乙方之間的需求差異。
下面列出一些常見的甲/乙方需求:
除了少數特例,如Wikipedia(www.wikipedia.org)這類“號稱”非營利性質的網站外,通常乙方所定義的網站成功條件中會包含許多商業目標,畢竟經營網站也有許多必須支付的成本,因此乙方會將重心方在能讓網站存活下去的商業目標上,如果在網站設計上只考慮到使用者的需求,而沒有將經營者的目標一起納入設計的考量範圍,那麼網站計畫將會難以進行,話雖如此,在真實的狀況中,絕大多數的網站出現設計上的問題都是因為只顧及商業目標而乎略使用者需求。
不良設計的開端
我們用個實際的例子來看看,甲乙雙方目標不同會如何影響網站的優使性。
前一陣子,我因為喝水時不小滴了幾滴水到筆記型電腦上,所以急忙拿了一支吹風機往鍵盤吹(我知道這很蠢,但說明書中又沒說不能用熱風…),結果吹不到二十秒,筆記型電腦的按鍵就一顆顆掉了下來。
我想我應該不用解釋,一個正在振筆疾書的作者面對這種情況時的心理況態。
當下差點沒昏倒,急忙用另一台電腦上到製造商的網站想查一下相關的處理方式。
從一個網站使用者的角度,這時我的需求如下:
很自然的,我直接打上公司名稱加上台灣的網址 www.ausus.com.tw , 想不到連上的網頁不是台灣的網頁,而是該公司全球網站的引導頁。
www.asus.com.tw
等我從一長串清單中找到台灣後,才又來到另一個網頁tw.asus.com。
Tw.asus.com
很明顯的,這個網站不是為了與我同樣需求的使用者而設計的,從圖中可以看到,頁面所強調的資訊內容為產品促銷(黃色區塊)、企業新聞(橘色區塊)以及得獎消息(綠色區塊)。
>
上面這個網站的主要目的在於傳達以下的訊息:
於是我又點了導覽列上的技術支援,這才又連結到另一個網站:
http://support.asus.com.tw/
繞了一大圈,在經歷了三個不同的導覽模式後,我總算在最後這個網站上找到我所需要的資訊,然而,身為一個心急如焚的消費者,我在這個網站上感受到的使用經驗不怎麼好,因為在我找尋到我所需要的資訊之前,我被強迫看了一些與我無關的內容,而經歷了三個網站的感覺就像是當我打客服電話時,對方告訴我「不好意思,請轉撥另一個號碼」,當我撥了這個號碼,卻又告訴我得再轉撥另一個號碼。
從這個例子中不難看出,此網站的資訊架構方式是依企業的角度,而非從使用者的角度進行設計,很明顯的,管理這兩個網站的並不是同一個部門,tw.asus.com應該屬於行銷部門,而support.asus.com.tw可能屬於客服或技術部門,這種安排方式可能是為了方便企業內部作業,然而對使用者而言,卻會造成負面的使用經驗,因為使用者並不在乎企業部門的分類方式,也不在乎這間公司全球分部有多廣,他們只想用最快的速度,找到想找的資訊,完成所有的任務(tasks),然後閃人。
有時企業網站只顧及到管理維護的便利性,卻忘了了解網路使用者的行為模式有多麼重要,今日網站已經成為消費者與廠商溝通的重要管道,既是溝通的管道,那麼網站就必須學習運用網路使用者所能接受的語言,如果想要傳達的資訊無法包裝成使用者所能接收的型式,那麼在網站上放再多的內容也只是自言自語罷了。
網路使用者習慣上網”找”資訊,他們只注意和他們目標有關的資訊內容,而許多的網站經營卻以為他們可以”餵”資訊給網路使用者,下意識的認為使用者會對網站內容照單全收。你也許可以”餵”資訊給電視觀眾或報紙讀者,但網路使用者可不吃這套,當網站內容看起來與他們的目標不相符時,只需幾秒,使用者就會開始對這個網站感到失望,然後再回去Google找另一個可以提供內容網站。
換句話說,甲方乙方的問題,就像是電視劇中經常出的父子對話老套情節,老爸口漠橫飛對兒子說一堆大道理,但兒子一句也聽不進去,轉頭關上門就走了。
老爸如果想改善與兒子間的溝通,最好的方式就是先了解兒子的想法,並改變說話的方式,將想傳達的訊息換個方式包裝起來,網站也是如此。
在這裡例子中,我們看到的只是一個不良設計的開端。 網站是有機(organic)的方式成長,其內容會逐漸增加,架構也會日漸複雜,如果網站打從一開始設計就乎略了使用者的想法,可以想見這個網站將會愈來愈難使用,而當問題的主因在於源頭時,就算在依照再多的設計準則(Design Guidlines)去修改使用者介面,也無法有效的改善網站的優使性,最後還是會面臨設計大翻修的命運。
優使性2.0(含附錄工具下載)
優使性(usability)是評估網站使用效能的標準,也是協助網站設計者與經營者創造良好使用經驗的設計概念,本書透過四個部份的內容,深入淺出介紹優使性設計概念,並附上實用的研究工具,引導讀者快速進入優使性設計的領域,輕鬆將優使性概念落實於設計工作之中。
IA是什麼? 就像是泡馬子拉…
下載pdf
每當提到資訊架構(Information Archetecture時,常聽到的回應是:你的工作有關資訊架構喔,那你一定很會寫程式囉。 接下來我又得七嘴八舌地解釋IA的定義。
其實IA與Coding一點關係也沒有,我個人甚至還覺得IA比較接近心理學呢,因為作IA必須先了解使用者的行為模式,然後才能讓所有的資訊組合成容易尋找、理解、記憶的結構。
Ray Henderson, TaRan Wilson, 與 Miyuki Shimbo這三個學生用約會這件事來比喻IA,這是我所看過的介紹中最有趣的,而且十分合乎邏輯,下次再有人問我什麼是IA,我就會說,IA就是泡馬子的SOP拉,哇哈哈

