交互設(shè)計:如何做到品質(zhì)?

2022-4-7    seo達(dá)人

01 怎樣算是品質(zhì)?

首先,探討這個問題,意義何在?

筆者認(rèn)為,有兩點意義。

首先,作為用戶,我們可以用到好用的產(chǎn)品;其次,作為從業(yè)者,我們可以找到學(xué)習(xí)的榜樣。

明確了意義,我們再回到問題本身:怎樣算是品質(zhì)?如何判斷?

個人認(rèn)為,和周到一樣,是否擁有高品質(zhì),也是用戶的主觀感受說了算。

在涉及體驗細(xì)節(jié)的小需求上,避免所有的不周到,就是周到。

這是關(guān)于周到與否的判斷,相對比較容易。但是關(guān)于品質(zhì)與否的判斷,筆者沒有找到這么簡單的判斷邏輯。所以我們嘗試換一種方法。

豆瓣的高分電影,比如《千與千尋》、《美麗人生》和《肖申克的救贖》,它們肯定存在不同之處,但同時也有一些共同特點(主人公都面臨極大困境,但都心懷希望和目標(biāo),通過各種努力走出了困境)。

高分電影如此,高品質(zhì)的交互設(shè)計,也是如此。

這一大段,就嘗試去探索這些共同的特點,以便去發(fā)現(xiàn)、或者去驗證,那些在交互設(shè)計方面擁有高品質(zhì)的產(chǎn)品。

1 看著簡單

之前在《以不變應(yīng)萬變:淺析信息架構(gòu)》這篇中提過,只有簡單,才能讓用戶馬上找到掌控感、進(jìn)而感覺良好。

高品質(zhì)的交互設(shè)計,一定是要讓用戶感覺良好的,所以看起來一定是簡單的。

 

2 用著順

個人觀點,互聯(lián)網(wǎng)產(chǎn)品有兩類較為特殊的初級用戶,一類是零經(jīng)驗的三歲小孩,一類是智能手機(jī)之前沒怎么接觸過互聯(lián)網(wǎng)的老人。

一般情況下,大家習(xí)慣把用戶分成三類:初級用戶、中級用戶和高級用戶。其中初級用戶的使用經(jīng)驗最少。

高品質(zhì)的交互設(shè)計,會讓初級用戶很容易上手。稍加練習(xí)之后,初級用戶也會像中高級用戶一樣,用起來很順。

iPhone 的交互設(shè)計是很優(yōu)秀的,所以三歲小孩也能很快上手操作。

小孩的心智比較純粹,沒有受到社會大染缸的污染。用手機(jī)時他們會根據(jù)自己有限的生活經(jīng)驗去積極嘗試操作。

老人和小孩則有點相反,部分老人可能思維比較固化,好奇心、積極性等方面都不如小孩,所以老人在用手機(jī)時可能會有點畏手畏腳。

微信作為一款交互設(shè)計十分優(yōu)秀的產(chǎn)品,如今擁有智能手機(jī)的老人基本都在用。有的可能是自己學(xué)會的,有的可能是子女教會的。整體而言,筆者觀察周圍的老人,用微信用的還比較順暢。

 

02 交互設(shè)計:如何做到品質(zhì)?

個人覺得,交互設(shè)計的高品質(zhì),是感性、理性和實踐的完美融合。

曾經(jīng)有人問巴菲特的合伙人查理·芒格,如果只能用一個詞兒來形容你的成功,會是什么?芒格回答說,是“理性”。

老子曾經(jīng)說過:“人生于世,有情有智。有情,故人倫諧和而相溫相暖;有智,故明理通達(dá)而理事不亂。情者,智之附也;智者,情之主也。以情統(tǒng)智,則人昏庸而事顛倒;以智統(tǒng)情,則人聰慧而事合度”。

簡·奧斯汀的小說《理智與情感》,雖然寫的是小鎮(zhèn)的戀愛與瑣事,但背后折射出來的洞見——“要有真情感,更要用理智控制情感”,與老子的觀點也是不謀而合。

做人做事,需要理性和感性。做交互設(shè)計,也是如此。

