網路上看到很多人把UI設計視作美術設計,有些人常以『X只是設計的比較漂亮』而忽略UI設計背後帶給人的便利性,美術設計只是UI設計中的其中一環,UI是user interface的縮寫,也是使用者與設備溝通的唯一路徑,使用者要與設備溝通的首要前提:使用者要能取得從UI取得足夠多關於設備的資訊。很多人抱怨某產品的UI設計很爛,通常主要的原因是使用者不知道要做什麼?那為什麼使用者不知道要做什麼?因為UI提供給使用者的資訊不夠。UI設計很重要,但除了『有螢幕的裝置』需要設計外,對於沒有螢幕的裝置,UI設計就不重要嗎?錯,就是因為沒有螢幕,UI設計更重要!

  前陣子將手邊的相機升級,換成Nikon Coolpix S9100,18x光學變焦和大光圈是我選擇那台相機主要的原因,因為18x光學變焦在大多數情況下,能拍遠拍近,蠻方便的。不過,18x光學變焦以上的相機在我買相機的當時,並不是唯一的,第二個原因是品牌,Nikon在影像處理的整體色彩設定是我偏好的(拜託,別跟我說可以用Photoshop調整,上百、上千張的照片用Photoshop調整也是很累的),有沒有其他原因呢?沒了,其他該有的東西幾乎每家廠商都有,那UI設計呢?畢竟文章的主題是UI設計。老實說,我覺得Nikon的UI設計一直存在一些問題(Nikon別告我,我沒用很誇張的形容詞)。

  先不談相機本身的UI設計,先來看電池充電器,一個需要另外花NT $ 1,200元購買的小裝置(我不知道從什麼時候開始,幾乎所有廠商的消費級相機都直接使用USB充電,不另外提供電池充電器,真是匪夷所思的設計),圖1是充電器的外觀,只有一顆LED燈,充電時,燈會以一個較慢(亮、熄各約一秒)的速率閃爍(使用手冊上,英文寫Blinks,中文寫閃亮);充飽時,燈會持續亮著(Glows/點亮);如果發生異常,燈會以非常快(亮、熄各約半秒)的速率閃爍(Flickers/點滅),我會提到這個,是因為我第一次使用時,就遇到燈以非常快的速率閃爍,由於那時沒先看過說明書,以為這閃爍速度是正常,就沒去理會,但經過了兩、三個小時後,怪了,怎麼還在閃,一顆電池需要充這麼久嗎?這時我才拿出說明書,一開始看中文...我突然懷疑我的中文程度是不是太差了,我搞不清楚什麼閃亮/點亮/點滅,於是再看英文版,好樣的,英文程度不佳的我再次被Blink/Flicker搞混了,最後,我把電池拔起來再插一次,終於看到比較慢的閃爍,之前那兩、三個小時是白白浪費了,原因就是這個電池充電器的UI設計提供的資訊不夠足夠。

121197025119590600887.jpg
圖 1 Nikon MH-65 (64?)電池充電器 (圖片版權歸原公司所有)

  以目前電子零件的價格,一個比計算機螢幕還要小的單色TN液晶螢幕應該不需要多少錢吧!直接在電池充電器放一個小螢幕,充電時顯示CHARGING,充飽時顯示CHARGED或是FINISHED,如果有錯誤顯示ERROR。即使沒有說明書,大多數使用者應該不會被這只有一個LED燈的UI搞混。就算小螢幕的成本不低,真的只能用一顆LED燈,那也應該用可變色LED燈,例如,充電時顯示橙紅色,接上電源但沒有插上電池時跟充飽時都顯示綠色,錯誤時則顯示紅燈。雖然不是一個最好的設計,但也比用不同速率的閃爍要好太多了,畢竟人對於顏色是有一些既定的想法(也可以說是偏見XD),但對閃爍速率則沒有任何概念。

  我不是刻意挑Apple的產品,但我蠻喜歡Apple MacBook Pro系列筆電的左側電池指示燈(圖2),這指示燈不管電腦是在開機或關機狀態中,只要按下圓形的按鈕,指示燈會依據現在電池的電量,點亮1~8顆不等的燈約五秒鐘(亮5顆燈表示電池約還有62.5%的電量),然後熄滅。這和多數NB的電池指示燈設計方法不同,一般只有一顆燈,而且是開機時一直亮著,或是電池快沒電時持續閃爍(我的前一台NB,即使關機後還是持續閃爍,但不是快沒電了嗎?為什麼還要用電去閃爍),你不想知道也亮著,有些會根據電量改變顏色,但通常只有一種顏色變化表示充裕跟不充裕兩種狀態,除了浪費電外我不知道有什麼用?因為亮著也不知道電池還有多少電,最後還是要看螢幕上由OS提供的資訊。相較之下,下圖的設計比較省電而且又能提供更多資訊。

features_ports_15inch20110224.jpg
圖 2 MacBook Pro 電池電量指示燈(圖片版權歸原公司所有)

  最後,來談Nikon相機在UI設計上,我覺得可以改善的地方,還是跟電池有關,我的前一台相機是大四買的Coolpix S5200,S5200的電池電量顯示只有充裕(電池圖示是滿的)/不充裕(圖示只有半滿)兩種,然後就沒電直接自動關機,沒想到經過七年,Coolpix S9100還是一樣,即使從開始顯示不充裕到沒電為止大概還能拍50張左右的照片,我都會猶豫要不要在圖示一顯示不充裕時就換電池。下面的圖雖然是Mac OS X的截圖,但這些功能是Windows或Linux都有的,我只是現在手邊只有OS X的筆電是用電池的,沒有其他意思。現在隨手可得的手機,畫面上最起碼都有像圖3一樣,會隨電量有不同長度的指示條(低到一定程度還會換成紅色);其他廠商的相機,像Sony或Canon,有類似圖4的設計,顯示所剩電量的百分比;我也有看過像圖5一樣的相機,根據所剩電量、螢幕開啟與否等因素計算還可以拍多少張照片的設計,有人可能會說:『那預測根本就不準』,對,我無法否認,因為尚可使用的時間或是還能拍多少張照片,會因為使用情況有變化,所以NB或筆電會不斷地預測並更新時間或張數,無論準不準,都比只顯示不充裕所得到的資訊要多。我不認為Nikon沒有取得精確電池電量的技術,只是在設計UI時,沒考慮到使用者想要知道更多資訊的需求。

bettery_only.png
圖 3 根據電量有不同長度的指示條

bettery_with_percentage.png
圖 4 除了指示條,另外顯示所剩電量的百分比

bettery_with_time.png
圖 5 除了指示條,顯示根據所剩電量預測的尚可使用時間  

   UI設計裡有很多元素考慮到的不只是好不好看,漂不漂亮,別再以為UI設計是沒什麼了不起的事,即使是一個滑動解鎖也有背後的想法,就算是最簡單的燈號,都可以有設計在裡頭,像MacBook Pro/Air的充電接頭(MagSafe接頭)上也有一個可變色之燈號,綠色表示已充飽電,橘紅色表示充電中。所以,UI設計很重要、很有趣、很主觀(或是公司特有的風格),很強調互動跟提充資訊的。

  相關文章:UI設計之芝麻小事 (I) - 滑鼠軌跡

創作者介紹

Spirit的異想世界

dbi1463 發表在 痞客邦 PIXNET 留言(0) 人氣()