產品設計:iPhone物理按鍵背后的設計邏輯

3 評論 8836 瀏覽 7 收藏 12 分鐘

眾所周知,iphone自2007年發布以來,其卓越的顏值與體驗一直是設計界的標桿。文章對iphone的設計細節進行了分析,讓我們一起去探索大師級iphone設計細節之物理按鍵的變遷與設計邏輯吧。

從iphone歷代手機按鍵變化看,其中最大的變化莫過于開關機鍵的位置變化。

從第一代iphone到第七代iphone5c和iphone5s(包括后推出的iphoneSE),開關機鍵一直位于手機頂部,而從iphone6開始,開關機鍵便轉移到右側,這其中隱藏著怎樣的設計原理呢?

還有為什么iphone的五個物理按鍵安排在不同的空間位置呢(暫不考慮取消Home鍵的iphone8之后的系列手機,下面不再贅述)?為什么設計師要把靜音鍵和加減音量鍵設計成造型不同的按鍵?

讓我們一起去看看吧~

(說明:由于本文花了較大篇幅論證,難免會有許多贅述,為了節省讀者閱讀時間,只需看結論的朋友可以直接略過正文查看文末小結。)

01 iPhone開關機鍵為什么由頂部改到右側?

首先讓我們看看歷代iPhone機身尺寸。

由下表可以看出,從第一代iphone到第五代iphone4s,機身高度非常穩定,基本維持在115~115.5 mm。到了iphone5、iphone5c、iphone5s、iphoneSE,機身高度基本維持在124mm左右。到了第八代iphone6及后續手機(iphoneSE除外),手機高度均大于等于138.1mm。

相信聰明如你已經想到了,iPhone手機開關機按鍵的變化與iphone機身尺寸有關。

①當機身小于等于124.4mm時,開關機位于手機頂部;

②當機身大于等于138.1mm時,開關機位于手機右側。

由于手頭設備有限,小編便只測試一下小尺寸的iphone4(115.2x 58.6x 9.3 mm)和大尺寸的iphonexs(143.6x 70.9x 7.7 mm)來說明吧。

①iPhone4的開關機按鍵測試:右手單手操作,當手指從滑動手機狀態切換到關機按鈕,食指可較容易按到頂部的開關機鍵;

②iPhoneXS的開關機按鍵測試:右手單手操作,當手從操控手機屏幕切換到iphone4對應的頂部按鈕位置時(xs開關機鍵實際在右側),由于機身高度較高,需要將整個手上移,手指才能按到原頂部開關機鍵位置。從滑動屏幕到切換到原頂部開關機按鈕,iphonexs相較iphone4更難觸達。

右手單手操作,右手大拇指從屏幕切換到實際右側開關機鍵,只需大拇指從屏幕上移動到手機右側面開關機鍵,按下按鈕即可。通過對比,我們可以看到此時右側的按鈕相較于之前的頂部按鈕更易操作,而且位置非常適合大拇指操作。

結論:

①基于手的尺寸考慮,隨著iphone機身尺寸增大,開關機按鍵也由頂部改變到右側;

②為了方便用戶從滑動屏幕到開關機的自由切換(開關機按鍵使用場景一般為滑動屏幕、關機或開機、滑動屏幕),按鈕設置于右手(畢竟右撇子遠大于左撇子)更易觸達的頂部或右側。

02 iPhone五個物理鍵位置為什么這樣安排?

1. 使用頻率與按鍵對應面位置的關系

①Home鍵 使用頻率最高——位于手機A級面,即手機正面屏幕下方接近人操作位置,是人使用手機時最易觸達的位置。(好吧,不妨腦洞大開想想如果放于屏幕上方會怎樣?)注:一般CMF對A級面的標準比其他面(B級、C級面等)的工藝要求更嚴格,這也是為什么很多產品的分模線一般位于產品的側面或底面。

②解鎖開關機鍵 使用頻率第二高——對應B級面,位于手機頂部或右側面,右手操作時相較于左側更易觸達。

③靜音、加減音量鍵使用頻率第三高——位于手機左側。右手操作時相較于右側或頂部更難觸達。

小結1:按鍵使用越頻繁,對應操作位越易觸達。

2. 為什么iphone把開關機鍵與聲音控制鍵(三鍵)分別放置于不同的兩個面上?

我們來對比一下華為手機。華為系列手機開關機鍵和音量鍵均位于手機右側,右側上方放置兩個音量鍵,右側下方為開關機鍵。(下圖為P30)

我們也同樣發現小結1的規律,使用相對頻繁的開關機鍵位于更接近右手觸達的操作位——右側面下方,音量鍵則位于離右手更遠的右上方。

