1
本文作者: 于航spell | 2016-06-17 13:16 | 專題:See you on the 7th——蘋果發(fā)布會(huì)專題 |
雷鋒網(wǎng)按:本文作者于航(spell),@Salesforce高級(jí)產(chǎn)品設(shè)計(jì),曾助力微軟,亞馬遜,HTC,Citrix及若干創(chuàng)業(yè)公司的產(chǎn)品設(shè)計(jì)。
萬眾期待的蘋果開發(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ì)的看法,其中有一句話我非常贊同,他說:”People 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è)噴子來吐槽一堆對(duì)于“變化”的憤怒,我想跟大家,聊聊在用戶體驗(yàn)中“改變”的評(píng)判標(biāo)準(zhǔn)。
我相信對(duì)于蘋果來說,改變本身就是很有挑戰(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í),開發(fā)了注冊(cè)功能,這時(shí)候就要加一個(gè)按鈕了。那么加在哪里,到底是突出登陸功能還是鼓勵(lì)用戶注冊(cè)等等,是這個(gè)按鈕需要考慮的變量。聽起來很簡(jiǎn)單,但這完全是把一個(gè)一維問題轉(zhuǎn)換成了一個(gè)多維問題,而這僅僅是一個(gè)很小很小的功能改變。
作為設(shè)計(jì)師,我們平時(shí)的生活中,往往需要通過設(shè)計(jì)解決的,是復(fù)雜度非常高的問題,每一個(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è)最普遍的例子,是上一次蘋果在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,來分析分析這次的iOS 10。
Affordance是個(gè)心理學(xué)的名詞,淺顯地說,就是指:If you design a button, it should look like a button。即用戶能夠直接獲知你的設(shè)計(jì)應(yīng)該被如何使用的心理反饋。比如你設(shè)計(jì)了一個(gè)按鈕,沒人知道這是個(gè)按鈕,它看起來并不能被點(diǎn)擊,那么就是沒有affordance。
說實(shí)話,Apple在這一點(diǎn)上一直做得不好,這次也不例外。舉個(gè)例子吧。
這是iOS在發(fā)展演化過程中,對(duì)于鎖屏功能上的提示信息的處理。最早的時(shí)候,只是顯示了信息本身,試問你會(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ù)。這也就是為什么,在后來的版本里面,Apple在信息的下面加入了一行小字“slide to reply”,因?yàn)橛脩舨恢滥愕墓δ茉撛趺幢皇褂?,你的設(shè)計(jì)沒能說明這一點(diǎn)。
互聯(lián)網(wǎng)時(shí)代大家對(duì)這樣的例子的包容性要強(qiáng)很多,但實(shí)際這個(gè)情況,就像是一個(gè)公司設(shè)計(jì)了一把剪刀,但是剪刀上面一定要綁著個(gè)說明書不然你就無法使用它。這個(gè)情況,其實(shí)對(duì)于設(shè)計(jì)來說,既是大忌,也是很大的失誤。
那么iOS 10怎么處理這個(gè)我認(rèn)為不令人滿意的設(shè)計(jì)呢?
他們非常好的引入了另一個(gè)“說明書”——Press for more。如果你還沒用iOS 10也沒看預(yù)告片,關(guān)于如何Press以及Press之后會(huì)發(fā)生什么。我在這里先賣個(gè)關(guān)子。
當(dāng)然這只是一個(gè)非常小的例子??偨Y(jié)來說,iOS 10在Affordance這方面,還有很多有待加強(qiáng)的地方。不能因?yàn)槟闶茿pple,你就每次發(fā)布的時(shí)候都強(qiáng)行植入一些操作概念給用戶,而這些概念我的父母可能只有我手把手多次教學(xué)才能學(xué)會(huì),你說對(duì)吧?
Context是另一個(gè)我覺得衡量設(shè)計(jì)非常非常重要的標(biāo)桿,指的是理解當(dāng)前用戶所處情景的能力。為什么這個(gè)很重要呢?因?yàn)槟軌蚩紤]到context的設(shè)計(jì),才是真正能夠懂你的設(shè)計(jì)。
還是來一發(fā)例子給大家。不知道大家平時(shí)約飯的時(shí)候有沒有過這樣的經(jīng)歷:
1、你通常要先到微信里面把幾個(gè)人拉到一個(gè)群里,然后你再跟大家商量時(shí)間,在這個(gè)過程中你可能還得看看自己的日程所以你要切換到日歷去做多次確認(rèn)。
2、最難的可能還是確認(rèn)去哪里吃飯。你要去Yelp(國(guó)內(nèi)可能是大眾點(diǎn)評(píng)之類的)去查找餐廳,找個(gè)大家都喜歡的。
3、然后跟餐廳打電話去定位子,最終你還得把餐廳的位置打給大家。
有個(gè)調(diào)查說過,我們現(xiàn)在約個(gè)飯,可能要切換3-8個(gè)App并在它們之間切換個(gè)十幾次才能完成。
那么如果有個(gè)設(shè)計(jì)能考慮到這個(gè)場(chǎng)景,讓你減少這種切換呢?一個(gè)很聰明的解決方案來自Google,前陣子推出的Google Keyboard中,你可以在鍵盤上面直接搜索,無需切換App,并且把你搜索出來的信息直接分享給大家,我的朋友里面用了這個(gè)功能的,無一不覺得爽。這就是懂得“情景”的重要性。
無疑Apple一直以來,對(duì)于情景的思量都是做足了功課,所以一直以來,你用Apple總是很爽。iOS 10當(dāng)然也延續(xù)了一貫的Apple風(fēng)格,力爭(zhēng)做到非常懂你。剛才賣的那個(gè)小關(guān)子,現(xiàn)在可以公布答案了。當(dāng)你Press之后,會(huì)根據(jù)你當(dāng)前使用的App作出不同的推薦,比如如果是一條信息,就會(huì)顯示信息的預(yù)覽并且你可以直接回復(fù)。美中不足的是Press這個(gè)操作本來就有點(diǎn)反人類,就像去年很多設(shè)計(jì)師并不看好force touch一樣,我依舊對(duì)此技術(shù)持觀望態(tài)度。
我一直認(rèn)為從一個(gè)設(shè)計(jì)師到一個(gè)好的設(shè)計(jì)師的第一步,就是去理解Accessibility。Accessibility是指能夠讓更廣大的用戶使用你的設(shè)計(jì)的一種特質(zhì)。在互聯(lián)網(wǎng)時(shí)代,我們最常見的一些問題是“如何為有視覺障礙的人做設(shè)計(jì)”、“如何為無法進(jìn)行手指操作的人做設(shè)計(jì)”等等。當(dāng)然Accessibility的范圍遠(yuǎn)比這個(gè)廣泛,有興趣的話我以后可以專門寫文章聊聊這個(gè)。一個(gè)很簡(jiǎn)單的例子,對(duì)于色盲或者色弱來說,Apple一早就提供了Greyscale的功能,保證這些用戶群體可以不受干擾的使用手機(jī)。
蘋果在Accessibility方面做出的研究以及貢獻(xiàn),值得每一個(gè)設(shè)計(jì)師尊重,這一點(diǎn)毫無疑問。千好百好的那些好話,今天就不贅述了,想稍微挑點(diǎn)小問題:
Apple本身是有加強(qiáng)對(duì)比這個(gè)功能的。但是對(duì)于普遍用戶來說,也還是應(yīng)該去保證整體的legibility和readibility的。提一個(gè)iOS 10的細(xì)節(jié)吧,在新的Control Center里面,使用了白色背景,有透明度的按鈕。我將幾個(gè)用到的顏色提取出來了。當(dāng)時(shí)看到白色透明度背景+白字,就已經(jīng)為對(duì)比度捏了一把汗,于是過了一下對(duì)比度的Checker,只有可憐的1.86:1。也就是說白字部分,凡是視覺稍微有障礙的人,都會(huì)有閱讀困難(如果你讀起來很順利那么恭喜你,但是我們做設(shè)計(jì)也是希望能夠服務(wù)盡可能多的用戶)。對(duì)于這一點(diǎn),我想說,努力保持3:1的對(duì)比度還是很重要的。在我做過的產(chǎn)品中,不止一次遇到過關(guān)于對(duì)比度的問題。
設(shè)計(jì)中的距離是個(gè)有意思的概念,因?yàn)椴⒉皇俏覀兤綍r(shí)想的“我今晚想與你零(fu)距離”(好污)這樣的距離,而是說用戶從想要執(zhí)行一個(gè)操作,到實(shí)際完成這個(gè)操作,所需要花費(fèi)的距離。
說起來有點(diǎn)晦澀,還是舉個(gè)例子吧。使用過Wordpress的童鞋可能都知道,他的文章編輯有兩種模式。而這個(gè)wysiwyg(what you see is what you get)模式,也是后期才出現(xiàn)的。在很早之前,編輯器都是下圖中右邊那個(gè)圖的樣子。也就是說你打進(jìn)去的字,和最終的效果之間是不同的,而這個(gè)認(rèn)識(shí)上的不同,就是我們所說的“距離”。
蘋果對(duì)于距離的把控,向來都沒讓人失望。我覺得說他們的好,倒不如提一個(gè)可能改進(jìn)的點(diǎn),這個(gè)點(diǎn)這次,我覺得還真不小。
新的Notification Center可能也是這次改進(jìn)的主角之一,乍一看好像Meterial Design的Card(卡片),然而深究一下用法,又不全是這樣。你可以Swipe這個(gè)圓角卡片刪除單條提醒(需要注意的是,這個(gè)操作在上一個(gè)版本的鎖屏界面上,是回復(fù)功能),但是需要兩次點(diǎn)擊,你也可以刪除這個(gè)“Missed”群組中的所有信息,不過刪除之后下面還會(huì)有“Yesterday”等等不同天的提醒從下方跳出來。從一個(gè)直接的刪除操作的兩種不同交互出現(xiàn)在了一個(gè)距離很近的界面上,到這個(gè)界面設(shè)計(jì)所占據(jù)的實(shí)際物理位置來說,恐怕都在認(rèn)知上給用戶帶來了一個(gè)不小的鴻溝,這個(gè)鴻溝,就是我們所說的距離。
感覺我自己肯定是個(gè)Design for emotion的強(qiáng)烈簇?fù)碚撸诤脦灼恼轮卸啻翁岬竭^這個(gè)概念。Emotion大家應(yīng)該都熟悉,就是指我們不僅要給用戶合理的設(shè)計(jì),更要給他們符合情緒的,用起來爽的設(shè)計(jì)。很常見的例子比如404頁面,與其干巴巴的說“您要訪問的頁面不存在”,不如說點(diǎn)可以緩解尷尬的話,通過設(shè)計(jì)取悅一下可能并不開心的用戶。
蘋果其實(shí)很多時(shí)候給人的感覺都是挺delightful的。這次也保持了這個(gè)風(fēng)格,先不說這個(gè)“表情雨”的功能簡(jiǎn)直就是微信的翻版,或者會(huì)長(zhǎng)大的emoji簡(jiǎn)直就和facebook之前messagener的功能一模一樣嘛,光說為了讓用戶用著開心,蘋果還是下了不少功夫的??上壳拔抑車鷽]有朋友跟我一起更新,我現(xiàn)在還發(fā)不出這些角度奇怪的或者有亂涂亂畫照片的信息。
不過要說的,是有些蘋果做得過了的地方。發(fā)布會(huì)結(jié)束當(dāng)天,就有設(shè)計(jì)師朋友發(fā)了Twitter說:Apple music,stop yelling at me?。ㄌO果音樂別對(duì)我喊叫了!)。體驗(yàn)了一下設(shè)計(jì),果真也感到了這個(gè)壓迫感。因?yàn)闃?biāo)題字太大,加上所有內(nèi)容都是粉紅色的對(duì)眼睛不太友好的字體,真的是分分鐘覺得這個(gè)App在跟我下命令。當(dāng)然了,emotion這個(gè)東西本來就見仁見智,讓所有人都喜歡是不可能的。但是對(duì)于一款主流App,是不是考慮下更廣大受眾的心理承受范圍作出更“普適”的產(chǎn)品也許會(huì)迎來更多掌聲解決更多問題呢?
洋洋灑灑寫了好多,其實(shí)iOS 10的更新我只涉及到冰山一角,其實(shí)更多的是想借著它的發(fā)布,來跟大家聊聊我們?nèi)绾卧u(píng)價(jià)“設(shè)計(jì)”這個(gè)很主觀的玩意。用戶體驗(yàn)是很主觀,但其中總有些客觀的法則需要遵守。在錯(cuò)誤的過程中創(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)載。詳情見轉(zhuǎn)載須知。