吳照菁

教育部近年積極鼓勵大專校院發展學校網站特色、充實網站內容，提倡校園資訊公開及資源分享，藉由網際網路的傳播功能，提昇我國大學網站的國際能見度。加上數位典藏與數位學習國家型科技計畫的推動，數位典藏的觀念也逐漸在各大專院校間蔓延開來。 隨著數位攝影及網頁技術的進步，國內90%以上的設計科系在網頁上會對學生的得獎作品及畢業專題作數位化的動作。在臺中技術學院商業設計系（以下簡稱本系）的數位典藏上最重要的一塊亦莫過於設計作品的分享。 本專案藉由內容分析國內外設計科系數位典藏網站及本系歷年數位典藏情況可知；國內設計科系及本設計作品未有固定後設資料規範、在介面操作上亦多有不便。企圖對作品建構固定規格，並經由使用性測驗改善此網站。 本系數位典藏系統為配合全校網站的改善，共享產學合作、得獎作品、學習成果、展覽作品、畢業專題等資訊，與臺中技術學院網站併置同一系統，避免重複上傳的行政資源浪費。借由使用性測驗，邀請六名受測者採用出聲思考法（Thinking aloud）實際測試建置網站，發現六項使用性問題，經專案團隊討論後改善三項首要問題，期望利用本網站提供的上傳機制，養成本系定期上傳分享有關產學合作、得獎作品、教學成果、畢業專題等寶貴資源的傳統，在文獻與圖像上等各類型資源之長久累積，讓本網站得以永續經營。

最近又看了一堆學校網站 台灣的人太會做網站了，但同一個學校往往有多個不同風格的網站，點來點去常常讓人迷路。 現在來推薦各位看看幾個頗優的學校網站，風格功能比較一致的版面: 1. 麻省理工學院 世界大學網路第一，首頁底圖輪流播放，導覽連結細項直接在上面呈現，直觀好用!! 2. 武藏野美術大學 感謝Eason提供，當你點選選單時會驚嘆於他非常可愛的底圖，而網站中所有圖片都可以感受到他的用心拍攝，非常簡約頗有無印良品的風格。 3. 清華大學 該怎麼說呢~在台灣的學校中，清華大學的網站顯得獨樹一格，紫色為其獨特的顏色，排版也特別的乾淨。 (未完...)

作者：Jakob Nielse / Hoa Loranger 2008 編／譯者：張亮 出版社：悅知文化 Jakob Nielse 可說是研究網站易用性的龍頭老大，以下是我截取此書的重點： 研究方式 ：「發聲思考」方法 為以觀察使用者行為為基礎，交給人們需要在網路上完成的真實任務，然後在他們瀏覽各種網站時進行觀察。 使用者被要求把他們在使用界面時的思考過程說出來。 兩個影音紀錄：一個是紀錄電腦的顯示器，另一個是紀錄使用者的臉部與上身，這些紀錄包括使用者評論的聲音。 回顧34個最重要的1994年研究可用性問題，看看哪些已經得到改進了，哪些已經不再成為問題了，哪些還像過去一樣重要：
 八個未改變問題： 被點選之後顏色不變的連結☆☆☆ 最古老的可用性準則即幫助使用者知道他們曾去過哪些地方，他們現在再哪裡，他們可以去哪裡—也就是他們網路上的現在、過去、未來。 沒有變化的連結顏色會引起導覽的困惑，因為使用者完全無法理解他們不同的選擇以及現在所在的位置。 破壞上一頁按鈕的作用☆☆☆ 統計結果顯示，「上一頁」按鈕通常是Ｗeb瀏覽器中第二個常用的功能（最常用是連結到新頁面） 「上一頁」按鈕可說是使用者的生命線。不管發生甚麼，「上一頁」按鈕可以解救使用者快速回朔。所以透過JavaScrip隱藏瀏覽器視窗的控制介面部份並不適宜，另外點擊開啓新視窗的連結也會破壞上一頁按鈕的作用，因為新視窗不會繼承原來視窗的瀏覽歷史，應加以避免。 開啓新的瀏覽視窗☆☆☆ 如果使用者需要額外的視窗，他們自己可以做到。開新視窗會帶來以下負面影響 ：破壞使用者所期待的體驗 ，使用者的螢幕被他們不想用的東西弄得一團亂;妨礙使用者回到已使用頁面、擋住正在瀏覽的視窗，讓使用者以為一些連結是無效的，因為點擊這些視窗看起來沒有任何效果，實際上，資訊顯示被檔在後面的視窗中。 彈出式視窗☆☆☆ 相較於1994年使用者對於彈出式視窗變得更加厭惡，因為彈出彈出式視窗偏離使用者原有使用Web的期待，另外彈出式視窗內容容易出現到賭博和色情廣告。測試的結果，很多使用者會盡快將彈出式視窗關閉。 看起來像是廣告的設計項目☆☆☆ Web使用者是極端以目標為導向的。他們只尋找關心的訊息，而會忽略他人想要強加於他們的所有一切。 標語盲（Banner Blindness）和廣告雷達（Ad Radar）
屬用者被訓練出故意不看標語以及顯示出是無關訊...

