雷鋒網(wǎng)按：本文作者于航（spell），@Salesforce高級(jí)產(chǎn)品設(shè)計(jì)，曾助力微軟，亞馬遜，HTC，Citrix及若干創(chuàng)業(yè)公司的產(chǎn)品設(shè)計(jì)。

萬(wàn)眾期待的蘋(píng)果開(kāi)發(fā)者大會(huì)Keynote前幾天落下了帷幕，這次的更新主要集中在軟件上，作為一名用戶體驗(yàn)從業(yè)者，自然是對(duì)此激動(dòng)不已，于是迅速更新了iOS 10進(jìn)行了體驗(yàn)。想在這里客觀地聊聊我從用戶體驗(yàn)角度的感想，順便聊聊我們?cè)O(shè)計(jì)師到底如何看一款產(chǎn)品。

之前Spotify的設(shè)計(jì)總監(jiān)Tobias van Schneider做了一期視頻講了他對(duì)于之前備受關(guān)注的Instagram的新設(shè)計(jì)的看法，其中有一句話我非常贊同，他說(shuō)：”P(pán)eople only like changes in theory when they don't interact with my personal life.“——人們只是理論上喜歡變化，因?yàn)槲覀冎幌矚g和我們生活不直接相關(guān)的變化。

如果一個(gè)變化影響到你的生活，哪怕只是一點(diǎn)點(diǎn)，你潛意識(shí)的反應(yīng)就是抗拒它。這也是為什么，Instgram變化的時(shí)候被噴了，之前Asana變的時(shí)候被噴了，Uber換了logo之后也被噴了。所以本文并不是一個(gè)噴子來(lái)吐槽一堆對(duì)于“變化”的憤怒，我想跟大家，聊聊在用戶體驗(yàn)中“改變”的評(píng)判標(biāo)準(zhǔn)。

我相信對(duì)于蘋(píng)果來(lái)說(shuō)，改變本身就是很有挑戰(zhàn)性的。因?yàn)榧夹g(shù)在變化，人們的需求在更新，原本設(shè)計(jì)時(shí)考慮到的scenario（場(chǎng)景）也會(huì)發(fā)生變化，那么設(shè)計(jì)就應(yīng)該變。

舉個(gè)淺顯的例子，一個(gè)產(chǎn)品在內(nèi)測(cè)期間，需要邀請(qǐng)碼才能進(jìn)入系統(tǒng)，這個(gè)時(shí)候用戶是不需要注冊(cè)的，因此第一稿設(shè)計(jì)只有一個(gè)登陸按鈕；當(dāng)其準(zhǔn)備公測(cè)時(shí)，開(kāi)發(fā)了注冊(cè)功能，這時(shí)候就要加一個(gè)按鈕了。那么加在哪里，到底是突出登陸功能還是鼓勵(lì)用戶注冊(cè)等等，是這個(gè)按鈕需要考慮的變量。聽(tīng)起來(lái)很簡(jiǎn)單，但這完全是把一個(gè)一維問(wèn)題轉(zhuǎn)換成了一個(gè)多維問(wèn)題，而這僅僅是一個(gè)很小很小的功能改變。

作為設(shè)計(jì)師，我們平時(shí)的生活中，往往需要通過(guò)設(shè)計(jì)解決的，是復(fù)雜度非常高的問(wèn)題，每一個(gè)新變量（新需求、新設(shè)計(jì)風(fēng)格、新設(shè)備大小等）都會(huì)給設(shè)計(jì)本身增加很多復(fù)雜度。久而久之，欠的債多了，設(shè)計(jì)便不能承載這些變化，需要突破了。這也是為什么，有時(shí)候我們會(huì)看到put band-aid on the design(設(shè)計(jì)上的創(chuàng)可貼)的情況。一個(gè)最普遍的例子，是上一次蘋(píng)果在iOS 9上發(fā)布的Back to app功能。

這個(gè)功能的發(fā)布簡(jiǎn)直在設(shè)計(jì)團(tuán)體里掀起了一股小高潮，就連Don Norman老爺子都發(fā)文章吐槽了此事。（原文： Apple's products are getting harder to use because they ignore principles of design） 今天就想從Principle of design，來(lái)分析分析這次的iOS 10。

Affordance

Affordance是個(gè)心理學(xué)的名詞，淺顯地說(shuō)，就是指：If you design a button, it should look like a button。即用戶能夠直接獲知你的設(shè)計(jì)應(yīng)該被如何使用的心理反饋。比如你設(shè)計(jì)了一個(gè)按鈕，沒(méi)人知道這是個(gè)按鈕，它看起來(lái)并不能被點(diǎn)擊，那么就是沒(méi)有affordance。

說(shuō)實(shí)話，Apple在這一點(diǎn)上一直做得不好，這次也不例外。舉個(gè)例子吧。

這是iOS在發(fā)展演化過(guò)程中，對(duì)于鎖屏功能上的提示信息的處理。最早的時(shí)候，只是顯示了信息本身，試問(wèn)你會(huì)點(diǎn)擊這個(gè)信息去回復(fù)，還是會(huì)在這個(gè)信息上做個(gè)手勢(shì)操作呢？

當(dāng)然你現(xiàn)在已經(jīng)在腦海中建立了“滑動(dòng)解鎖”和“滑動(dòng)回復(fù)”這兩個(gè)概念，可是在當(dāng)時(shí)，很多用戶試圖點(diǎn)擊信息本身進(jìn)入到信息內(nèi)部進(jìn)行回復(fù)。這也就是為什么，在后來(lái)的版本里面，Apple在信息的下面加入了一行小字“slide to reply”，因?yàn)橛脩舨恢滥愕墓δ茉撛趺幢皇褂?，你的設(shè)計(jì)沒(méi)能說(shuō)明這一點(diǎn)。

互聯(lián)網(wǎng)時(shí)代大家對(duì)這樣的例子的包容性要強(qiáng)很多，但實(shí)際這個(gè)情況，就像是一個(gè)公司設(shè)計(jì)了一把剪刀，但是剪刀上面一定要綁著個(gè)說(shuō)明書(shū)不然你就無(wú)法使用它。這個(gè)情況，其實(shí)對(duì)于設(shè)計(jì)來(lái)說(shuō)，既是大忌，也是很大的失誤。

那么iOS 10怎么處理這個(gè)我認(rèn)為不令人滿意的設(shè)計(jì)呢？

他們非常好的引入了另一個(gè)“說(shuō)明書(shū)”——Press for more。如果你還沒(méi)用iOS 10也沒(méi)看預(yù)告片，關(guān)于如何Press以及Press之后會(huì)發(fā)生什么。我在這里先賣(mài)個(gè)關(guān)子。

當(dāng)然這只是一個(gè)非常小的例子?？偨Y(jié)來(lái)說(shuō)，iOS 10在Affordance這方面，還有很多有待加強(qiáng)的地方。不能因?yàn)槟闶茿pple，你就每次發(fā)布的時(shí)候都強(qiáng)行植入一些操作概念給用戶，而這些概念我的父母可能只有我手把手多次教學(xué)才能學(xué)會(huì)，你說(shuō)對(duì)吧？

Context

Context是另一個(gè)我覺(jué)得衡量設(shè)計(jì)非常非常重要的標(biāo)桿，指的是理解當(dāng)前用戶所處情景的能力。為什么這個(gè)很重要呢？因?yàn)槟軌蚩紤]到context的設(shè)計(jì)，才是真正能夠懂你的設(shè)計(jì)。

還是來(lái)一發(fā)例子給大家。不知道大家平時(shí)約飯的時(shí)候有沒(méi)有過(guò)這樣的經(jīng)歷：

1、你通常要先到微信里面把幾個(gè)人拉到一個(gè)群里，然后你再跟大家商量時(shí)間，在這個(gè)過(guò)程中你可能還得看看自己的日程所以你要切換到日歷去做多次確認(rèn)。

2、最難的可能還是確認(rèn)去哪里吃飯。你要去Yelp（國(guó)內(nèi)可能是大眾點(diǎn)評(píng)之類的）去查找餐廳，找個(gè)大家都喜歡的。

3、然后跟餐廳打電話去定位子，最終你還得把餐廳的位置打給大家。

有個(gè)調(diào)查說(shuō)過(guò)，我們現(xiàn)在約個(gè)飯，可能要切換3-8個(gè)App并在它們之間切換個(gè)十幾次才能完成。

那么如果有個(gè)設(shè)計(jì)能考慮到這個(gè)場(chǎng)景，讓你減少這種切換呢？一個(gè)很聰明的解決方案來(lái)自Google，前陣子推出的Google Keyboard中，你可以在鍵盤(pán)上面直接搜索，無(wú)需切換App，并且把你搜索出來(lái)的信息直接分享給大家，我的朋友里面用了這個(gè)功能的，無(wú)一不覺(jué)得爽。這就是懂得“情景”的重要性。

無(wú)疑Apple一直以來(lái)，對(duì)于情景的思量都是做足了功課，所以一直以來(lái)，你用Apple總是很爽。iOS 10當(dāng)然也延續(xù)了一貫的Apple風(fēng)格，力爭(zhēng)做到非常懂你。剛才賣(mài)的那個(gè)小關(guān)子，現(xiàn)在可以公布答案了。當(dāng)你Press之后，會(huì)根據(jù)你當(dāng)前使用的App作出不同的推薦，比如如果是一條信息，就會(huì)顯示信息的預(yù)覽并且你可以直接回復(fù)。美中不足的是Press這個(gè)操作本來(lái)就有點(diǎn)反人類，就像去年很多設(shè)計(jì)師并不看好force touch一樣，我依舊對(duì)此技術(shù)持觀望態(tài)度。

Accessibility

我一直認(rèn)為從一個(gè)設(shè)計(jì)師到一個(gè)好的設(shè)計(jì)師的第一步，就是去理解Accessibility。Accessibility是指能夠讓更廣大的用戶使用你的設(shè)計(jì)的一種特質(zhì)。在互聯(lián)網(wǎng)時(shí)代，我們最常見(jiàn)的一些問(wèn)題是“如何為有視覺(jué)障礙的人做設(shè)計(jì)”、“如何為無(wú)法進(jìn)行手指操作的人做設(shè)計(jì)”等等。當(dāng)然Accessibility的范圍遠(yuǎn)比這個(gè)廣泛，有興趣的話我以后可以專門(mén)寫(xiě)文章聊聊這個(gè)。一個(gè)很簡(jiǎn)單的例子，對(duì)于色盲或者色弱來(lái)說(shuō)，Apple一早就提供了Greyscale的功能，保證這些用戶群體可以不受干擾的使用手機(jī)。

蘋(píng)果在Accessibility方面做出的研究以及貢獻(xiàn)，值得每一個(gè)設(shè)計(jì)師尊重，這一點(diǎn)毫無(wú)疑問(wèn)。千好百好的那些好話，今天就不贅述了，想稍微挑點(diǎn)小問(wèn)題：

Apple本身是有加強(qiáng)對(duì)比這個(gè)功能的。但是對(duì)于普遍用戶來(lái)說(shuō)，也還是應(yīng)該去保證整體的legibility和readibility的。提一個(gè)iOS 10的細(xì)節(jié)吧，在新的Control Center里面，使用了白色背景，有透明度的按鈕。我將幾個(gè)用到的顏色提取出來(lái)了。當(dāng)時(shí)看到白色透明度背景+白字，就已經(jīng)為對(duì)比度捏了一把汗，于是過(guò)了一下對(duì)比度的Checker，只有可憐的1.86：1。也就是說(shuō)白字部分，凡是視覺(jué)稍微有障礙的人，都會(huì)有閱讀困難（如果你讀起來(lái)很順利那么恭喜你，但是我們做設(shè)計(jì)也是希望能夠服務(wù)盡可能多的用戶）。對(duì)于這一點(diǎn)，我想說(shuō)，努力保持3：1的對(duì)比度還是很重要的。在我做過(guò)的產(chǎn)品中，不止一次遇到過(guò)關(guān)于對(duì)比度的問(wèn)題。

Distance

設(shè)計(jì)中的距離是個(gè)有意思的概念，因?yàn)椴⒉皇俏覀兤綍r(shí)想的“我今晚想與你零（fu）距離”（好污）這樣的距離，而是說(shuō)用戶從想要執(zhí)行一個(gè)操作，到實(shí)際完成這個(gè)操作，所需要花費(fèi)的距離。

說(shuō)起來(lái)有點(diǎn)晦澀，還是舉個(gè)例子吧。使用過(guò)Wordpress的童鞋可能都知道，他的文章編輯有兩種模式。而這個(gè)wysiwyg(what you see is what you get)模式，也是后期才出現(xiàn)的。在很早之前，編輯器都是下圖中右邊那個(gè)圖的樣子。也就是說(shuō)你打進(jìn)去的字，和最終的效果之間是不同的，而這個(gè)認(rèn)識(shí)上的不同，就是我們所說(shuō)的“距離”。

蘋(píng)果對(duì)于距離的把控，向來(lái)都沒(méi)讓人失望。我覺(jué)得說(shuō)他們的好，倒不如提一個(gè)可能改進(jìn)的點(diǎn)，這個(gè)點(diǎn)這次，我覺(jué)得還真不小。

新的Notification Center可能也是這次改進(jìn)的主角之一，乍一看好像Meterial Design的Card（卡片），然而深究一下用法，又不全是這樣。你可以Swipe這個(gè)圓角卡片刪除單條提醒（需要注意的是，這個(gè)操作在上一個(gè)版本的鎖屏界面上，是回復(fù)功能），但是需要兩次點(diǎn)擊，你也可以刪除這個(gè)“Missed”群組中的所有信息，不過(guò)刪除之后下面還會(huì)有“Yesterday”等等不同天的提醒從下方跳出來(lái)。從一個(gè)直接的刪除操作的兩種不同交互出現(xiàn)在了一個(gè)距離很近的界面上，到這個(gè)界面設(shè)計(jì)所占據(jù)的實(shí)際物理位置來(lái)說(shuō)，恐怕都在認(rèn)知上給用戶帶來(lái)了一個(gè)不小的鴻溝，這個(gè)鴻溝，就是我們所說(shuō)的距離。

Emotion

感覺(jué)我自己肯定是個(gè)Design for emotion的強(qiáng)烈簇?fù)碚撸诤脦灼恼轮卸啻翁岬竭^(guò)這個(gè)概念。Emotion大家應(yīng)該都熟悉，就是指我們不僅要給用戶合理的設(shè)計(jì)，更要給他們符合情緒的，用起來(lái)爽的設(shè)計(jì)。很常見(jiàn)的例子比如404頁(yè)面，與其干巴巴的說(shuō)“您要訪問(wèn)的頁(yè)面不存在”，不如說(shuō)點(diǎn)可以緩解尷尬的話，通過(guò)設(shè)計(jì)取悅一下可能并不開(kāi)心的用戶。

蘋(píng)果其實(shí)很多時(shí)候給人的感覺(jué)都是挺delightful的。這次也保持了這個(gè)風(fēng)格，先不說(shuō)這個(gè)“表情雨”的功能簡(jiǎn)直就是微信的翻版，或者會(huì)長(zhǎng)大的emoji簡(jiǎn)直就和facebook之前messagener的功能一模一樣嘛，光說(shuō)為了讓用戶用著開(kāi)心，蘋(píng)果還是下了不少功夫的。可惜目前我周?chē)鷽](méi)有朋友跟我一起更新，我現(xiàn)在還發(fā)不出這些角度奇怪的或者有亂涂亂畫(huà)照片的信息。

不過(guò)要說(shuō)的，是有些蘋(píng)果做得過(guò)了的地方。發(fā)布會(huì)結(jié)束當(dāng)天，就有設(shè)計(jì)師朋友發(fā)了Twitter說(shuō)：Apple music，stop yelling at me?。ㄌO(píng)果音樂(lè)別對(duì)我喊叫了?。?。體驗(yàn)了一下設(shè)計(jì)，果真也感到了這個(gè)壓迫感。因?yàn)闃?biāo)題字太大，加上所有內(nèi)容都是粉紅色的對(duì)眼睛不太友好的字體，真的是分分鐘覺(jué)得這個(gè)App在跟我下命令。當(dāng)然了，emotion這個(gè)東西本來(lái)就見(jiàn)仁見(jiàn)智，讓所有人都喜歡是不可能的。但是對(duì)于一款主流App，是不是考慮下更廣大受眾的心理承受范圍作出更“普適”的產(chǎn)品也許會(huì)迎來(lái)更多掌聲解決更多問(wèn)題呢？

洋洋灑灑寫(xiě)了好多，其實(shí)iOS 10的更新我只涉及到冰山一角，其實(shí)更多的是想借著它的發(fā)布，來(lái)跟大家聊聊我們?nèi)绾卧u(píng)價(jià)“設(shè)計(jì)”這個(gè)很主觀的玩意。用戶體驗(yàn)是很主觀，但其中總有些客觀的法則需要遵守。在錯(cuò)誤的過(guò)程中創(chuàng)新和嘗試，在噪音的環(huán)境中不斷學(xué)習(xí)，可能也是設(shè)計(jì)本身最吸引人的地方。

本文由作者授權(quán)雷鋒網(wǎng)發(fā)布，轉(zhuǎn)載請(qǐng)聯(lián)系授權(quán)，不得刪改文章！

雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見(jiàn)轉(zhuǎn)載須知。