眾所周知，iphone自2007年發(fā)布以來，其卓越的顏值與體驗(yàn)一直是設(shè)計界的標(biāo)桿。文章對iphone的設(shè)計細(xì)節(jié)進(jìn)行了分析，讓我們一起去探索大師級iphone設(shè)計細(xì)節(jié)之物理按鍵的變遷與設(shè)計邏輯吧。

從iphone歷代手機(jī)按鍵變化看，其中最大的變化莫過于開關(guān)機(jī)鍵的位置變化。

從第一代iphone到第七代iphone5c和iphone5s（包括后推出的iphoneSE），開關(guān)機(jī)鍵一直位于手機(jī)頂部，而從iphone6開始，開關(guān)機(jī)鍵便轉(zhuǎn)移到右側(cè),這其中隱藏著怎樣的設(shè)計原理呢？

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

讓我們一起去看看吧～

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

01 iPhone開關(guān)機(jī)鍵為什么由頂部改到右側(cè)？

首先讓我們看看歷代iPhone機(jī)身尺寸。

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

相信聰明如你已經(jīng)想到了，iPhone手機(jī)開關(guān)機(jī)按鍵的變化與iphone機(jī)身尺寸有關(guān)。

①當(dāng)機(jī)身小于等于124.4mm時，開關(guān)機(jī)位于手機(jī)頂部；

②當(dāng)機(jī)身大于等于138.1mm時，開關(guān)機(jī)位于手機(jī)右側(cè)。

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

①iPhone4的開關(guān)機(jī)按鍵測試：右手單手操作，當(dāng)手指從滑動手機(jī)狀態(tài)切換到關(guān)機(jī)按鈕，食指可較容易按到頂部的開關(guān)機(jī)鍵；

②iPhoneXS的開關(guān)機(jī)按鍵測試：右手單手操作，當(dāng)手從操控手機(jī)屏幕切換到iphone4對應(yīng)的頂部按鈕位置時（xs開關(guān)機(jī)鍵實(shí)際在右側(cè)），由于機(jī)身高度較高，需要將整個手上移，手指才能按到原頂部開關(guān)機(jī)鍵位置。從滑動屏幕到切換到原頂部開關(guān)機(jī)按鈕，iphonexs相較iphone4更難觸達(dá)。

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

結(jié)論：

①基于手的尺寸考慮，隨著iphone機(jī)身尺寸增大，開關(guān)機(jī)按鍵也由頂部改變到右側(cè)；

②為了方便用戶從滑動屏幕到開關(guān)機(jī)的自由切換（開關(guān)機(jī)按鍵使用場景一般為滑動屏幕、關(guān)機(jī)或開機(jī)、滑動屏幕），按鈕設(shè)置于右手（畢竟右撇子遠(yuǎn)大于左撇子）更易觸達(dá)的頂部或右側(cè)。

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

1. 使用頻率與按鍵對應(yīng)面位置的關(guān)系

①Home鍵 使用頻率最高——位于手機(jī)A級面，即手機(jī)正面屏幕下方接近人操作位置，是人使用手機(jī)時最易觸達(dá)的位置。（好吧，不妨腦洞大開想想如果放于屏幕上方會怎樣？）注：一般CMF對A級面的標(biāo)準(zhǔn)比其他面（B級、C級面等）的工藝要求更嚴(yán)格，這也是為什么很多產(chǎn)品的分模線一般位于產(chǎn)品的側(cè)面或底面。

②解鎖開關(guān)機(jī)鍵 使用頻率第二高——對應(yīng)B級面，位于手機(jī)頂部或右側(cè)面，右手操作時相較于左側(cè)更易觸達(dá)。

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

小結(jié)1：按鍵使用越頻繁，對應(yīng)操作位越易觸達(dá)。

2. 為什么iphone把開關(guān)機(jī)鍵與聲音控制鍵（三鍵）分別放置于不同的兩個面上？

我們來對比一下華為手機(jī)。華為系列手機(jī)開關(guān)機(jī)鍵和音量鍵均位于手機(jī)右側(cè)，右側(cè)上方放置兩個音量鍵，右側(cè)下方為開關(guān)機(jī)鍵。（下圖為P30）

我們也同樣發(fā)現(xiàn)小結(jié)1的規(guī)律，使用相對頻繁的開關(guān)機(jī)鍵位于更接近右手觸達(dá)的操作位——右側(cè)面下方，音量鍵則位于離右手更遠(yuǎn)的右上方。