芒格、老子和簡·奧斯汀,在強(qiáng)調(diào)做事業(yè)和做人方面,都是理性在先、感性在后。

做交互設(shè)計,就是在做用戶體驗,核心是用戶的主觀感受。所以筆者認(rèn)為,此時是感性在先、理性在后。

交互設(shè)計里的感性,有兩層意思。

第一層是微觀層面,主要是性格上的敏銳度,比如我們平常聽到的性格敏感、心思細(xì)膩等;第二層是宏觀層面,也就是品位

量變引起質(zhì)變。微觀上積累的多,才會帶來品位的提升。

交互設(shè)計里的理性,其標(biāo)志是做出正確的決策。

那怎樣判斷決策是否正確?

個人觀點,有兩塊“試金石”可擔(dān)此重任。

第一塊“試金石”是來自最優(yōu)競品的檢驗,第二塊“試金石”是自我檢驗。

最優(yōu)競品是一塊很好的“試金石”。如果能和最優(yōu)競品一決高下或者“三足鼎立”,說明品質(zhì)很不錯;如果和最優(yōu)競品差距太大,則說明沒有達(dá)到高品質(zhì)。

然而現(xiàn)狀則是,市面上的最優(yōu)競品,也就是交互設(shè)計方面達(dá)到高品質(zhì)的產(chǎn)品,為數(shù)不多。這就意味著很多領(lǐng)域的產(chǎn)品是不存在最優(yōu)競品的,此其一。

其二,與其被動的等待最優(yōu)競品的檢驗,不如主動成為最優(yōu)競品。要做到這一點,則需要第二塊“試金石”,也即優(yōu)秀的自我檢驗?zāi)芰Α_@個優(yōu)秀的自我檢驗?zāi)芰?,其實也基本等同于做出高品質(zhì)交互設(shè)計的能力。

實踐就是一個反復(fù)試錯、反復(fù)打磨、反復(fù)驗證感性和理性的過程。

1 培養(yǎng)語感

大家都學(xué)過英語,所以應(yīng)該也都聽說過“語感”這個詞兒。

英語語感好的人,會有這個優(yōu)勢:較少依賴語法,同時較少犯語法錯誤。

就像游泳一樣,熟練了以后,身體已經(jīng)對動作形成很深記憶,完成動作就幾乎不依賴大腦思考,同時也不會犯錯。

在語文里,“語感”被提起的次數(shù)就少了很多。大家每天都在用中文,甚至每天都在聽說讀寫。對中文都很熟練,好像大家的語感都差不多。

但實際上,和英語一樣,語文方面的語感,也存在一定差距。看看百度百科對“語感”的解釋就知道了。

語感,是比較直接、迅速地感悟語言文字的能力,是語文水平的重要組成部分。它是對語言文字分析、理解、體會、吸收全過程的高度濃縮。語感是一種經(jīng)驗色彩很濃的能力,其中牽涉到學(xué)習(xí)經(jīng)驗、生活經(jīng)驗、心理經(jīng)驗、情感經(jīng)驗,包含著理解能力、判斷能力、聯(lián)想能力等諸多因素。

這個解釋包含了四個經(jīng)驗、三個能力。每個經(jīng)驗、每個能力的獲得都需要一定量的練習(xí)。不同的人,底子不同,練習(xí)的量存在不同,所以語文方面的語感必然存在不同。

像語感里提到的心理經(jīng)驗、情感經(jīng)驗,在不同的語言里是相通的,且和交互設(shè)計里的主觀感受存在相通之處。所以,在筆者看來,一定程度上,作為母語的語文,其語感是英語語感的基礎(chǔ),也是交互設(shè)計語感的基礎(chǔ)。

啥是交互設(shè)計的語感?

和語文的語感類似,交互設(shè)計的語感,就是比較直接、迅速地感知交互設(shè)計優(yōu)劣的能力,是交互設(shè)計水平的重要組成部分。

這個語感,和喬布斯口中“科技和人文的十字路口”中的“人文”,以及媒體和從業(yè)人員口中的“人文素養(yǎng)”,也有相通和相似之處。

