前陣子著名的記事軟體 Evernote 更新了 5.0 版,新版本仿真介面 ( skeuomorphism ) 讓大家又開始熱烈的討論仿真介面的好與壞,不過先不論好不好,這些介面做得真的是相當細緻美觀。

仿真介面其實是模仿真實世界的使用習慣,在產品設計中,許多需要讓使用者抓取的部件都會做出凹凸造型、透過磨砂處理、甚至使用橡膠等高摩擦係數的材質等等,為了就是增加使用時的抓取力,讓東西使用起來更舒適。類似的設計其實有很多:瓶蓋上的紋路、各種器材設備握把的處理等等。

將此概念應用到電腦系統圖形介面中,最常見的就是許多地方都會使用類似的「顆粒狀」、「凹凸處理」等視覺效果。在圖形介面中這些圖形細節就暗示使用者這個部分是可以使用滑鼠游標抓取移動的。使用者會因於生活上使用過這些器材的經驗,很直覺的去聯想到這些位置是可以用拖動的,因此我們在這些地方看到的是這些凹凸效果的設計,而不是畫一個箭頭在那邊、或是寫在說明書上讓你去翻閱。

 

電腦系統中,將仿真介面應用到最極致的莫過於蘋果公司的產品了。 iOS 系統中許多圖示甚至介面都大量的使用了仿真介面。例如備忘錄 APP 的黃頁筆記本,皮質書皮與刊頭、書報攤的木頭書架跟擬真書籍等等。這些都是所謂的仿真界面的呈現,讓使用者覺得使用這些應用服務與過去實際使用過的物品是一樣的感覺。

不過針對仿真介面也是存在著不同的想法,像是認為現在大家對電子設備系統都已經很熟悉了,也許已經到不需要這些仿真介面輔助的時候。而覺得仿真過了頭、失去使用效率、浪費系統資源的也是為數不少,像是 iPhone 手機最新搭載的作業系統 iOS6 的 Passbook APP,刪除票根時的「碎紙機」動畫就相當酷…但似乎真的有點做了過頭的感覺:

雖然如此,我們還是可以在很多很酷的 APP 介面裡面發現「不這麼擬真,但它的造型又讓你對介面怎麼使用一目了然」的設計:

像是《Any.Do》底下那兩條簡潔有力的槓槓

或是《Cut The Rope》這個充滿卡通感的拉環也是一看到就知道該怎麼操作它啊!

就連 iPhone 手機充電時的圖案是電池圖案也是看一眼就知道這是充電量表啊。附帶一提右下角相機按鈕上下的凹痕也是暗示了 iOS5 的新功能:直接拉動那邊就可以啟動相機功能!

其實仿不仿真沒有絕對的好與壞,像是如果有耗費更多系統資源的疑慮,但對於原本就是使用圖檔的部分像是圖示,只是把圖片畫得更細緻、更擬真其實幾乎沒有影響!熟不熟悉的問題也是,像是上面提到的 iOS5 新增功能,如果沒有那兩條槓的暗示,很可能使用者不去翻閱使用說明的話,是怎麼也不會聯想到該怎麼去使用那個相機快捷鍵。因此,介面設計師如果能夠把握仿真介面的優點而去做設計,當然可以得到節省學習成本、提高功能互動性的好處。

 

Desiring Clicks 是一個專門介紹使用者介面、使用者經驗、視覺設計、資訊架構和網路行為的網誌。歡迎你一起參與介面設計,讓這個世界變得更美好。

 

延伸閱讀

連結使用者熟悉的生活經驗

資訊和特殊效果的絕妙平衡

隱藏與減少複雜的設定選項

 

參考文章

Will Apple’s Tacky Software-Design Philosophy Cause A Revolt?

 Apple’s Skeuomorphic Designs: On the Way Out?

Images via Jill Clardy ,cc license

誠摯邀請你成為好朋友-->
        

About The Author

Fourdesire Blog http://blog.fourdesire.com 是一個專門介紹使用者介面、使用者經驗、視覺設計、資訊架構和網路行為的網誌。我們相信任何設計、工程都必須由人的角度出發,更貼近人性與心靈!

Related Posts

留下你的看法: