首先，探討這個(gè)問題，意義何在？
筆者認(rèn)為，有兩點(diǎn)意義。
首先，作為用戶，我們可以用到好用的產(chǎn)品；其次，作為從業(yè)者，我們可以找到學(xué)習(xí)的榜樣。
明確了意義，我們?cè)倩氐絾栴}本身：怎樣算是品質(zhì)？如何判斷？
個(gè)人認(rèn)為，和周到一樣，是否擁有高品質(zhì)，也是用戶的主觀感受說了算。
在涉及體驗(yàn)細(xì)節(jié)的小需求上，避免所有的不周到，就是周到。
這是關(guān)于周到與否的判斷，相對(duì)比較容易。但是關(guān)于品質(zhì)與否的判斷，筆者沒有找到這么簡(jiǎn)單的判斷邏輯。所以我們嘗試換一種方法。
豆瓣的高分電影，比如《千與千尋》、《美麗人生》和《肖申克的救贖》，它們肯定存在不同之處，但同時(shí)也有一些共同特點(diǎn)（主人公都面臨極大困境，但都心懷希望和目標(biāo)，通過各種努力走出了困境）。
高分電影如此，高品質(zhì)的交互設(shè)計(jì)，也是如此。
這一大段，就嘗試去探索這些共同的特點(diǎn)，以便去發(fā)現(xiàn)、或者去驗(yàn)證，那些在交互設(shè)計(jì)方面擁有高品質(zhì)的產(chǎn)品。
1 看著簡(jiǎn)單
之前在《以不變應(yīng)萬變：淺析信息架構(gòu)》這篇中提過，只有簡(jiǎn)單，才能讓用戶馬上找到掌控感、進(jìn)而感覺良好。
高品質(zhì)的交互設(shè)計(jì)，一定是要讓用戶感覺良好的，所以看起來一定是簡(jiǎn)單的。
2 用著順
個(gè)人觀點(diǎn)，互聯(lián)網(wǎng)產(chǎn)品有兩類較為特殊的初級(jí)用戶，一類是零經(jīng)驗(yàn)的三歲小孩，一類是智能手機(jī)之前沒怎么接觸過互聯(lián)網(wǎng)的老人。
一般情況下，大家習(xí)慣把用戶分成三類：初級(jí)用戶、中級(jí)用戶和高級(jí)用戶。其中初級(jí)用戶的使用經(jīng)驗(yàn)最少。
高品質(zhì)的交互設(shè)計(jì)，會(huì)讓初級(jí)用戶很容易上手。稍加練習(xí)之后，初級(jí)用戶也會(huì)像中高級(jí)用戶一樣，用起來很順。
iPhone 的交互設(shè)計(jì)是很優(yōu)秀的，所以三歲小孩也能很快上手操作。
小孩的心智比較純粹，沒有受到社會(huì)大染缸的污染。用手機(jī)時(shí)他們會(huì)根據(jù)自己有限的生活經(jīng)驗(yàn)去積極嘗試操作。
老人和小孩則有點(diǎn)相反，部分老人可能思維比較固化，好奇心、積極性等方面都不如小孩，所以老人在用手機(jī)時(shí)可能會(huì)有點(diǎn)畏手畏腳。
微信作為一款交互設(shè)計(jì)十分優(yōu)秀的產(chǎn)品，如今擁有智能手機(jī)的老人基本都在用。有的可能是自己學(xué)會(huì)的，有的可能是子女教會(huì)的。整體而言，筆者觀察周圍的老人，用微信用的還比較順暢。
02 交互設(shè)計(jì)：如何做到品質(zhì)？
個(gè)人覺得，交互設(shè)計(jì)的高品質(zhì)，是感性、理性和實(shí)踐的完美融合。
曾經(jīng)有人問巴菲特的合伙人查理·芒格，如果只能用一個(gè)詞兒來形容你的成功，會(huì)是什么？芒格回答說，是“理性”。
老子曾經(jīng)說過：“人生于世，有情有智。有情，故人倫諧和而相溫相暖；有智，故明理通達(dá)而理事不亂。情者，智之附也；智者，情之主也。以情統(tǒng)智，則人昏庸而事顛倒；以智統(tǒng)情，則人聰慧而事合度”。
簡(jiǎn)·奧斯汀的小說《理智與情感》，雖然寫的是小鎮(zhèn)的戀愛與瑣事，但背后折射出來的洞見——“要有真情感，更要用理智控制情感”，與老子的觀點(diǎn)也是不謀而合。
做人做事，需要理性和感性。做交互設(shè)計(jì)，也是如此。
芒格、老子和簡(jiǎn)·奧斯汀，在強(qiáng)調(diào)做事業(yè)和做人方面，都是理性在先、感性在后。
做交互設(shè)計(jì)，就是在做用戶體驗(yàn)，核心是用戶的主觀感受。所以筆者認(rèn)為，此時(shí)是感性在先、理性在后。
交互設(shè)計(jì)里的感性，有兩層意思。
第一層是微觀層面，主要是性格上的敏銳度，比如我們平常聽到的性格敏感、心思細(xì)膩等；第二層是宏觀層面，也就是品位。
量變引起質(zhì)變。微觀上積累的多，才會(huì)帶來品位的提升。
交互設(shè)計(jì)里的理性，其標(biāo)志是做出正確的決策。
那怎樣判斷決策是否正確？
個(gè)人觀點(diǎn)，有兩塊“試金石”可擔(dān)此重任。
第一塊“試金石”是來自最優(yōu)競(jìng)品的檢驗(yàn)，第二塊“試金石”是自我檢驗(yàn)。
最優(yōu)競(jìng)品是一塊很好的“試金石”。如果能和最優(yōu)競(jìng)品一決高下或者“三足鼎立”，說明品質(zhì)很不錯(cuò)；如果和最優(yōu)競(jìng)品差距太大，則說明沒有達(dá)到高品質(zhì)。
然而現(xiàn)狀則是，市面上的最優(yōu)競(jìng)品，也就是交互設(shè)計(jì)方面達(dá)到高品質(zhì)的產(chǎn)品，為數(shù)不多。這就意味著很多領(lǐng)域的產(chǎn)品是不存在最優(yōu)競(jìng)品的，此其一。
其二，與其被動(dòng)的等待最優(yōu)競(jìng)品的檢驗(yàn)，不如主動(dòng)成為最優(yōu)競(jìng)品。要做到這一點(diǎn)，則需要第二塊“試金石”，也即優(yōu)秀的自我檢驗(yàn)?zāi)芰?。這個(gè)優(yōu)秀的自我檢驗(yàn)?zāi)芰?，其?shí)也基本等同于做出高品質(zhì)交互設(shè)計(jì)的能力。
實(shí)踐就是一個(gè)反復(fù)試錯(cuò)、反復(fù)打磨、反復(fù)驗(yàn)證感性和理性的過程。
1 培養(yǎng)語感
大家都學(xué)過英語，所以應(yīng)該也都聽說過“語感”這個(gè)詞兒。
英語語感好的人，會(huì)有這個(gè)優(yōu)勢(shì)：較少依賴語法，同時(shí)較少犯語法錯(cuò)誤。
就像游泳一樣，熟練了以后，身體已經(jīng)對(duì)動(dòng)作形成很深記憶，完成動(dòng)作就幾乎不依賴大腦思考，同時(shí)也不會(huì)犯錯(cuò)。
在語文里，“語感”被提起的次數(shù)就少了很多。大家每天都在用中文，甚至每天都在聽說讀寫。對(duì)中文都很熟練，好像大家的語感都差不多。
但實(shí)際上，和英語一樣，語文方面的語感，也存在一定差距?？纯窗俣劝倏茖?duì)“語感”的解釋就知道了。
語感，是比較直接、迅速地感悟語言文字的能力，是語文水平的重要組成部分。它是對(duì)語言文字分析、理解、體會(huì)、吸收全過程的高度濃縮。語感是一種經(jīng)驗(yàn)色彩很濃的能力，其中牽涉到學(xué)習(xí)經(jīng)驗(yàn)、生活經(jīng)驗(yàn)、心理經(jīng)驗(yàn)、情感經(jīng)驗(yàn)，包含著理解能力、判斷能力、聯(lián)想能力等諸多因素。
這個(gè)解釋包含了四個(gè)經(jīng)驗(yàn)、三個(gè)能力。每個(gè)經(jīng)驗(yàn)、每個(gè)能力的獲得都需要一定量的練習(xí)。不同的人，底子不同，練習(xí)的量存在不同，所以語文方面的語感必然存在不同。
像語感里提到的心理經(jīng)驗(yàn)、情感經(jīng)驗(yàn)，在不同的語言里是相通的，且和交互設(shè)計(jì)里的主觀感受存在相通之處。所以，在筆者看來，一定程度上，作為母語的語文，其語感是英語語感的基礎(chǔ)，也是交互設(shè)計(jì)語感的基礎(chǔ)。
啥是交互設(shè)計(jì)的語感？
和語文的語感類似，交互設(shè)計(jì)的語感，就是比較直接、迅速地感知交互設(shè)計(jì)優(yōu)劣的能力，是交互設(shè)計(jì)水平的重要組成部分。
這個(gè)語感，和喬布斯口中“科技和人文的十字路口”中的“人文”，以及媒體和從業(yè)人員口中的“人文素養(yǎng)”，也有相通和相似之處。
蘋果的設(shè)備之所以在交互設(shè)計(jì)方面擁有高品質(zhì)，和喬布斯早年深受嬉皮士文化、民謠和搖滾歌手 Bob Dylan、禪文化、日式美學(xué)、字體設(shè)計(jì)等人文藝術(shù)方面的熏陶密切相關(guān)。
上世紀(jì) 90 年代，張小龍?jiān)陂_發(fā) Foxmail 時(shí)，想必作為程序員的他并沒有太多交互設(shè)計(jì)方面的經(jīng)驗(yàn)，彼時(shí)這方面的理論和著作也少，張小龍更多是憑感覺在做。但是 Foxmail 就做到了交互設(shè)計(jì)方面的高品質(zhì)并且產(chǎn)品廣受歡迎，想必張小龍的語感也是極佳。而據(jù)網(wǎng)絡(luò)資料顯示，張小龍本人喜歡閱讀、電影和 Michael Jackson 的音樂，也有比較深厚的人文素養(yǎng)。
所以，在筆者看來，交互設(shè)計(jì)語感的內(nèi)核，或者廣義的交互設(shè)計(jì)語感，就是語文的語感，或者更進(jìn)一步，是人文和藝術(shù)的語感。
狹義的交互設(shè)計(jì)語感，則是直接、迅速感知交互設(shè)計(jì)優(yōu)劣的能力。
冰凍三尺，非一日之寒。一個(gè)廣義語感，一個(gè)狹義語感，加起來基本等同于先天基因和人生經(jīng)驗(yàn)之和。
聽起來有點(diǎn)定型的感覺。那這倆語感，還能培養(yǎng)嗎？當(dāng)然可以。咋培養(yǎng)？
個(gè)人觀點(diǎn)，廣義的語感和狹義的語感需要同時(shí)培養(yǎng)。廣義的語感是內(nèi)核。正所謂水漲船高，這個(gè)內(nèi)核越好，狹義的語感也會(huì)越好。
先說廣義的語感，即人文和藝術(shù)方面的素養(yǎng)。個(gè)人認(rèn)為，主要受性格和練習(xí)影響。性格則主要受遺傳基因和童年經(jīng)歷影響。
天生內(nèi)向的人，通常內(nèi)心會(huì)更加細(xì)膩。這種細(xì)膩，對(duì)于日后建立豐富的精神世界和情感世界，是一種優(yōu)勢(shì)。
所謂禍兮，福之所依。有些人的優(yōu)勢(shì)，則是建立在童年不愉快的經(jīng)歷上。
比如美劇《千謊百計(jì)》里測(cè)謊公司的莉亞，童年時(shí)期暴力的父親經(jīng)常毆打她，使她學(xué)會(huì)了迅速判斷別人的心情。莉亞沒有受過任何專業(yè)訓(xùn)練，但是童年不幸的遭遇使她在識(shí)別微表情方面異常敏銳，最終被萊特曼博士力邀加入了團(tuán)隊(duì)。
性格有優(yōu)勢(shì)的話，自然是加分項(xiàng)。沒有優(yōu)勢(shì)的話，也可以通過后天的練習(xí)來彌補(bǔ)。
這個(gè)后天的練習(xí)，在筆者看來，非常重要的一點(diǎn)，是來自書影音的熏陶。
簡(jiǎn)單說說書影音。
首先，一定要看一些文學(xué)性強(qiáng)的作品，感受“思無邪”之美。因?yàn)檫@些是人類內(nèi)心深處共同的精神家園。個(gè)人的理解，文學(xué)性強(qiáng)，是指滿含人間煙火味、但無半點(diǎn)名利心的作品，比如《詩(shī)經(jīng)》、《草房子》、《城南舊事》等。
其次，一定要看一些思想性強(qiáng)的作品，感受大道的至簡(jiǎn)之美。因?yàn)檫@些對(duì)于理性、對(duì)于探索事物的本質(zhì)非常有益。具體的作品，可以參考《道德經(jīng)》、《巴菲特致股東的信》等。
最后，影視劇要多看，書更要多讀。原因如下。
影視作品在刺激我們視覺和聽覺的同時(shí)，留給我們思考和想象的空間，通常都沒有文字留給我們的多，此其一；
其二，影視作品里的語言基本以對(duì)話為主，而小說等書籍中除了對(duì)話，還有很多關(guān)于環(huán)境、人物、心理、情感以及哲理等的描寫。
基于這兩點(diǎn)，雖然有些人可能天生就是視覺動(dòng)物，但閱讀始終是無法替代的，在培養(yǎng)語感方面也發(fā)揮著更為重要和基礎(chǔ)的作用。
整體而言，如果目標(biāo)是高品質(zhì)的交互設(shè)計(jì)，在書影音的選擇上面，筆者就建議大家去選一些經(jīng)典的作品。具體而言，豆瓣評(píng)分和豆瓣 Top 250 榜單會(huì)是不錯(cuò)的參考。
再說下狹義的語感，即對(duì)交互設(shè)計(jì)的感知能力。
這個(gè)完全是后天訓(xùn)練出來的。如果這方面的語感不夠好，則進(jìn)步空間很大。主要方式就是多用交互設(shè)計(jì)方面高品質(zhì)的產(chǎn)品。
舉個(gè)例子，可能我們很多人用的第一臺(tái)電腦都是 Windows 系統(tǒng)，后來一部分人改用了 Mac。Mac 用久了，就再也用不慣 Windows。這就是語感提高的典型例子。
我們常用的一些產(chǎn)品，比如微信、iOS、快手等，在交互設(shè)計(jì)方面都擁有很高的品質(zhì)。
這些日常使用的產(chǎn)品，客觀上也在潛移默化的提升我們的語感。最終的結(jié)果，也會(huì)對(duì)整個(gè)行業(yè)的交互設(shè)計(jì)提出更高的要求。
這里筆者再向大家推薦一個(gè)涉及網(wǎng)頁(yè)端和后臺(tái)管理、編輯的產(chǎn)品，交互設(shè)計(jì)方面很優(yōu)秀，那就是博客搭建平臺(tái) SquareSpace。筆者自己的工作室網(wǎng)站 SnowDesign.Me 就是基于這個(gè)平臺(tái)搭建的。
2 理性思考
交互設(shè)計(jì)要做到高品質(zhì)，就要求從信息架構(gòu)到交互設(shè)計(jì)，大大小小的無數(shù)細(xì)節(jié)，其決策幾乎全部是正確的。這是一個(gè)很高的要求，背后必須要有理性思考的支撐。
現(xiàn)實(shí)情況是，很多團(tuán)隊(duì)做不到這一點(diǎn)。
然而，交互設(shè)計(jì)，從構(gòu)思、到設(shè)計(jì)、到優(yōu)化、到討論、到修改，每一個(gè)環(huán)節(jié)我們都有理性思考，那又為什么做不到高品質(zhì)？
在筆者看來，這些理性思考還存在進(jìn)步空間。只有優(yōu)秀的理性思考，才能設(shè)計(jì)出優(yōu)秀的交互設(shè)計(jì)。
個(gè)人觀點(diǎn)，優(yōu)秀的理性思考，通常是一種獨(dú)立思考，主要有 3 個(gè)維度，分別是：邏輯、全面、權(quán)重。
以微信為例，如果換個(gè)團(tuán)隊(duì)，有可能會(huì)把朋友圈作為一級(jí) tab 單獨(dú)拿出來。因?yàn)榇蠹沂褂门笥讶Φ念l率很高，這樣少點(diǎn)一下會(huì)更方便。這在邏輯上完全沒問題。
但微信團(tuán)隊(duì)的考慮，個(gè)人推測(cè)，至少有這 3 點(diǎn)：
1. 微信堅(jiān)持只有 4 個(gè) tab；
2. 朋友圈是個(gè)插件功能，可拆卸，作為一級(jí) tab 不合適；
3. 少點(diǎn)一下，更方便。
這里面權(quán)重最高的是第 1 條，權(quán)重最低的是第 3 條。綜合來看，微信是不會(huì)把朋友圈單獨(dú)作為一級(jí) tab 的。
這個(gè)例子很有意思，筆者覺著它在一定程度上反映了我們很多人存在的不足。
我們很多從業(yè)者，在進(jìn)行理性思考的時(shí)候，邏輯方面基本沒問題。但是在全面和權(quán)重這兩點(diǎn)上，可能會(huì)做的不到位。這就導(dǎo)致我們無法做出正確的決策。這樣的細(xì)節(jié)一多，必然導(dǎo)致我們無法做出高品質(zhì)的交互設(shè)計(jì)。
所以，要想在理性思考方面達(dá)到優(yōu)秀，就需要同時(shí)做到這三點(diǎn)：邏輯準(zhǔn)確、考慮全面、權(quán)重正確。這還只是一個(gè)細(xì)節(jié)的決策，所有細(xì)節(jié)的決策，都要如此。加起來會(huì)是一個(gè)龐大的工程。
這里再順便強(qiáng)調(diào)一下“全面”。
這個(gè)全面，一定要去抓、并抓到事物的本質(zhì)和核心。
所謂大道至簡(jiǎn)，本質(zhì)一般都不復(fù)雜。一個(gè)可供參考的數(shù)字是，本質(zhì)通常只有 1-2 個(gè)點(diǎn)，影響本質(zhì)的因素通常有 4 個(gè)左右的點(diǎn)。再具體的，可以參考一篇舊文：《找到本質(zhì)需求：聊聊內(nèi)容分類》。
還有一個(gè)影響因素，就是社會(huì)壓力。
很多時(shí)候，我們不愿去獨(dú)立思考，而是直接參考別人的設(shè)計(jì)。一來省事兒，二來也容易找到歸屬感和安全感。而獨(dú)立思考，可能會(huì)把我們帶入到一種驀然回首“空無一人”的“孤獨(dú)”狀態(tài)。
但是樸素的辯證法告訴過我們，凡事都有兩面。選擇了白天，就會(huì)失去黑夜。所以，關(guān)于社會(huì)壓力的問題，本質(zhì)上可能是一個(gè)選擇題，同時(shí)也包含了每個(gè)人對(duì)孤獨(dú)、安全感等話題的理解和接納程度，此處就不深入討論了。
3 反復(fù)實(shí)踐
先說理性思考這塊兒。
因?yàn)榛ヂ?lián)網(wǎng)產(chǎn)品總是會(huì)更新，所以不管是新人還是老人，只要目標(biāo)是高品質(zhì)的交互設(shè)計(jì)，總會(huì)碰到很多未知的或超越經(jīng)驗(yàn)范疇的問題。
面對(duì)新問題，很少有人能在第一版的初步想法上就做出正確的決策，也就是做到邏輯、全面和權(quán)重的完美無誤。人類大腦中的想法，通常都是先有后優(yōu)。選定一個(gè)方案通常都需要有多個(gè)方案的比較和權(quán)衡，優(yōu)化選中的方案也包含了無數(shù)細(xì)節(jié)的調(diào)優(yōu)。
Foxmail、QQ 郵箱和微信的交互設(shè)計(jì)都很優(yōu)秀，為張小龍?zhí)峁┝舜罅砍晒?jīng)驗(yàn)。即便如此，微信上新功能的時(shí)候，張小龍也還要通過反復(fù)試用不同的版本來找到那個(gè)正確的版本，更別說我們這些沒有多少成功經(jīng)驗(yàn)的普通大眾了。
不管是選定方案的大決策，還是細(xì)節(jié)調(diào)優(yōu)的小決策，要想變成正確的決策，都需要大量的實(shí)踐。這個(gè)實(shí)踐既包含理性思考的支撐，也包含了感性語感的檢驗(yàn)。
因?yàn)檎Z感就類似品位，也會(huì)影響到交互設(shè)計(jì)的品質(zhì)。
如前所述，交互設(shè)計(jì)的語感，既包含人文藝術(shù)這個(gè)廣義的語感，也包含感知交互設(shè)計(jì)這個(gè)狹義的語感。
培養(yǎng)廣義的語感，需要經(jīng)年累月的實(shí)踐，少則一二十年，多則一生的時(shí)間。如果想要一直保持那個(gè)狀態(tài)，就需要一直實(shí)踐。重點(diǎn)在于優(yōu)秀文化的熏陶以及自己的吸收，還有自己不斷的觀察與思考。
培養(yǎng)狹義的語感，也需要大量的實(shí)踐。重點(diǎn)就是日常多用交互設(shè)計(jì)優(yōu)秀的產(chǎn)品。
類似游泳需要讓身體而非大腦記住動(dòng)作，我們需要讓控制感性而非理性的那部分大腦，記住并習(xí)慣于用過的所有優(yōu)秀產(chǎn)品。
如果廣義語感和狹義語感都很棒，當(dāng)體驗(yàn)到品質(zhì)不高的交互設(shè)計(jì)時(shí)，很有可能，馬上就會(huì)產(chǎn)生不太舒服的感覺；而當(dāng)體驗(yàn)到高品質(zhì)的交互設(shè)計(jì)時(shí)，極有可能，也會(huì)很快產(chǎn)生諸如開心、滿足之類的積極情緒。
結(jié)語
交互設(shè)計(jì)，如果看著簡(jiǎn)單、用著順，則基本為高品質(zhì)。
一邊培養(yǎng)人文藝術(shù)方面的廣義語感，一邊培養(yǎng)感知交互設(shè)計(jì)方面的狹義語感；
理性思考要在邏輯、全面和權(quán)重這三方面都做到盡善盡美，全面這塊一定要抓到事物的本質(zhì)和核心；
第一版方案做不到高品質(zhì)是正常和普遍的，做出錯(cuò)誤的決策也是難免的，最重要的是在培養(yǎng)語感和理性思考方面反復(fù)實(shí)踐，直到打磨出高品質(zhì)的交互設(shè)計(jì)為止。
以上三點(diǎn)，可以幫助我們做出高品質(zhì)的交互設(shè)計(jì)。
最后，借喬布斯的一句話來結(jié)束本文。
你要熟悉人類在各領(lǐng)域的優(yōu)秀成果，嘗試將之融入你在做的事情里。
原文地址：SnowDesignStudio（公眾號(hào)）
作者：Leeo
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》交互設(shè)計(jì)：如何做到品質(zhì)？
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司