蘋果的設(shè)備之所以在交互設(shè)計方面擁有高品質(zhì),和喬布斯早年深受嬉皮士文化、民謠和搖滾歌手 Bob Dylan、禪文化、日式美學(xué)、字體設(shè)計等人文藝術(shù)方面的熏陶密切相關(guān)。

上世紀(jì) 90 年代,張小龍在開發(fā) Foxmail 時,想必作為程序員的他并沒有太多交互設(shè)計方面的經(jīng)驗,彼時這方面的理論和著作也少,張小龍更多是憑感覺在做。但是 Foxmail 就做到了交互設(shè)計方面的高品質(zhì)并且產(chǎn)品廣受歡迎,想必張小龍的語感也是極佳。而據(jù)網(wǎng)絡(luò)資料顯示,張小龍本人喜歡閱讀、電影和 Michael Jackson 的音樂,也有比較深厚的人文素養(yǎng)。

所以,在筆者看來,交互設(shè)計語感的內(nèi)核,或者廣義的交互設(shè)計語感,就是語文的語感,或者更進(jìn)一步,是人文和藝術(shù)的語感。

狹義的交互設(shè)計語感,則是直接、迅速感知交互設(shè)計優(yōu)劣的能力。

冰凍三尺,非一日之寒。一個廣義語感,一個狹義語感,加起來基本等同于先天基因和人生經(jīng)驗之和。

聽起來有點定型的感覺。那這倆語感,還能培養(yǎng)嗎?當(dāng)然可以。咋培養(yǎng)?

個人觀點,廣義的語感和狹義的語感需要同時培養(yǎng)。廣義的語感是內(nèi)核。正所謂水漲船高,這個內(nèi)核越好,狹義的語感也會越好。

 

先說廣義的語感,即人文和藝術(shù)方面的素養(yǎng)。個人認(rèn)為,主要受性格和練習(xí)影響。性格則主要受遺傳基因和童年經(jīng)歷影響。

天生內(nèi)向的人,通常內(nèi)心會更加細(xì)膩。這種細(xì)膩,對于日后建立豐富的精神世界和情感世界,是一種優(yōu)勢。

所謂禍兮,福之所依。有些人的優(yōu)勢,則是建立在童年不愉快的經(jīng)歷上。

 

比如美劇《千謊百計》里測謊公司的莉亞,童年時期暴力的父親經(jīng)常毆打她,使她學(xué)會了迅速判斷別人的心情。莉亞沒有受過任何專業(yè)訓(xùn)練,但是童年不幸的遭遇使她在識別微表情方面異常敏銳,最終被萊特曼博士力邀加入了團(tuán)隊。

性格有優(yōu)勢的話,自然是加分項。沒有優(yōu)勢的話,也可以通過后天的練習(xí)來彌補(bǔ)。

這個后天的練習(xí),在筆者看來,非常重要的一點,是來自書影音的熏陶。

簡單說說書影音。

首先,一定要看一些文學(xué)性強(qiáng)的作品,感受“思無邪”之美。因為這些是人類內(nèi)心深處共同的精神家園。個人的理解,文學(xué)性強(qiáng),是指滿含人間煙火味、但無半點名利心的作品,比如《詩經(jīng)》、《草房子》、《城南舊事》等。

其次,一定要看一些思想性強(qiáng)的作品,感受大道的至簡之美。因為這些對于理性、對于探索事物的本質(zhì)非常有益。具體的作品,可以參考《道德經(jīng)》、《巴菲特致股東的信》等。

最后,影視劇要多看,書更要多讀。原因如下。

 

影視作品在刺激我們視覺和聽覺的同時,留給我們思考和想象的空間,通常都沒有文字留給我們的多,此其一;

其二,影視作品里的語言基本以對話為主,而小說等書籍中除了對話,還有很多關(guān)于環(huán)境、人物、心理、情感以及哲理等的描寫。

基于這兩點,雖然有些人可能天生就是視覺動物,但閱讀始終是無法替代的,在培養(yǎng)語感方面也發(fā)揮著更為重要和基礎(chǔ)的作用。

整體而言,如果目標(biāo)是高品質(zhì)的交互設(shè)計,在書影音的選擇上面,筆者就建議大家去選一些經(jīng)典的作品。具體而言,豆瓣評分和豆瓣 Top 250 榜單會是不錯的參考。