由于三個按鍵位于同側,小編在使用多次后,每次使用時仍需思考哪個才是開關機鍵,哪個才是音量鍵。顯然把這三個鍵統一放在右側,手機整體可能更美觀,但是體驗感相對較差。

究其原因,三者僅有同側位置區分,而這細微差距不足以產生條件反射。

小結2:通過對比發現,iPhone把這兩類按鍵安排在不同的側面,體驗感更好,使我們不需思考就能條件反射地知道該按哪個鍵——異側位置區分>同側位置區分。

3. 靜音開關鍵、加音量鍵、減音量鍵

由于三者同屬聲音控制鍵,所以我們很容易理解設計師把他們統一安排在手機左側的原因。

但是問題來了,既然都同屬聲音控制鍵,為什么靜音鍵不設計成和加減音量鍵一樣的按鈕呢?即按一下開,再按一下關?我們知道mac鍵盤上也是有靜音鍵的(第一排右二)。

這其實和剛剛我們分析華為手機右側選按鍵的原理一樣,如果三個按鈕造型相同,區別太小,僅同側物理位置區分,此時需要思考才能選對。

但同時我們又不能把三者分開,因為三者同屬聲音控制鍵,這時不同的造型便是設計師的最佳選擇了。因為不同的造型可以使靜音鍵更易區分(造型維度&位置維度)。

我們看到Mac鍵盤上的靜音控制鍵除了位置區分,還有按鍵上的圖標區分,鍵盤面是人眼極易觸達的面,這時圖標區分是有效的,但音量鍵則位于iPhone側面,眼睛較難觸達,所以此時圖標區分就顯得不那么奏效了。

那么問題又來了,既然這樣,為什么加音量鍵和減音量鍵設計師要用一樣的按鍵呢?

這是因為,音量的加減與物理空間的上下對應,使我們不需要想就知道上面是加,下面是減。還有就是如果都設計成不一樣的鍵,iPhone 還是我們那個顏值爆表的她了嗎?

小結3:

①靜音鍵之所以與加減音量鍵同屬一側,是因為三者均為聲音控制鍵,相同類型的按鈕應安排在一起,方便用戶查找。

②靜音鍵之所以與加減音量鍵造型不同,是因為不同的造型可以使靜音鍵更易區分(造型維度&位置維度),降低用戶選擇難度。

③加減音量鍵造型相同,且位于左側上下位置。造型相同是基于顏值和加減音量鍵的心理等價性考慮。上下位置區分是因為加減音量與物理空間的上下對應,使我們不需思考就知道上面是加,下面是減。

03 總結

iPhone物理按鍵背后優秀的設計邏輯:

①基于手的人機尺寸考慮,隨著iphone機身尺寸增大,開關機按鍵也由頂部改變到側面;

②為了方便用戶從滑動屏幕到開關機的自由切換(開關機按鍵使用場景一般為滑動屏幕、關機或開機、滑動屏幕),按鈕設置于右手(畢竟右撇子遠大于左撇子)更易觸達的頂部或右側。

③使用越頻繁的按鍵,操作位置越易觸達。

④把開機鍵與聲音控制鍵安排在不同的側面,體驗感更好,使我們不需思考就能條件反射地知道該按哪個鍵——關于區分,我們講到了位置區分、造型區分、圖標區分,設計時我們需要根據具體情況靈活運用。

⑤靜音鍵之所以與音量鍵同屬一側,是因為三者同屬聲音控制鍵,相同類型按鍵應放置在同一區域,方便用戶查找。

⑥靜音鍵之所以與加減音量鍵造型不同,是因為不同的造型可以使靜音鍵更易區分(造型維度&位置維度)。

⑦加減音量鍵造型相同,且位于左側上下位置。造型相同是基于顏值和加減音量鍵的心理等價性考慮。上下位置區分是因為加減音量與物理空間的上下對應,使我們不需思考就知道上面是加,下面是減。

⑧五個物理控制鍵的位置造型安排是基于體驗和顏值的綜合考慮。

歡迎吐槽~

 

本文由 @洛小梅 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 花了大量的篇幅講了一些比較淺顯的點,感覺不夠深入

    來自安徽 回復
  2. 噢噢,我也有遇到這種情況,不過電話一般可以再打回去,享受這種不打擾的狀態,所以沒有很在意。就是找我有急事的朋友崩潰了,哈哈哈。不知道您注意沒有,蘋果手機側面靜音鍵有一道紅色線提示呢。

    回復
  3. 有沒有覺得靜音鍵的存在有問題呢,比如開了靜音,很容易忘記關了,半天都漏接電話。 而且在你調音量的時候,還看不到是靜音狀態,加了音量也是白加。 這方面安卓starbar提示做的比較好

    來自廣東 回復