交互方式的創(chuàng)新是時(shí)代的進(jìn)步，也為用戶的實(shí)際體驗(yàn)帶去了提升。這篇文章里，作者梳理出了一些經(jīng)典且廣為人知的創(chuàng)新的交互方式，不妨一起來看看，或許會(huì)對(duì)你的設(shè)計(jì)工作帶來一些啟發(fā)。

創(chuàng)造力在設(shè)計(jì)工作過程中的重要性不言而喻，隨著互聯(lián)網(wǎng)時(shí)代的快速發(fā)展，過去幾年的時(shí)間里就迅速誕生了各種新型技術(shù)與成果。在這個(gè)過程中，我們也見證了如“掃描二維碼”進(jìn)行信息交換等各種新型的交互方式。

這些創(chuàng)新的交互方式，毫無疑問極大程度的縮短了用戶操作路徑，提升了用戶體驗(yàn)。本文希望通過梳理出那些經(jīng)典且廣為人知的創(chuàng)新的交互方式，從而在我們自身設(shè)計(jì)工作中獲得靈感與啟發(fā)。

一、二維碼

比如在路上看到一個(gè)網(wǎng)頁(yè)鏈接廣告，要記下來并輸入一連串字符打開瀏覽器，變成打開攝像頭掃一掃即可；以往要交換一個(gè)人的微信等聯(lián)系方式，也要記下來一串?dāng)?shù)字夾雜著字母，也變成打開攝像頭掃一掃即可——這種變化，我們從當(dāng)下的視角來看，個(gè)人覺得簡(jiǎn)直不可思議，不僅讓用戶操作路徑短了一截，還保證了信息準(zhǔn)確無誤。

我們簡(jiǎn)單了解一下二維碼的發(fā)展歷史：

20世紀(jì)90年代末期：當(dāng)時(shí)，日本的Denso Wave公司的工程師中村彰彥正在尋找一種能夠在小空間內(nèi)存儲(chǔ)更多信息的編碼方式。他參考了條形碼的原理，并結(jié)合自己的創(chuàng)新思維，設(shè)計(jì)出了一種新的矩陣形式的編碼方式，即現(xiàn)代的二維碼。

2010年底：互聯(lián)網(wǎng)上廣泛流傳二維碼及相關(guān)技術(shù)，國(guó)內(nèi)二維碼開始被廣泛普及，支付寶團(tuán)隊(duì)開始研究二維碼技術(shù)，次年4月，二維碼支付首個(gè)小樣完成，3個(gè)月后，支付寶在廣州召開發(fā)布會(huì)，在國(guó)內(nèi)首推二維碼支付，向國(guó)內(nèi)支付市場(chǎng)進(jìn)軍。

2011年：騰訊微信推出掃一掃二維碼添加好友功能。2013年8月5日，騰訊微信也宣布開啟微信二維碼支付方式。

不難看出，其實(shí)這個(gè)過程還挺順其自然的。這其中創(chuàng)新的關(guān)鍵就是順延、擴(kuò)散的思維方式了。

二、視頻彈幕

在視頻彈幕發(fā)明前，簡(jiǎn)直不敢相信“評(píng)論”還能用這種方式來呈現(xiàn)？現(xiàn)在各大視頻網(wǎng)站的評(píng)論彈幕已經(jīng)從最簡(jiǎn)單的形式到百花齊放了。

根據(jù)研究了解彈幕的起源，應(yīng)該最早源于日本的動(dòng)畫視頻網(wǎng)站Niconico動(dòng)畫。日本的互聯(lián)網(wǎng)企業(yè)家宮內(nèi)啟介希望能夠?yàn)橛脩籼峁┮环N新穎的評(píng)論形式，使觀看視頻的體驗(yàn)更加豐富和有趣。于是Niconico動(dòng)畫從漫畫中經(jīng)常出現(xiàn)的各種文字和圖像的特效效果獲得了靈感，從而開發(fā)了彈幕評(píng)論系統(tǒng)，并在2007年正式推出。

除了交互形式上的創(chuàng)新，還想順便提一下產(chǎn)品功能的創(chuàng)新。因?yàn)檎靡哺u(píng)論有關(guān)系。對(duì)，就是網(wǎng)易云音樂的評(píng)論功能。若是回到10年前，誰曾想對(duì)一首歌也能評(píng)論？

極大可能是因?yàn)榫W(wǎng)易新聞門戶自身基因了。新聞?dòng)性u(píng)論，商品也有評(píng)論，電影、電視劇更有評(píng)論。歌曲怎么就不能有評(píng)論？歌曲本身就是一種強(qiáng)烈的情感表達(dá)形式，極易引起共鳴。一方面聽眾可以表達(dá)自己的感受，滿足人們的社交需求，提升產(chǎn)品活躍度。另一方面隨著個(gè)人創(chuàng)作者越來越多，評(píng)論也能促進(jìn)創(chuàng)作者的更多創(chuàng)作。

所以我想，不論是視頻彈幕，還是網(wǎng)易云音樂的評(píng)論。這樣的創(chuàng)新都靠的的是借鑒、遷移的思路。

三、“抖音式”視頻瀏覽

抖音視頻瀏覽的交互方式也是一樣非常顛覆傳統(tǒng)。一上來就全屏播放視頻，然后再通過垂直滑動(dòng)來切換視頻。而此前我們更習(xí)慣的是一上來呈現(xiàn)視頻列表，再點(diǎn)擊進(jìn)入視頻詳情，切換視頻則再返回列表。

是哪些因素造就了視頻以“垂直滑動(dòng)切換和全屏自動(dòng)播放”的新交互形式呢？

在我看來，其實(shí)還是在契合用戶場(chǎng)景，重點(diǎn)不是在視頻本身。抖音的定位是生活分享，實(shí)際跟友圈、微博的交互方式是一樣的——垂直滑動(dòng)瀏覽信息。只是后者為圖文形式，前者為視頻形式。

持續(xù)瀏覽，看到什么是什么。甚至不限于生活分享定位的產(chǎn)品形態(tài)，如淘寶中的商品、直播、汽水音樂也能看到垂直滑動(dòng)切換的交互形式。但其本質(zhì)還是一樣，都是在契合用戶隨便逛逛，隨便看看的場(chǎng)景。

也因?yàn)椤胺窒砩睢钡漠a(chǎn)品定位，視頻都不會(huì)太長(zhǎng)。從而更不需要像傳統(tǒng)電影、電視劇的中長(zhǎng)視頻app一樣，先來個(gè)列表讓用戶選半天，不愛看直接劃走看下一個(gè)即可。

不過按照這個(gè)思路你可能會(huì)說，垂直滑動(dòng)切換好像也不需要將視頻以“豎直全屏”的方式呈現(xiàn)？確實(shí)是這樣。比如皮皮蝦，以及之前的微博的視頻，就是簡(jiǎn)單視頻列表，滾動(dòng)到一定位置就播放對(duì)應(yīng)視頻。

那抖音為啥要“豎直全屏”呢？當(dāng)然還是因?yàn)橐曨l本身素材就是9:16的形式。

簡(jiǎn)單總結(jié)幾點(diǎn)原因：

一、本身生活分享的定位，因此我們基本就是隨手拿出手機(jī)來拍攝視頻，而不論是觀看還是拍攝，豎屏更符合手機(jī)用戶使用習(xí)慣。

二、豎屏人物形象的放大和凸顯使得拍攝的人像飽滿且清晰，具有更強(qiáng)的視覺沖擊感，適合展示生活分享類簡(jiǎn)單直觀的場(chǎng)面；而橫屏視頻的視野相對(duì)開闊，空間層次感豐富，縱深感強(qiáng)，畫面就更適合表現(xiàn)影視劇中復(fù)雜的人物關(guān)系。所以豎屏輕量化的內(nèi)容輸出也更適合碎片化的場(chǎng)景。

三、豎屏增強(qiáng)了觀眾的參與感與互動(dòng)感。因?yàn)橛脩粼u(píng)論、點(diǎn)贊、轉(zhuǎn)發(fā)在豎屏上操作更加方便。

• 獨(dú)家專題｜豎屏翻紅 (baidu.com)
• 移動(dòng)豎屏?xí)r代，豐富樣態(tài)、深耕平臺(tái)，豎視頻漸與橫視頻平分秋色_百科TA說 (baidu.com)
• 豎屏短片火爆的深層次原因——以張藝謀豎屏微電影系列為-錘子簡(jiǎn)歷 (100chui.com)

像很多影視片段，或者視頻解說的西瓜視頻，因其都是16:9的橫屏形式，所以它就也可以在全屏?xí)r直接換下一個(gè)視頻。給用戶帶來沉浸式體驗(yàn)的同時(shí)，也省去了橫屏豎屏來回切換的操作成本。

除了以上原因，自然也離不開技術(shù)的發(fā)展。正是4G、5G的高速網(wǎng)絡(luò)，才支撐了大家從圖文到視頻分享形式的轉(zhuǎn)變，保證了用戶可以持續(xù)不斷的瀏覽視頻。

四、探探Tinder交友

Tinder以及探探也與常見的采用列表形式（如“陌陌”等）的產(chǎn)品不同，我們知道其交互方式主要是：僅展示1位陌生人的卡片，然后通過左右滑動(dòng)卡片來表示喜歡或不喜歡對(duì)方。

這樣的交互形式，好像跟前面提到的抖音差不多，一上來就1個(gè)人，不讓你在一堆人里選來選去。為什么交友軟件也能這么做呢？這靈感是哪來的？

Tinder以及探探與其他陌生人交友軟件相比，最大的不同就是有個(gè)“互相喜歡（配對(duì)）”的動(dòng)作概念引入。因?yàn)槲覀冊(cè)趯?shí)際生活中就是這樣的！看對(duì)眼才能聊起來。從實(shí)際生活情況出發(fā)、充分的用戶研究、結(jié)合了心理學(xué)、社會(huì)學(xué)——我認(rèn)為這是造就現(xiàn)在交互形式最大的一個(gè)原因。

既然有操作“喜歡”與“不喜歡”，相互喜歡才能聊，不喜歡本來就不想再看到的話，那自然就不需要一堆列表，把標(biāo)記過的陌生人也始終躺尸在那，上來就展示1個(gè)人即可。這樣操作完就消失的邏輯，也會(huì)讓用戶更加慎重的操作。再加上噌一下彈出一個(gè)“配對(duì)成功”或者“TA也喜歡你”的提示，也比普通社交app看對(duì)眼的一句簡(jiǎn)單的回復(fù)來的更加欣喜。

五、Siri與Midjourny

交互說到底就是表達(dá)信息、接收信息的過程。舉個(gè)簡(jiǎn)單的例子，人從大腦產(chǎn)生“say hi”的想法，我們可以通過這些常見的方式表達(dá)出來：

但是我們知道，說話、做動(dòng)作都會(huì)產(chǎn)生理解偏差。你說“hi”，我可能聽成“i”；你擺擺手“打招呼”，我可能以為你要“拜拜”。所以計(jì)算機(jī)也是一樣，只有通過鍵盤打下“hi”字母，才能準(zhǔn)確的告訴計(jì)算機(jī)你想表達(dá)的就是“hi”。

可交互終究追求自然舒服的體驗(yàn)，所以我們一直在不斷探尋第二、三種交互方式，甚至直到思維想法的源頭——大腦。因此有了Siri、小愛同學(xué)…；有了動(dòng)作捕捉設(shè)備；更有腦機(jī)接口甚囂塵上…

當(dāng)然，我們的訴求不只是“say hi”這么簡(jiǎn)單。我們想要畫畫、想要寫文章、想要拍電影…就比如，你有個(gè)“畫一個(gè)美女”的想法，金發(fā)碧眼，在草地上曬著太陽(yáng)…你可以用手一筆一畫的畫出來，計(jì)算機(jī)自然能相應(yīng)的呈現(xiàn)出來；那往前推一步，直接通過“金發(fā)碧眼，在草地上曬著太陽(yáng)…”的表述呢？于是Midjourny就誕生了，Sora就誕生了…

因此，從直接打字到Siri，從PS到Midjourney…這種交互形式的創(chuàng)新，其實(shí)就是還原我們生活原本形式的技術(shù)上的不斷革新。畢竟“懶惰是人類文明進(jìn)步的階梯”。