再說下狹義的語感,即對交互設(shè)計的感知能力。

這個完全是后天訓(xùn)練出來的。如果這方面的語感不夠好,則進(jìn)步空間很大。主要方式就是多用交互設(shè)計方面高品質(zhì)的產(chǎn)品。

舉個例子,可能我們很多人用的第一臺電腦都是 Windows 系統(tǒng),后來一部分人改用了 Mac。Mac 用久了,就再也用不慣 Windows。這就是語感提高的典型例子。

我們常用的一些產(chǎn)品,比如微信、iOS、快手等,在交互設(shè)計方面都擁有很高的品質(zhì)。

這些日常使用的產(chǎn)品,客觀上也在潛移默化的提升我們的語感。最終的結(jié)果,也會對整個行業(yè)的交互設(shè)計提出更高的要求。

這里筆者再向大家推薦一個涉及網(wǎng)頁端和后臺管理、編輯的產(chǎn)品,交互設(shè)計方面很優(yōu)秀,那就是博客搭建平臺 SquareSpace。筆者自己的工作室網(wǎng)站 SnowDesign.Me 就是基于這個平臺搭建的。

 

2 理性思考

交互設(shè)計要做到高品質(zhì),就要求從信息架構(gòu)到交互設(shè)計,大大小小的無數(shù)細(xì)節(jié),其決策幾乎全部是正確的。這是一個很高的要求,背后必須要有理性思考的支撐。

現(xiàn)實情況是,很多團(tuán)隊做不到這一點。

然而,交互設(shè)計,從構(gòu)思、到設(shè)計、到優(yōu)化、到討論、到修改,每一個環(huán)節(jié)我們都有理性思考,那又為什么做不到高品質(zhì)?

在筆者看來,這些理性思考還存在進(jìn)步空間。只有優(yōu)秀的理性思考,才能設(shè)計出優(yōu)秀的交互設(shè)計。

個人觀點,優(yōu)秀的理性思考,通常是一種獨立思考,主要有 3 個維度,分別是:邏輯、全面、權(quán)重。

以微信為例,如果換個團(tuán)隊,有可能會把朋友圈作為一級 tab 單獨拿出來。因為大家使用朋友圈的頻率很高,這樣少點一下會更方便。這在邏輯上完全沒問題。

但微信團(tuán)隊的考慮,個人推測,至少有這 3 點:

1. 微信堅持只有 4 個 tab;

2. 朋友圈是個插件功能,可拆卸,作為一級 tab 不合適;

3. 少點一下,更方便。

這里面權(quán)重最高的是第 1 條,權(quán)重最低的是第 3 條。綜合來看,微信是不會把朋友圈單獨作為一級 tab 的。

 

這個例子很有意思,筆者覺著它在一定程度上反映了我們很多人存在的不足。

我們很多從業(yè)者,在進(jìn)行理性思考的時候,邏輯方面基本沒問題。但是在全面和權(quán)重這兩點上,可能會做的不到位。這就導(dǎo)致我們無法做出正確的決策。這樣的細(xì)節(jié)一多,必然導(dǎo)致我們無法做出高品質(zhì)的交互設(shè)計。

所以,要想在理性思考方面達(dá)到優(yōu)秀,就需要同時做到這三點:邏輯準(zhǔn)確、考慮全面、權(quán)重正確。這還只是一個細(xì)節(jié)的決策,所有細(xì)節(jié)的決策,都要如此。加起來會是一個龐大的工程。

 

這里再順便強(qiáng)調(diào)一下“全面”。

這個全面,一定要去抓、并抓到事物的本質(zhì)和核心。

所謂大道至簡,本質(zhì)一般都不復(fù)雜。一個可供參考的數(shù)字是,本質(zhì)通常只有 1-2 個點,影響本質(zhì)的因素通常有 4 個左右的點。再具體的,可以參考一篇舊文:《找到本質(zhì)需求:聊聊內(nèi)容分類》。

 

還有一個影響因素,就是社會壓力。

