上期文末所做的小預告如約而至,也是我原本打算在發布《iOS 細節設計之交互篇「下」》之前想插入的一篇案例詳解,之所以先講它是想讓大家對於此類案例有更深入的了解。廢話不多說,下面進入正文。
蘋果在產品細節上的追求一直以來都是被人津津樂道的話題。無論是喬布斯時代的偏執還是庫克掌權後的傳承,在iOS 或OS X 中都能找到很多眼睛為之一亮的精彩設計,這在之前的三篇有關「iOS 細節設計」的文章中都有過提及。
不過對於資深果粉來說,知道文章裡的案例並不值得驕傲,挖掘那些鮮為人知的細節才是能讓他們興奮的事情,這便是文章標題所指的Apple Surprise & Delight Moment 。
現在拿起你手裡的iPhone(僅限iPhone 4 以後的機型),確認已在設置項中開啟了Dictation(語音聽寫),然後打開一個可以調出虛擬鍵盤的App,比如「備忘錄」。
如果你所啟用的輸入法不止一個,那麼在你的Space 鍵「空格鍵」左邊一定會有Globe 鍵(用於切換輸入法的那個小地球按鍵)和Dictation 鍵(畫著麥克風的語音輸入鍵) 。然後再去到設置項中,將除English「英文」之外的輸入法全部移除,再回到之前的虛擬鍵盤,你就看到再下面的那一幅圖。
好了,現在找碴遊戲開始… 我想你肯定很快就注意到了下圖中沒有Globe 鍵,以及因為Globe 鍵的空缺而導致的Space 鍵變短了。但你是否有註意到兩幅圖中Dictation 鍵的顏色有所不同呢?亦或是注意到了,但是有考慮原因嗎?OK,再來仔細觀察這兩幅圖。
如之前所言,圖中下方的Space 鍵明顯偏長,是因為上方的Globe 鍵佔據了一個按鍵的位置,那麼在這個基礎上再來看Dictation 鍵的顏色,你就會明白它為什麼使用了不同的顏色。因為白色所對應的正是Space 鍵的顏色,而圖中上方Dictation 鍵+ Space 鍵的長度正好等長於下方Space 鍵的長度,所以蘋果在這裡利用Dictation 鍵在色彩上所產生的視覺差異填補了由於Globe 鍵所佔去的原Space 鍵的面積。
那麼問題來了,為什麼要這麼做?
解釋原因之前不妨先來實踐一番。首先只保留系統輸入法為English,這時的Space 鍵可以理解為全尺寸,然後以較快速度進行輸入的同時點擊Space 鍵,你會發現如果習慣於左手拇指點擊的話,那麼通常會按壓Space 鍵中部偏左的區域。
接下來將鍵盤恢復為多輸入法,這時的Space 鍵會因為多了Globe 鍵而變短,同樣以較快速度進行輸入的同時點擊Space 鍵,你會發現當習慣了之前全尺寸的Space 鍵後,這時的左手拇指落點就很可能會是現在Dictation 鍵的位置。
試想在這種情況下若Dictation 鍵的顏色是與Space 鍵不同的灰色,那麼在視覺上將會非常搶眼(如下圖,自行感受下),從而導致用戶為防止輸入錯誤,而將拇指敲擊位置下意識的向右移,這樣就會影響到輸入的連貫性。
而之所以將Dictation 鍵變為與Space 鍵同樣的白色,就是要在視覺差異上將這個影響降低,從而讓用戶保持統一的認知感,讓輸入更流暢。
可能有人會說我將這個設計過度解讀了,蘋果對Dictation 鍵改變顏色僅僅是為了保持UI 設計上的對稱而已。
不過,事情還沒完。如果你夠細心,在上面的實踐中或許已經發現藏在其中的另一個奧秘。那就是在快速輸入時,即使你的拇指落點在Dictation 鍵上,也不會觸發該鍵的語音功能,而是發現點擊區域依然在Space 鍵上,這個設計即使是在全尺寸Space 鍵的鍵盤上也是適用的。
換句話說,就是蘋果為了防止誤操作,本身就對Dictaiton 鍵採用了針對快速輸入下的無響應處理。那麼,基於這個設計再來看Dictation 鍵的顏色問題,你還會認為蘋果僅僅是為了做一個UI 上的對稱嗎?
歡迎關注新浪微博@uedetail 與我交流,更多細節設計請訪問uedetail.com。我們《iOS 細節設計之交互篇「下」》中再見。
聲明:「領客專欄」所有文章均由原作者授權AppSolution 發布/轉載,任何個人/組織未經授權不得使用。
本文章獲ifanr權使用,原文連結請點此:ifanr
到APP情報誌 Facebook 粉絲團、Google+ 專頁找我們玩 !