2017-1-27 周周
編者按：萬能的蘋果也會(huì)出錯(cuò)？今天@騰訊ISUX - 羨世寫的這篇好文，總結(jié)了蘋果做錯(cuò)的12個(gè)設(shè)計(jì)，包含了不少實(shí)用的用戶體驗(yàn)設(shè)計(jì)方法，一起來看看。
iOS從07年第一代iPhone發(fā)布時(shí)的iPhone OS，已發(fā)展到今天的iOS10，這些年來，iOS從最初的一個(gè)簡(jiǎn)單、粗糙的ROM，發(fā)展成現(xiàn)在手機(jī)ROM中體驗(yàn)標(biāo)桿的操作系統(tǒng)。設(shè)計(jì)風(fēng)格走過了擬物化，扁平化，今年已發(fā)布的iOS10，設(shè)計(jì)風(fēng)格也開始偏向卡片式風(fēng)格，隨著新的交互方式3D Touch的加入，開始脫離單調(diào)的扁平化設(shè)計(jì)，卡片式風(fēng)格讓設(shè)計(jì)語言更加符合用戶的操作認(rèn)知（卡片式的內(nèi)容，對(duì)人有更強(qiáng)的按壓操作暗示）。
△ iOS10鎖屏Widget界面
蘋果的設(shè)計(jì)，給大家的印象，總能精準(zhǔn)的發(fā)現(xiàn)用戶的痛點(diǎn)，在合適的場(chǎng)景下，創(chuàng)造眼前一亮的設(shè)計(jì)。如手機(jī)屏幕下滑出現(xiàn)快速搜索（Spotlight Search），屏幕下邊緣上滑出現(xiàn)控制中心，這些設(shè)計(jì)創(chuàng)新，都能引起行業(yè)內(nèi)的友商迅速跟進(jìn)。
Vivo的控制中心的設(shè)計(jì)思路與iOS幾乎一致，操作方式都是從屏幕下邊緣上滑出現(xiàn)控制中心。
上圖從左至右，依次為iOS10、MIUI、華為EMUI系統(tǒng)設(shè)置界面。很多手機(jī)ROM的系統(tǒng)設(shè)置，都沿用了蘋果的一套設(shè)計(jì)模式，將系統(tǒng)設(shè)置項(xiàng)，用列表分組展示，同時(shí)將不常用設(shè)置項(xiàng)，收納在二級(jí)界面中，如左圖，iOS將更多設(shè)置收納在【通用】中，小米則為【其他高級(jí)設(shè)置】，EMUI則為【高級(jí)設(shè)置】。
蘋果在交互細(xì)節(jié)上，也能深刻洞察用戶使用場(chǎng)景中的操作習(xí)慣，抓住用戶的需求和痛點(diǎn)，針對(duì)用戶該使用場(chǎng)景下，可能的行為，去做針對(duì)性的設(shè)計(jì)?？鋸堃稽c(diǎn)說，將體驗(yàn)做到了。接下來介紹幾個(gè)，我個(gè)人認(rèn)為iOS上，做的比較出色的交互細(xì)節(jié)。
1. 空信息時(shí)，點(diǎn)擊信息圖標(biāo)，直接進(jìn)入【新建信息】頁面
用戶在信息中的主要操作任務(wù)是查看歷史信息、回復(fù)信息和新建信息。而如果信息中，沒有歷史信息時(shí)，那用戶此時(shí)進(jìn)入，只有一個(gè)操作任務(wù)-新建信息，直接進(jìn)入新建信息頁面，符合用戶當(dāng)前使用場(chǎng)景的下一步操作意圖?；谟脩舻氖褂脠?chǎng)景，預(yù)判用戶的下一步操作。
2. 信息等頁面搜索框默認(rèn)隱藏，下滑屏幕出現(xiàn)，而聯(lián)系人列表界面的搜索框置頂，固定在列表頂部
搜索框在iOS的自帶應(yīng)用中，一般是默認(rèn)隱藏，當(dāng)用戶在頁面頂部下滑時(shí)，出現(xiàn)搜索框，基于用戶的這種操作場(chǎng)景，預(yù)判可能想進(jìn)行搜索，適時(shí)的出現(xiàn)搜索控件。
而在通訊錄聯(lián)系人列表上，搜索框則默認(rèn)出現(xiàn)且置頂。按照交互的一致性原則來看，其實(shí)是不應(yīng)該這么設(shè)計(jì)的，但考慮到聯(lián)系人列表，查找聯(lián)系人這一行為的使用頻率非常高，且很多人進(jìn)入通訊錄，第一任務(wù)就是通過搜索框查找聯(lián)系人，有必要將搜索框置頂顯示在聯(lián)系人列表上方。
3. iOS7以后的多任務(wù)界面，會(huì)自動(dòng)將用戶使用的上一個(gè)應(yīng)用默認(rèn)為當(dāng)前界面主要窗口，方便用戶快速的返回上一個(gè)應(yīng)用
iOS7以后的多任務(wù)界面，自動(dòng)將上一個(gè)應(yīng)用默認(rèn)為多任務(wù)界面的主要窗口，一般用戶使用多任務(wù)的場(chǎng)景，主要是在當(dāng)前應(yīng)用和上一個(gè)應(yīng)用之間切換，將上一個(gè)應(yīng)用突出，作為視覺焦點(diǎn)，符合絕大部分用戶使用多任務(wù)的場(chǎng)景。iOS的設(shè)計(jì)中，會(huì)著重深挖用戶的下一步操作，而不是死板的呈現(xiàn)交互默認(rèn)值。
反觀iOS7之前的多任務(wù)界面，用同樣的視覺重心，呈現(xiàn)最近四個(gè)打開的程序，缺少對(duì)用戶下一步操作的引導(dǎo)。
進(jìn)入正題，到了本文要講的重點(diǎn)。
蘋果也不是神，它也有做錯(cuò)過很多設(shè)計(jì)，下面介紹一些iOS在版本更新迭代中，個(gè)人認(rèn)為做錯(cuò)的一些設(shè)計(jì)方案。以下內(nèi)容，是基于現(xiàn)在的角度來看（設(shè)計(jì)不是孤立存在的，或許在過去的使用場(chǎng)景下，是合適的，但不適合現(xiàn)在），可能存在爭(zhēng)議，僅代表個(gè)人觀點(diǎn)，大家如果有不同意見，歡迎討論。
1. iOS 8多任務(wù)界面頂部，出現(xiàn)讓人費(fèi)解的最近撥打聯(lián)系人
iOS 8在多任務(wù)界面上方，增加了最近聯(lián)系人。希望用戶無需進(jìn)入撥號(hào)應(yīng)用，通過雙擊Home鍵，調(diào)出多任務(wù)界面，即可快速的跟最近聯(lián)系人進(jìn)行撥打電話或發(fā)送信息。
這個(gè)設(shè)計(jì)方案，在iOS9更新時(shí)，已經(jīng)去掉了。失敗的原因，主要是沒有考慮用戶撥打電話的場(chǎng)景，而是生硬的將撥打電話與多任務(wù)，兩個(gè)毫不相關(guān)的場(chǎng)景結(jié)合在一起，與用戶長(zhǎng)久以來，養(yǎng)成撥打電話的習(xí)慣用法相違背。用戶無論什么時(shí)候撥打電話，都很難想到先雙擊Home鍵，打開多任務(wù)，再在此查找最近撥打的聯(lián)系人。而且此種做法，也可能暴漏用戶的隱私。如果你的設(shè)計(jì)，需要解決的是已存在的用戶需求的話，不要挑戰(zhàn)用戶的習(xí)慣用法。
2. iOS7和8的通知中心，按照接收時(shí)間先后倒序排列的前提下，再按照應(yīng)用歸類通知，大大降低了用戶處理通知的效率
iOS10及9的通知中心，將以前復(fù)雜的通知分類方式（按照接收時(shí)間先后倒序排列的前提下，再按照應(yīng)用歸類通知），改為了按照時(shí)間整體排列整合，處理通知的效率提高了很多。我想大家在使用iOS9之前，應(yīng)該都體會(huì)到這種痛苦，清除通知中心的通知，點(diǎn)擊屏幕右側(cè)的叉叉，點(diǎn)的手都酸了的經(jīng)歷，大大降低了用戶清除通知的效率。
現(xiàn)在大家都處于一個(gè)信息爆炸的時(shí)代，手機(jī)里面裝了眾多的APP，每天會(huì)收到無數(shù)的騷擾通知，無效通知的數(shù)量遠(yuǎn)遠(yuǎn)大于有用的通知，大部分通知，用戶其實(shí)掃一眼，然后刪掉即可。通知中心最急切的痛點(diǎn)，就是如何快速處理垃圾通知，目前，蘋果將其改為了按照時(shí)間整體排列整合，已有效改善處理的效率。
但其實(shí)還不夠，用戶沒法方便的屏蔽通知，這也是用戶的一個(gè)痛點(diǎn)。應(yīng)該允許用戶在通知中心中，可以屏蔽，不再接收某一應(yīng)用發(fā)來的通知（設(shè)置項(xiàng)中有通知設(shè)置入口，但操作并不方便）。不要告訴我，第一次打開該APP時(shí)，有彈出是否允許接收通知的彈窗，我想說，我還沒使用該APP，我怎么確定我喜不喜歡它。
（以上截圖源自 知乎）
網(wǎng)上搜了下，對(duì)iOS清除通知的方式吐槽的人蠻多的。
3. iOS10將鎖屏界面調(diào)出相機(jī)方式改為向左滑動(dòng)屏幕調(diào)出，此操作麻煩，效率低，尤其在有消息通知的場(chǎng)景下，更加難以在鎖屏界面調(diào)出相機(jī)
iOS10將iOS9在鎖屏界面調(diào)出相機(jī)的交互方式，由觸摸相機(jī)圖標(biāo)向上滑動(dòng)改為左滑屏幕調(diào)出，有幾點(diǎn)明顯的體驗(yàn)問題：
1.操作前沒有暗示，用戶無法直觀預(yù)知鎖屏界面相機(jī)調(diào)出方式，需要有很高的學(xué)習(xí)成本，去學(xué)習(xí)這個(gè)操作，才能了解如何使用；
2.左滑操作太難觸發(fā)，觸發(fā)區(qū)域也不明確，而且在有消息通知的場(chǎng)景下，觸發(fā)區(qū)域又不一致，用戶在此場(chǎng)景下，非常容易觸發(fā)滑動(dòng)通知誤操作，大大降低了鎖屏界面調(diào)出相機(jī)的效率。
大家在使用裝有iOS10的iPhone在外旅游時(shí)，碰到想抓拍的場(chǎng)景，著急之下，估計(jì)會(huì)很容易出現(xiàn)滑不出相機(jī)的情況。
4. iOS9相機(jī)界面將界面下方易操作區(qū)域留給濾鏡功能，卻不是使用頻率更高的的前后置攝像頭切換
iOS10相機(jī)界面，將之前相機(jī)界面的濾鏡和前后置攝像頭的位置做了對(duì)調(diào)。設(shè)計(jì)的改動(dòng)原因，顯而易見，將使用頻率高的功能放置在更顯眼，且用戶更容易操作的區(qū)域。
將更常用的前后置攝像頭切換功能放置在用戶拍照界面下方，因?yàn)樵谑殖窒鄼C(jī)拍照時(shí)，無論是豎持，還是橫持手機(jī)，屏幕下方的區(qū)域都是用戶更方便點(diǎn)擊到的位置。而根據(jù)我們拍照的習(xí)慣，尤其愛美的MM，前后置攝像頭切換圖標(biāo)點(diǎn)擊的頻率，是遠(yuǎn)遠(yuǎn)高于濾鏡圖標(biāo)的點(diǎn)擊。況且現(xiàn)在第三方濾鏡APP，如Instagram，做的濾鏡種類遠(yuǎn)遠(yuǎn)豐富過iOS自帶相機(jī)。不過，也不能就此斷定，iOS的相機(jī)設(shè)計(jì)師，以前沒有考慮到這個(gè)細(xì)節(jié)，有可能之前有商業(yè)角度的考慮，想推廣自帶相機(jī)的濾鏡功能。
5. iOS7測(cè)試版的鎖屏界面，出現(xiàn)同樣的兩個(gè)操作指引箭頭，以及模糊不清的解鎖文案說明
很多人可能沒見過上左圖的解屏界面，它只在iOS7的前幾個(gè)測(cè)試版出現(xiàn)過，不久后，就改正了。記得那會(huì)刷iOS7測(cè)試版時(shí)，刷好后，點(diǎn)亮屏幕的瞬間，被這個(gè)解鎖界面嚇到了，讓我頓時(shí)變成了一個(gè)智能手機(jī)小白，不知該如何操作，根據(jù)我有限的認(rèn)知，結(jié)合解鎖界面的說明文案和指引箭頭，從屏幕下方往上滑了那么一下，結(jié)果操作錯(cuò)誤，后來發(fā)現(xiàn)是向右滑動(dòng)解鎖。根據(jù)解鎖界面的提示文案，和緊挨著文案的向上箭頭，用戶很容易將兩者結(jié)合起來理解，記得那會(huì)很多人，跟我一樣以為向上滑動(dòng)解鎖。估計(jì)iOS7的設(shè)計(jì)變化太大，蘋果的設(shè)計(jì)師那會(huì)忙不過來，草率的出了這么一個(gè)存在令人誤解的解鎖界面扁平化設(shè)計(jì)方案。還好，沒過多久，在正式版之前，就及時(shí)調(diào)整了。
上左圖解鎖界面，除了上面提到的解鎖方式指引問題以外，還存在主要操作任務(wù)不清晰的問題。該界面同時(shí)存在兩個(gè)箭頭，一個(gè)向上，一個(gè)向下，從視覺重心來看，它倆給用戶的暗示程度是一樣的，按照一個(gè)界面一個(gè)主要任務(wù)的設(shè)計(jì)原則，讓用戶如何理解，在解鎖界面，應(yīng)該上滑呢，還是下滑，最要命的是，無論上滑出現(xiàn)控制中心，下滑出現(xiàn)通知中心，都不是該界面的主要任務(wù)，該界面的主要任務(wù)應(yīng)該是解鎖手機(jī)。而按照這個(gè)解鎖設(shè)計(jì)方案來看，用戶會(huì)被誤導(dǎo)上滑解鎖，或下滑解鎖，完全想不到右滑解鎖。
新的解鎖方案，在解鎖提示文字上左側(cè)增加了一個(gè)向右的箭頭，同時(shí)文字上，增加了向右掃光的動(dòng)畫，暗示用戶向右滑動(dòng)解鎖。界面上下箭頭也改為了短平線，減弱用戶的注意力，讓用戶聚焦到該界面主要任務(wù)，向右滑動(dòng)解鎖。
6. iOS7之前的鎖屏界面，快速查看通知操作隱晦，引導(dǎo)性差
關(guān)于交互，有幾點(diǎn)基本的原則：
左圖，從界面操作前可預(yù)知角度來看，只有右滑解鎖的操作指引暗示，并沒有右滑通知，快速解鎖并進(jìn)入該通知應(yīng)用的操作暗示，界面的可用性有些差，用戶并不能知道如何快速查看通知，而用戶手機(jī)收到通知后，快速查看通知恰恰是用戶要做的主要操作。我記得那會(huì)，還是同事告訴我：“你在通知上右滑看看，可以解鎖并查看通知”。相信很多人那會(huì)應(yīng)該跟我一樣，不知道鎖屏界面還可以這么操作。
右圖的解鎖界面，在最近一條通知附近，有【滑動(dòng)來查看】的文字提示，暗示在通知上滑動(dòng)進(jìn)行查看。不存在iOS6之前鎖屏界面無法獲知【右滑通知快速解鎖并查看】的可用性問題。
7. iOS7之前的多任務(wù)切換，視覺焦點(diǎn)不夠突出，用戶的主要操作是切換最近程序，而將屏幕大部分空間浪費(fèi)在顯示對(duì)當(dāng)前操作無用的桌面
多任務(wù)界面有且都只有一個(gè)任務(wù)：切換最近使用的程序。但iOS6的多任務(wù)界面，只利用了屏幕下方不到1/4的區(qū)域，用于切換最近程序，既然用戶的主要操作就只有左右滑動(dòng)切換最近程序，為什么不能全屏操作，要委屈用戶的手指在下方那一點(diǎn)區(qū)域操作，且點(diǎn)擊想打開的程序，還得非常精準(zhǔn)的小心翼翼的點(diǎn)，才能點(diǎn)中。而iOS7的多任務(wù)界面，就直觀清晰很多了，直接將用戶最近使用的程序界面圖和程序iCON平鋪在桌面上，操作焦點(diǎn)明確。
iOS7的多任務(wù)界面，程序縮略圖顯示最近的三個(gè)程序，而程序ICON顯示五個(gè)，設(shè)計(jì)意圖是為了方便用戶更快速地切換最近的其他程序，但會(huì)給用戶造成使用上的困惑，根據(jù)iOS9和10的多任務(wù)界面改動(dòng)來看，蘋果應(yīng)該是參考了用戶使用數(shù)據(jù)，很少人會(huì)去切換最近的第三或四個(gè)程序。
iOS6的多任務(wù)界面信息呈現(xiàn)還存在一個(gè)問題：沒有主次之分。所有信息都用同樣的視覺強(qiáng)度呈現(xiàn)，但并不是所有信息對(duì)于用戶來說都是同等重要的，比如說，用戶最常使用的場(chǎng)景是：在最近兩個(gè)程序間來回切換。
8. iOS9及之前的通話記錄中，如果聯(lián)系人有多個(gè)號(hào)碼，該通話記錄的撥打號(hào)碼不清晰
iOS9之前的通話記錄中，用藍(lán)色標(biāo)注該通話記錄的撥打號(hào)碼，如果通話記錄對(duì)應(yīng)的聯(lián)系人，存在多個(gè)號(hào)碼的話，該通話記錄對(duì)應(yīng)的撥打號(hào)碼，并不能直觀的看出是哪個(gè)號(hào)碼。
iOS10在通話記錄對(duì)應(yīng)的撥打號(hào)碼上增加了一個(gè)【最近】的識(shí)別標(biāo)簽，則清晰很多，用戶可以直觀的看出哪個(gè)號(hào)碼是我該回?fù)艿奶?hào)碼。
9. iOS7的控制中心界面更像沒經(jīng)過設(shè)計(jì)的交互稿，不同功能區(qū)域劃分并不清晰，明確
信息的分組方式，根據(jù)格式塔理論，常規(guī)處理為間距、分割線、背景色來區(qū)分不同的信息，對(duì)比iOS7的控制中心，有沒有覺得iOS7的控制中心界面，很像沒經(jīng)過設(shè)計(jì)的交互稿，在功能多區(qū)域小的場(chǎng)景下，iOS7控制中心僅僅通過分割線來區(qū)分不同的功能區(qū)域，顯得界面過于凌亂，且用戶可操作的區(qū)域也不明確。而iOS9和iOS10通過不同的背景色區(qū)分不同功能區(qū)，信息的呈現(xiàn)更加清晰。
10. iOS的分享菜單中，下面一欄功能，給人的感覺是不可點(diǎn)擊狀態(tài)
分享界面下面一排功能圖標(biāo)與上面一排應(yīng)用圖標(biāo)的視覺差異，傳遞給人的感受，下面一排功能圖標(biāo)狀態(tài)更像是不可點(diǎn)擊狀態(tài)，讓人感覺功能不可用。
11. 郵件詳情界面，iOS10用左右箭頭映射上一封下一封，不如iOS9用上下箭頭映射上一封下一封郵件自然直觀，更容易讓用戶理解
iOS郵件列表，新的郵件在列表上方，較舊的郵件在新的郵件下方。
iOS10的郵件詳情中，用左右箭頭表示下上封郵件。向左的箭頭給用戶的暗示是返回，可以理解為返回時(shí)間較早的一封郵件，即列表下一封郵件。向右的箭頭表示前進(jìn)，理解為去查看較新的一封郵件，即列表上一封郵件。左側(cè)箭頭—>上一封舊郵件，右側(cè)箭頭—>下一封新郵件，但此種對(duì)應(yīng)，與郵件列表中，新郵件在上，舊郵件在下，是一個(gè)很糟糕的映射關(guān)系，增加了用戶的認(rèn)知負(fù)擔(dān)，用戶很難理解，為何點(diǎn)擊左側(cè)箭頭，會(huì)跑到了列表下一封郵件。
舉一個(gè)【設(shè)計(jì)心理學(xué)】中，關(guān)于映射的例子。
燃?xì)庠羁丶脑愀庥成?/span>
最左邊的旋轉(zhuǎn)控制的是左前燃?xì)忸^還是左后燃?xì)忸^？用戶每次使用燃?xì)庠顣r(shí)，都得弄清楚映射關(guān)系。
燃?xì)庠羁丶那逦成?/span>
上圖旋鈕和燃?xì)忸^的映射關(guān)系非常清晰，因?yàn)樾o的空間布局已將旋鈕與燃?xì)忸^清晰地聯(lián)系起來。
iOS9的郵件詳情，用上下箭頭控制上一封，下一封郵件就好理解多了。點(diǎn)擊向上箭頭，去到該郵件列表上一封郵件，點(diǎn)擊向下箭頭，去到該郵件列表下一封郵件。上下箭頭點(diǎn)擊后的去處，更符合“自然映射”，與郵件列表中的郵件順序映射關(guān)系比左右箭頭容易理解多了。
有一個(gè)正面的案例
Google在通知詳情中，通過上下箭頭指示去到上一封通知，或下一封通知。
12. iOS9刪除應(yīng)用確認(rèn)對(duì)話框，將【刪除】Button放在并不合理的位置，初衷是好，但設(shè)計(jì)過度
iOS10將刪除應(yīng)用的確認(rèn)對(duì)話框中，【刪除】Button的位置從左側(cè)移至了右側(cè)，同時(shí)從藍(lán)色加粗，變更為了紅色加粗，增強(qiáng)了刪除操作的視覺提示。
iOS對(duì)話框操作按鈕的一般原則是：主要操作在右，取消操作在左。而刪除應(yīng)用的確認(rèn)對(duì)話框，一直以來都是逆向設(shè)計(jì)，將【刪除】置于左邊，【取消】在右邊。現(xiàn)在這個(gè)改動(dòng)，證明他們之前的逆向設(shè)計(jì)是有問題的。本身用戶進(jìn)行刪除操作，已經(jīng)有非常高的門檻，長(zhǎng)按圖標(biāo)，圖標(biāo)抖動(dòng)后，需要精準(zhǔn)的點(diǎn)擊刪除叉號(hào)（而且刪除還放置在不那么好點(diǎn)的左上角），才能出現(xiàn)確認(rèn)刪除對(duì)話框，這一系列操作足以保證用戶不是誤操作了，沒有必要再為了防止用戶誤操作，而設(shè)計(jì)刪除障礙。
設(shè)計(jì)不是藝術(shù)，它不是孤立存在的，更不是設(shè)計(jì)師的自娛自樂。設(shè)計(jì)永遠(yuǎn)和人、使用場(chǎng)景、用戶需求相關(guān)聯(lián)。iOS會(huì)不斷的去更新迭代它的設(shè)計(jì)，除了有商業(yè)目的上的考慮外，更多的是根據(jù)時(shí)代（人、環(huán)境、需求）的變化而變化，去做符合當(dāng)下的設(shè)計(jì)。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com