很多時候,我們不愿去獨立思考,而是直接參考別人的設(shè)計。一來省事兒,二來也容易找到歸屬感和安全感。而獨立思考,可能會把我們帶入到一種驀然回首“空無一人”的“孤獨”狀態(tài)。

但是樸素的辯證法告訴過我們,凡事都有兩面。選擇了白天,就會失去黑夜。所以,關(guān)于社會壓力的問題,本質(zhì)上可能是一個選擇題,同時也包含了每個人對孤獨、安全感等話題的理解和接納程度,此處就不深入討論了。

 

3 反復(fù)實踐

先說理性思考這塊兒。

因為互聯(lián)網(wǎng)產(chǎn)品總是會更新,所以不管是新人還是老人,只要目標(biāo)是高品質(zhì)的交互設(shè)計,總會碰到很多未知的或超越經(jīng)驗范疇的問題。

面對新問題,很少有人能在第一版的初步想法上就做出正確的決策,也就是做到邏輯、全面和權(quán)重的完美無誤。人類大腦中的想法,通常都是先有后優(yōu)。選定一個方案通常都需要有多個方案的比較和權(quán)衡,優(yōu)化選中的方案也包含了無數(shù)細(xì)節(jié)的調(diào)優(yōu)。

Foxmail、QQ 郵箱和微信的交互設(shè)計都很優(yōu)秀,為張小龍?zhí)峁┝舜罅砍晒?jīng)驗。即便如此,微信上新功能的時候,張小龍也還要通過反復(fù)試用不同的版本來找到那個正確的版本,更別說我們這些沒有多少成功經(jīng)驗的普通大眾了。

不管是選定方案的大決策,還是細(xì)節(jié)調(diào)優(yōu)的小決策,要想變成正確的決策,都需要大量的實踐。這個實踐既包含理性思考的支撐,也包含了感性語感的檢驗。

 

因為語感就類似品位,也會影響到交互設(shè)計的品質(zhì)。

如前所述,交互設(shè)計的語感,既包含人文藝術(shù)這個廣義的語感,也包含感知交互設(shè)計這個狹義的語感。

培養(yǎng)廣義的語感,需要經(jīng)年累月的實踐,少則一二十年,多則一生的時間。如果想要一直保持那個狀態(tài),就需要一直實踐。重點在于優(yōu)秀文化的熏陶以及自己的吸收,還有自己不斷的觀察與思考。

 

培養(yǎng)狹義的語感,也需要大量的實踐。重點就是日常多用交互設(shè)計優(yōu)秀的產(chǎn)品。

類似游泳需要讓身體而非大腦記住動作,我們需要讓控制感性而非理性的那部分大腦,記住并習(xí)慣于用過的所有優(yōu)秀產(chǎn)品。

如果廣義語感和狹義語感都很棒,當(dāng)體驗到品質(zhì)不高的交互設(shè)計時,很有可能,馬上就會產(chǎn)生不太舒服的感覺;而當(dāng)體驗到高品質(zhì)的交互設(shè)計時,極有可能,也會很快產(chǎn)生諸如開心、滿足之類的積極情緒。

 

結(jié)語

交互設(shè)計,如果看著簡單、用著順,則基本為高品質(zhì)。

一邊培養(yǎng)人文藝術(shù)方面的廣義語感,一邊培養(yǎng)感知交互設(shè)計方面的狹義語感;

理性思考要在邏輯、全面和權(quán)重這三方面都做到盡善盡美,全面這塊一定要抓到事物的本質(zhì)和核心;

第一版方案做不到高品質(zhì)是正常和普遍的,做出錯誤的決策也是難免的,最重要的是在培養(yǎng)語感和理性思考方面反復(fù)實踐,直到打磨出高品質(zhì)的交互設(shè)計為止。

以上三點,可以幫助我們做出高品質(zhì)的交互設(shè)計。

最后,借喬布斯的一句話來結(jié)束本文。

你要熟悉人類在各領(lǐng)域的優(yōu)秀成果,嘗試將之融入你在做的事情里。

 

原文地址:SnowDesignStudio(公眾號)

作者:Leeo

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》交互設(shè)計:如何做到品質(zhì)?

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



日歷

鏈接

個人資料

存檔