由于三個按鍵位于同側(cè)，小編在使用多次后，每次使用時仍需思考哪個才是開關(guān)機(jī)鍵，哪個才是音量鍵。顯然把這三個鍵統(tǒng)一放在右側(cè)，手機(jī)整體可能更美觀，但是體驗(yàn)感相對較差。

究其原因，三者僅有同側(cè)位置區(qū)分，而這細(xì)微差距不足以產(chǎn)生條件反射。

小結(jié)2：通過對比發(fā)現(xiàn)，iPhone把這兩類按鍵安排在不同的側(cè)面，體驗(yàn)感更好，使我們不需思考就能條件反射地知道該按哪個鍵——異側(cè)位置區(qū)分>同側(cè)位置區(qū)分。

3. 靜音開關(guān)鍵、加音量鍵、減音量鍵

由于三者同屬聲音控制鍵，所以我們很容易理解設(shè)計師把他們統(tǒng)一安排在手機(jī)左側(cè)的原因。

但是問題來了，既然都同屬聲音控制鍵，為什么靜音鍵不設(shè)計成和加減音量鍵一樣的按鈕呢？即按一下開，再按一下關(guān)？我們知道m(xù)ac鍵盤上也是有靜音鍵的（第一排右二）。

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

但同時我們又不能把三者分開，因?yàn)槿咄瑢俾曇艨刂奇I，這時不同的造型便是設(shè)計師的最佳選擇了。因?yàn)椴煌脑煨涂梢允轨o音鍵更易區(qū)分（造型維度&位置維度）。

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

那么問題又來了，既然這樣，為什么加音量鍵和減音量鍵設(shè)計師要用一樣的按鍵呢？

這是因?yàn)?，音量的加減與物理空間的上下對應(yīng)，使我們不需要想就知道上面是加，下面是減。還有就是如果都設(shè)計成不一樣的鍵，iPhone 還是我們那個顏值爆表的她了嗎？

小結(jié)3：

①靜音鍵之所以與加減音量鍵同屬一側(cè)，是因?yàn)槿呔鶠槁曇艨刂奇I，相同類型的按鈕應(yīng)安排在一起，方便用戶查找。

②靜音鍵之所以與加減音量鍵造型不同，是因?yàn)椴煌脑煨涂梢允轨o音鍵更易區(qū)分（造型維度&位置維度），降低用戶選擇難度。

③加減音量鍵造型相同，且位于左側(cè)上下位置。造型相同是基于顏值和加減音量鍵的心理等價性考慮。上下位置區(qū)分是因?yàn)榧訙p音量與物理空間的上下對應(yīng)，使我們不需思考就知道上面是加，下面是減。

03 總結(jié)

iPhone物理按鍵背后優(yōu)秀的設(shè)計邏輯：

①基于手的人機(jī)尺寸考慮，隨著iphone機(jī)身尺寸增大，開關(guān)機(jī)按鍵也由頂部改變到側(cè)面；

②為了方便用戶從滑動屏幕到開關(guān)機(jī)的自由切換（開關(guān)機(jī)按鍵使用場景一般為滑動屏幕、關(guān)機(jī)或開機(jī)、滑動屏幕），按鈕設(shè)置于右手（畢竟右撇子遠(yuǎn)大于左撇子）更易觸達(dá)的頂部或右側(cè)。

③使用越頻繁的按鍵，操作位置越易觸達(dá)。

④把開機(jī)鍵與聲音控制鍵安排在不同的側(cè)面，體驗(yàn)感更好，使我們不需思考就能條件反射地知道該按哪個鍵——關(guān)于區(qū)分，我們講到了位置區(qū)分、造型區(qū)分、圖標(biāo)區(qū)分，設(shè)計時我們需要根據(jù)具體情況靈活運(yùn)用。

⑤靜音鍵之所以與音量鍵同屬一側(cè)，是因?yàn)槿咄瑢俾曇艨刂奇I，相同類型按鍵應(yīng)放置在同一區(qū)域，方便用戶查找。

⑥靜音鍵之所以與加減音量鍵造型不同，是因?yàn)椴煌脑煨涂梢允轨o音鍵更易區(qū)分（造型維度&位置維度）。

⑦加減音量鍵造型相同，且位于左側(cè)上下位置。造型相同是基于顏值和加減音量鍵的心理等價性考慮。上下位置區(qū)分是因?yàn)榧訙p音量與物理空間的上下對應(yīng)，使我們不需思考就知道上面是加，下面是減。

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

歡迎吐槽～

本文由 @洛小梅 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。