人因工程

Redundancy

Redundancy是「重複的、多餘的東西」。

不過有的時候,多餘的設計也是很重要的。例如警告標示,往往包含著視覺訊息、聲音訊息,甚至會有觸覺訊息,以確保使用者可以確實的收到警告。除此之外,人類大腦也有很多redundancy設計,當人類大腦受到重創,一部份機能停止運作的時候,會有另外一部份默默的協助、代替失去機能的部分。

其實我們還會在其他地方,感覺到Redundancy設計的存在:

Redundancy of China
這是一個跟聯合國有關的系統,大致上是當原本的China失去作用的時候,ROC就會取代之成為China,以確保聯合國安理會的席次不會莫名其妙被取消掉。

People Redundancy of China
這是一個人很多的系統,大致上是說當系統裡面有人類失去作用的時候,會有其他人類來遞補,以確保國家的繁榮興盛。

立法院Tube的介面…

:::立委影音資料查詢系統_委員個人影音播放:::

貓纜好可怕。但是我要講的不是管碧玲委員到底質詢了什麼,而是要講立法院tube的介面問題…

首先,上述這個影片,根本沒有辦法連到上述連結,除非嵌入的人跟我一樣設上這一頁的連結。所以看到影片了之後想要轉貼的人,得要從首頁自己想辦法找到這一頁。

其次,他們首頁的「好精彩」、「好有趣」、「好實用」,三個詞到底有什麼不同呢?而且這三者還都不是熱門,因為熱門在右下角的sidebar上。

當我看到好精彩那邊的「20080618管碧玲內政」的時候,我會想要把游標移上去,看看整個標題是什麼。但是他那邊的設計是這樣:

<td width="95%"><div style="overflow: hidden; width: 115px;" align="left">
<a href="lyp01.jsp?id=1605" class="b02">
<nobr>20080618管碧玲內政委員會 質詢江丙坤、賴幸媛對中國之政策與交涉</nobr>
</a></div></td>

所以他們在一個寬只有18個英文字的地方,塞進了整個標題,而且還打算以為觀眾看得到嗎?!

第一眼我還以為是邱議瑩委員拍手叫好的說:「經典 經典 罵得好」。是誰想到把留言者放在最後面的啊?…另外,這邊也出現跟上面一樣,句子顯示到一半就被切掉的現象,但是其實表格內容是有截過字的,只是截的不夠短而已。

有趣的是,這個網站通過了無障礙網路空間,所以我就把CSS拔掉來看看…

啊,塞在表格裡的字幾乎都看得到了!
字變得比較大,更適合老人家閱讀了!

這就是所謂的自我殘缺嗎?

Blog Sidebar的順序…

Spieler: 你相信這樣的民調嗎?

上面這篇的內容與本文無關,我只是今天看到這一頁的時候,他其中一個Sidebar Widget可能當機或怎麼樣,所以遲遲不肯讀出來,畫面就這樣卡住了。

這種事情還蠻常碰到的,尤其現代人的blog常常在側邊欄塞進不同網站所提供的Widget,來提供各式各樣的服務。像我自己也在側邊塞了Adnonsense、funP跟MyBlogLog三個外站服務。但是當網路狀況不好的時候,很有可能就跟上圖一樣,畫面讀取到一半就停下來。

由於一個blog最重要要給人看的應該是內容,應該要想辦法避免主文因為其他伺服器而無法顯示,所以我認為應該要按照這樣的順序:(以Wordpress的函數來說明)

目前主流blog的組成大概都是這樣,不同頁可能主文的部分是首頁、單一文章、Archive、Tag之類的,或者顯示不同sidebar,但是大體上而言就是這樣了。

有興趣的人把我的CSS拔掉看看,我自己的就是按照這個順序,只是把Sidebar顯示在左邊而已。

說到公車路線…

就我所知,新生「南」路,應該是南北向的道路才對吧?那這張圖上面的那個指北針是畫來騙人的啊?!

其實我一直覺得公車站上面的路線圖有夠爛,方向不明、比例不清,甚至於還會有像上面這種騙人的資訊存在。如果不是你已經知道你要去的地方的站牌名稱,光靠這個路線圖是不可能找得到目的地的。某程度而言,我覺得這種「好像」有標示路徑的,比二十年前那些只有列站牌名稱的路標,還更令人困擾。

