突然會想寫這方面的文章,真的要多謝XDite今天在網誌上推薦而讓我閱讀到瑞克梅添涼的[線上遊戲-Game Design(一)遊戲測試,給你家隔壁阿桑玩過了嗎?],這篇文章,讓我突然想把我所知道的關於介面設計、網站流程管理整理在一起,於是就有了這篇文章的誕生。
首先就以文章開頭所推薦的文章[遊戲測試,給你家隔壁阿桑玩過了嗎?]當作開頭,網際網路的蓬勃發展,讓個人網站、網頁如雨後春筍般的誕生,但是使用者介面設計、網站流程設計真的設計得好的,卻不是大多數,常常會發生在一些網站裡,會發生迷路找不到自己所想要的功能的窘境,就是界面沒有設計好的後果。
那要怎麼樣設計出一個好的使用者介面呢? 在Ben Shneiderman的Designing the User Interface,這本書裡面有提到八個使用者介面上的設計準則,剛好看到在阿修的部落格裡頭,有特地為這八個準則做翻譯的動作,在這邊節錄阿修的文章[Shneiderman最重要的八個使用者介面設計準則],也在這邊感謝阿修。
- 取得一致性
類似的情況應該有讓使用者有一致性的操作。在提示、選單與說明文件中,應該採用同樣的名詞。並且保持命令的一貫性。- 讓重度使用者使用捷徑
當使用頻率增加時,使用者會希望減少互動的次數、讓每次的互動能夠一次做更多的動作。縮寫、功能鍵、隱藏功能與綜觀全局的功能,對專家來說非常有用。- 提供有意義的回饋
當使用者做出一些動作時,系統應該提供回饋。越頻繁的動作,其回饋的強度可以低一些。越重要或不尋常的動作,其回饋強度應該要顯著一些。- 設計對話產生結束
一連串的動作應該被組織成開始、中間、結束三部份。當動作結束的時候,要提供回饋讓使用者知道動作已經完成。在做下個一連串的動作之前,先告知使用者整個流程,能夠減輕使用者的壓力、提高滿意度。- 提供簡單的錯誤處理
最好不要讓系統有嚴重錯誤的可能性。如果還是造成錯誤,系統應該能夠偵測出出來,並提供一個簡單、使用者可以理解的錯誤處理方式。- 允許回到上一步
這個功能可以減低使用者的焦慮,因為使用者隻到做錯了可以重來。這個功能鼓勵使用者探索不熟西的選項。回到上一步的功能,可以包含一個、或是一連串的動作。- 滿足使用者控制的需求
有經驗的使用者強烈的感覺到他們在控制系統,做出動作之後,系統提供回饋。系統設計上要讓使用者作為動作的觸發者,而不是回應者。- 減少短期記憶需求
人類的短期記憶有限,因此顯示上要保持簡單、能同時顯示多頁資料以減少視窗切換頻率,減少記憶指令和動作順序的時間。
除了這八個準則之外,之前在自己學校的讀書會中,有聽到學長介紹到一本書,由Jenifer Tidwell所著作的[Designing Interfaces: Patterns for Effective Interaction Design],談論著關於使用者介面設計的一些樣式(Pattern),什麼是樣式?就是彙集一些專門設計使用者介面的專家常常會使用到的,他們認為是好的解決方案的方式收集在一起,當有人在遇到相同的狀況時,就可以直接拿出來套上這個樣式,這本書在台灣已經由蔡學鏞翻譯為中文,書名為[操作介面設計模式],另外,我在google也有找到關於這本書英文版的試閱,有興趣的朋友也可以先看看在google books 上的Designing Interfaces,而剛好在阿修的部落格也有對於這本書的介紹。
接著,在台灣,有在推動所謂的無障礙網頁開發,並且在行政院的研究發展考核委員會有一個無障礙網路空間服務網,專門對於台灣的無障礙網頁開發作認證及提供相關的檢驗工具供開發人員自行檢驗,相關的無障礙網頁開發規範裡頭,共列了14條規範及90條檢測碼。
規範一:對於聽覺及視覺的內容要提供相等的替代文字內容
規範二:不要單獨靠色彩來提供特殊資訊
規範三:適當地使用標記語言和樣式表單
規範四:闡明自然語言的使用
規範五:建立編排良好的表格
規範六:確保網頁能在新科技下良好地呈現
規範七:確保使用者能處理時間敏感內容的改變
規範八:確保嵌入式使用者介面具有直接可及性
規範九:設計裝置獨立網頁
規範十:使用過渡的解決方案
規範十一:使用國際與國內官方訂定的技術和規範
規範十二:提供內容導引資訊
規範十三:提供清楚的瀏覽網站機制
規範十四:確保簡單清楚的網頁內容
以上大致上就是我對於使用者介面及介面操作流程設計上的相關知識整理,如果有在想到相關的議題,會在這邊跟大家做補充,也麻煩大家有相關資料的話,可以提供給我,互相交流。
在〈[生活巧思] 使用者介面設計的資料整理分享〉中有 1 則留言
這篇給我了很大的幫助喔
謝謝你的分享