基本操作設定： 前台 功能一：進度紀錄 1學生鍵入帳號密碼登入 2直接進入目錄 已於之前的進度位置 功能二：註釋 圖片 1滑鼠移至有畫底線的字詞位置，註釋及照片即出現於右方框中，並到滑鼠移到另一有底線字詞才更換。 2滑鼠移至發音圖示，出現提示『聽發音』的小註解，按下即可聽發音，調整發音需久按圖示調正音量大小。 3點選小圖會出現清楚的圖片顯示。 功能三：查詢字詞（用來查詢沒有註釋的字詞） 滑鼠移至發音圖示，出現提示『拖曳以查詢字詞』的小註解，拖曳滑鼠圖示會跟著移動，在不懂的字詞下劃線，會在右方框出現來源自教育部辭典的解釋。 習題 步驟: 進入題庫後，第一大題選擇題，進行作答。 答對則顯示“圈”，則會進入下一題。 答錯則顯示“叉”，重複作答直到做對為止。 第二大題填充題。 在綠色作答區，KEY進答案，按下確定，答對顯示“圈”，答錯顯示“叉”。 2次錯誤後，會顯示解答鍵，點下，可直接取得解答。 題目作答完畢後，會出現再試一次與詳解。 進入詳解，可點選列印圖示，進行列印。

by Jakob Nielsen 1994 These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of rules of thumb than specific usability guidelines. 這些是十項使用者界面設計的一般原則。 因為他們有經驗法則性質超過特定的可用性指導方針是更多，稱為 "啟發法" 。 Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. 系統狀態的能見度 在合理的時間裡給予適當的回應，系統應該持續讓使用者知道現在的情況。 Match between system and the real world The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order. 系統符合真實的世界 系統應該說使用者的語言，採用使用者熟悉的字語和觀念，，而非系統慣用語言。 依照真實是中的慣例，使資料自然又合乎邏輯順序。 User control and freedom Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through ...

　　我並非設計科系出身，閱讀這本書可說是我初次比較完整的了解一些設計程序；即使許多出人意表的優良設計往往是這些設計大師忽然頓悟出來，而非按步就班的依照這些設計程序。但能學到這些並且看到四十多位設計大師其經典設計的過程，確實令人感觸良多；尤其是在比對我們這組在做國文數位學習網的情況下。 　　像是第三章中羅伯‧灰谷所提出的「Palm的禪理」，我們現在就一直在介面簡化及功能完整間掙扎，勢必要將功能做取捨及整理；而讀到第八章 多重感應與多媒體時，也不禁幻想如果在國文學習上，操作不侷限於滑鼠、鍵盤，例如在做習題時可以用搶答鈴或者其他更好玩的操作模式，必然更能引起學生的學習動機。 接下來，我想說說這本書中令我印象深刻的部份： 1. 提姆‧摩特的引導式幻想 書中提到他將一群編輯帶到放有鍵盤、滑鼠的桌面前，但在沒有螢幕顯示、沒有程式運作下，請他們想像以此硬體執行。我非常佩服他的引導功力，我曾試圖請朋友幻想ㄧ個十分簡單的後台介面該如何運作，然要憑空想像著實困難。 2. 迷人但不實用的奢侈品－石井谷的PingPongPlus 我也很喜歡打乒乓，當球落於桌面所產生的光影漣漪更是深得我心，如果PingPongPlus有販售的話，他已經列入等我富有後的購物清單中… 3. 唐尼‧唐肯(Tony Dunne)與費歐娜‧瑞比(Fiona Raby)種種另類的未來議題 （1）「嗯嗯」午餐盒 假設當排泄物變成主要能源，設計「嗯嗯」午餐盒讓孩子帶回家來。 （2）實用寵物 當豬的器官可以移植在人的身上，我們在家中飼養著豬，並且設計出讓豬免受二手菸的裝置，及讓裝有豬器官的人確認自己不是豬的裝置。 這些設計幾乎已經進入藝術的境界，其目的跳脫商業行為，而設想各種未來可能的情況來做設計。 這本書可看出互動設計的趨勢，每一章節都十分精采再佐以影像檔可足見作者的用心。

這是我試圖認真閱讀的第二篇英文小論 附上摘要部份笨拙的英文翻譯： The web has already dramatically changed society, but the web itself is changing. 網路已經戲劇性地改變了社會，而網路自身也正在改變。 Web2.0 sites mean that users have become the producers of content and the designers of each others' viewing experience. Web2.0網站意味著使用者已經成為了彼此所感知的網頁編輯者及設計師。 Technologies such as AJAX combined with public Javascript libraries have allowed applications to be deployed that once would have required extensive programming. 像是AJAX這樣結合了Javascript資料庫的技術已經被准許應用在需要廣泛程序設計部署上。 Open APIs and mashups make it difficult to tellthe difference between a service, and application or a web page. APIs 和 mashups的技術開放使得分辨伺服器、運用及網頁變得困難。 So what are the challenges for HCI when every user is designer, and every menu a different behaviour, when experience outranks efficiency, and connectivity replaces consistency? 因此當每個使用者成為設計者、每份選單不盡相同，當經驗高於效率、連接性替換一致性的時候，人機互動的挑戰會是什麼呢？ 此篇英文單字： HCI:Human–computer interaction 人機互動 dramatically戲劇性地;引人注目地 AJAX -> Asynchronous JavaScript an...

A summary representation of the system's intended users, often described as a real people. Any project can have one or more personas, each representing a different kind of audience for the system. Also know as : user profiles, user role definitions, audience profles.