最近仁愛路上面有另外一批很讚的路線圖,我晚點再去拍回來給各位笑一笑。

網頁上面的捲軸

基於Windows的使用習慣,當畫面上面的資訊感覺上需要捲動時,我們通常都會在視線的右邊尋找捲軸。但是台灣鐵三角卻把捲軸放到左邊去,而且全Flash的網頁還不能用滑鼠滾輪操作。結果就是我花了很久的時間在找這個網頁的滾輪,不誇張,這真的花了我將近五秒鐘…

PCHome Brand,奇妙的百貨公司

PCHOME又開發了新的購物平台,這次叫做PChome brand,是百貨公司專櫃式的陳列(?)方式。老實說,PCHOME不愧是台灣的購物網站龍頭,這個網頁做的真的是有夠漂亮。

我第一眼注意到的就是左上角的Navigation Bar(如果是Bar的話),雖然說他沒有把到底每一層樓賣些什麼講得非常清楚,但是高對比、字數少的標題,第一眼望過去的時候,反而比很多百貨公司電梯裡面那些金底的板子清楚多了。但是沒有玩具部

網頁中間的品牌HOT click跑馬燈在我的螢幕上,他剛好在最下面冒出一點點頭,各個品牌間的顏色雜亂感,反而成為視覺上唯一的動態焦點。不過看起來能夠這麼奢侈(?)一進去就看到這一條跑馬燈的人應該不多…

底下的品牌故事看起來也不錯,很有財經雜誌目錄(對不起,我跟時尚雜誌不熟)或是書籤網站的感覺,都是用簡短的句子來描述品牌。但是把游標移上去就會發現,他們工作人員對於rewrite過後的網址,人工智慧或工人智慧的檢查似乎都沒有做得很確實,barbie是用品牌名稱,另外兩個則是帶有零碎的?m=estore之類的。而且一樣是Paul Frank的品牌頁,在HOT click上面連結的是這一頁,但是在品牌故事連結的是這一頁

最底下的品牌一覽表,現狀看起來是還可行的,但是我認為如果進駐廠商再多一倍的話,就會變成難以閱讀的龐大清單。他們很有可能到時候這邊會改採PCHOME購物首頁的那些游標移過去就換標籤的效果,來區隔不同層樓的品牌,已方便來賓挑選。網路百貨公司的奧妙就事,他們在新廠商進駐的時候,可以直接擴大樓層,而不用把原有廠商請出去。

補上了這間百貨公司之後,PCHome購物就變成了超級市場,24小時購物像是便利商店,而PCHome商店街則是Mall。他們下一次新開的店到底會是模仿哪一種現存的商業模式呢?該不會是路邊攤吧?

題外話,擴大樓層這件事情讓我聯想到了故Maxis的名作「Sim Tower」。這個遊戲相當白爛的一點,就是即使房子已經蓋到十幾二十層樓了之後,房子還可以橫向發展。真不知道這種具有高度可變動性的地基跟房子結構到底是哪個人想出來的…

丈八燈籠,照遠不照近

中華民國人因工程學會網站

這個字型大小是怎麼一回事啊?!身為人因工程學會的網站,居然自己的可讀性這麼低。雖然我對這個配色也有意見,但是至少還在合理的範圍之內。然後更奇怪的是,除了新聞的這一頁之外,其餘頁面的大小都有10pt以上,雖然還是不好閱讀,但是至少是合格的大小了。HTML原始檔也是充滿了Frontpage風味式的難以閱讀亂斷句,好多頁連個html title都沒有加上去,還有一頁就叫做template…

絕望啦~我對不懂人因工程的人因工程學會絕望啦~

開喜烏龍茶的烏龍包裝…

P1120833
上圖「都」是開喜的無糖烏龍茶,越右邊的越舊,請看上面的保存期限。

就我有印象以來,開喜烏龍茶就是罐裝烏龍茶的代表。黃色的是甜的,綠色的是不甜的,這件事情在我小時候是非常重要的,就怕買到綠色的開喜,喝不下就浪費錢了。

過去有一段不短的時間,開喜幾乎算是消失於市面上,好不容易到了前年左右,全家、萊爾富開始賣一系列開喜烏龍茶。一開始的時候,保特瓶包裝依然遵循著我小時候的印象,黃色是甜的、綠色是不甜的。(對不起,沒能找到那時候的罐子,跟上圖中間是一樣的)

然而,不知道從哪一天起,開喜無糖烏龍茶的包裝突然變成右邊那種黃色包裝,從外觀唯一能夠分辨有沒有甜的,只有在左下角格子裡面小小的「無糖」兩個字。然後我就遭遇到了無數次走進便利商店尋找開喜,看到有開喜,拿起來一看卻是甜的,於是又把他塞回架子裡。

令人困擾的是,當保特瓶的包裝換了之後,鐵罐裝的開喜烏龍茶依然是原本的黃色/綠色,也就是把無糖的保特瓶跟鐵罐放在一起,就會讓我認為保特瓶是甜的。更令人困擾的是,他們在這個時間點又推出了綠茶、紅茶等飲料,而開喜綠茶的顏色跟原來的包裝顏色幾乎一樣,只是顏色稍微淡了點。

後來過了幾個月,我有一天又突然發現,開喜又變回中間的那種包裝了。我當時是認為開喜終於明白深植人心的品牌辨識色彩是難以扭轉的,才決定換回原本的企業識別,所以我還算蠻高興的。但是這個時候,7-11、全家、萊爾富都已經沒有賣無糖的開喜,唯一的據點只剩OK了。

但是,今天,我在松青逛街的時候,發現了上圖最左邊的這種開喜,他又變回黃色的了。

我受夠了!這樣子愚弄一直默默的支持你們的消費者很好玩嗎?

所幸,新版的「無糖」標示比原本的清楚了十倍,但是放在保特瓶的冰箱裡應該還是沒辦法辨識得出來才對…

我一定跟大稻埕犯衝…

上次騎過大稻埕的時候,發生了這樣的事情…

天然呆:「為什麼車頭貼著要先煞後輪的標籤啊」
APP:「因為先煞前輪的話會…(猛拉煞車)」

(後輪起飛)
(人往前飛)

等到我再度回到地面的時候,後輪已經偏擺到很嚴重的程度。慢慢的晃到迪化街的腳踏車店尋求協助,但是老闆說他沒有工具,所以就用手硬是掰了輪圈,急救到可以騎的程度。雖然我現在找不到店家資訊,但是下次跟朋友過去,有需要租車的時候我會過去的。

今天呢,晚上十點左右跟敗KA一時興起約去永和吃豆漿,約在大稻埕附近碰面。我到了大稻埕的時候,他還沒到,所以我就繼續往前,騎到了台北橋的單車牽引道。當時我想說沒有上去過,所以就換了低速檔爬了上去。

一邊爬,一邊聽到鍊條發出的哀嚎聲。爬到一半左右,我突然聽到很清脆的一聲「啪答」聲,然後我就失去動力了。跳下車一看,我的鍊條在地上……

DSC_3524

雖然說之前就知道我的鍊條上面有一個牙出了問題,但是在路上爆掉還真的是出乎意料的好笑。幸好敗KA的隨身工具包含打鍊器,所以我們就在大稻埕碼頭的船旁邊急救,才得以繼續上路。

DSC00046

回程的時候,特地繞道東吳大學城區部那邊去照了相。這是我搭270經過的時候會看到的牌子,我不管什麼時候看,看到的都是「公放、與長邊場」啥來著的,難道只有我會這樣嗎?

不管是人因工程還是認知心理,上課都講了好幾次,人閱讀的順序很容易受字排列的形狀影響。

◎ ◎ ◎ ◎ ◎       ◎◎◎◎◎
◎ ◎ ◎ ◎ ◎       ◎◎◎◎◎
◎ ◎ ◎ ◎ ◎   跟   ◎◎◎◎◎
◎ ◎ ◎ ◎ ◎       ◎◎◎◎◎
◎ ◎ ◎ ◎ ◎       ◎◎◎◎◎

前者容易把直的看成一組,而後者容易把橫的看成一組,在中文這種直書橫書並存的情況下,就會很容易的引導人念的方向。