跨界混搭的產(chǎn)品設(shè)計(jì)

「混搭」這詞常見于「流行音樂(lè)」中，是將兩種不同的風(fēng)格的音樂(lè)混合在一起，產(chǎn)生新的趣味的做法，有 1+1>1 的效果。而在我們熟悉的互聯(lián)網(wǎng)中其實(shí)也有不少「混搭」形式，結(jié)合最近在做的產(chǎn)品正好做了一個(gè)簡(jiǎn)單的分享。

第一階段：Web2.0 Mashup

Web2.0 時(shí)代從一開始就有「Mushup(混搭)」的理念，各種號(hào)稱 Web2.0 的網(wǎng)站或多或少的都會(huì)有 API 或著類似工具讓大家方便調(diào)用內(nèi)容，很多網(wǎng)站到現(xiàn)在還保存著這些功能，如果經(jīng)歷過(guò) Web2.0 時(shí)代的同學(xué)，一定會(huì)對(duì)那是博客右側(cè)的顯示不同網(wǎng)站內(nèi)容的小工具記憶猶新。印象中比較深的小工具有：Flickr Badge，Twitter 小工具，豆瓣的收藏秀等。

Flickr Badge
可以自定義照片的布局和顯示的數(shù)量，然后生成代碼引用

Twitter 小工具
可以把 Twitter 的內(nèi)容生成引用

豆瓣的收藏秀
把在豆瓣上看過(guò)的書，電影，音樂(lè)，舞臺(tái)劇進(jìn)行生成引用

第二階段：產(chǎn)品+移動(dòng)的融合

經(jīng)過(guò)了 Web2.0 時(shí)代后，其實(shí)對(duì)「混搭」這件事還是停留在為賦新詞強(qiáng)說(shuō)愁的階段，玩的是花樣，真正進(jìn)行混搭并且成功的產(chǎn)品感覺(jué)還不多。然后很快我們就進(jìn)入到了「移動(dòng)」時(shí)代，這是場(chǎng)產(chǎn)品的革命，不僅革新了用戶的使用場(chǎng)景，也增強(qiáng)了產(chǎn)品功能，原本在 PC/Mac 才能看到的信息，現(xiàn)在隨身都能看到，也可以靠手機(jī)內(nèi)置的各種傳感器做更智能的操作記錄和推薦。面對(duì)這些情況，大部分產(chǎn)品或多或少的都與「移動(dòng)」混搭了起來(lái)，讓很多產(chǎn)品發(fā)生了強(qiáng)大的化學(xué)效應(yīng)。

大眾點(diǎn)評(píng)網(wǎng)
原先如果選擇飯店需要先在網(wǎng)站上先做功課，現(xiàn)在直接掏出手機(jī)就完成所有事情，可以把身邊的餐廳好評(píng)差評(píng)都看的一清二楚。因?yàn)榕c移動(dòng)的混搭，大眾點(diǎn)評(píng)一下子被激活了起來(lái)，所以截止到2013年底，大眾點(diǎn)評(píng)移動(dòng)端已經(jīng)占到了75%的訪問(wèn)量，網(wǎng)站與移動(dòng)端之間的主次互換了。

美團(tuán)網(wǎng)
和大眾點(diǎn)評(píng)網(wǎng)類似，與移動(dòng)的混搭讓團(tuán)購(gòu)場(chǎng)景也變得多元化了，使用網(wǎng)站是想好吃什么再團(tuán)，使用移動(dòng)端可以做到想吃有團(tuán)購(gòu)或者有團(tuán)購(gòu)再吃的隨看隨買的功能。于是美團(tuán)網(wǎng)的移動(dòng)端交易占到了整體的70%。

還有類似地圖的服務(wù)，預(yù)訂類的服務(wù)，甚至聊天工具與移動(dòng)混搭都產(chǎn)生了強(qiáng)大的化學(xué)反####

第三階段：產(chǎn)品+跨界的混搭

產(chǎn)品與移動(dòng)的混搭產(chǎn)生的化學(xué)反應(yīng)著實(shí)讓人驚艷，但不是每個(gè)產(chǎn)品都是像大眾點(diǎn)評(píng)這樣的產(chǎn)品。天時(shí)地利還需人和，對(duì)于一個(gè)好產(chǎn)品來(lái)說(shuō)，如果能從自身的角度去再挖掘的東西也許是更好的?？纯聪旅孢@些產(chǎn)品，大家一定或多或少的聽過(guò)用過(guò)：

雅虎天氣(Yahoo Weather)
能夠在眾多天氣應(yīng)用中脫穎而出，除了精美顯示顯示當(dāng)?shù)靥鞖鈪?shù)，還會(huì)同時(shí)從 Flickr 中顯示出當(dāng)?shù)馗哔|(zhì)量照片。產(chǎn)品是由「天氣」+「Flickr 照片」混搭起來(lái)。

支付寶余額寶
存入余額寶的同時(shí)可以方便轉(zhuǎn)入轉(zhuǎn)出并且同時(shí)支持淘寶購(gòu)物，迅速得到關(guān)注，讓「天弘基金」火速成為國(guó)內(nèi)第大基金公司，產(chǎn)品是由「支付寶」+「理財(cái)基金產(chǎn)品」混搭起來(lái)。

Acfun
人氣超旺的彈幕式視頻網(wǎng)站，小米副總黎萬(wàn)強(qiáng)稱之為「亞文化發(fā)源地」，很多視頻在 Acfun 上看比在優(yōu)酷上看更有意思噢。產(chǎn)品是由「視頻播放」+「彈幕」混搭起來(lái)。

蘑菇街
應(yīng)該算是第一個(gè)使用 Pinterest 的瀑布流來(lái)進(jìn)行展示商品的電商導(dǎo)購(gòu)網(wǎng)站，據(jù)說(shuō)使用了瀑布流后，PV成倍上漲，之后各大導(dǎo)購(gòu)都開始模仿。產(chǎn)品是由「商品」+「瀑布流」混搭。

@陳琪Shark (蘑菇街 CEO )既然說(shuō)到蘑菇街的產(chǎn)品，這個(gè)“圖墻”也是不得不說(shuō)。最早是看到一同事的Blog用這個(gè)模式，驚為天人?。ê髞?lái)知道原創(chuàng)者是pinterest.com）。三天后我們就把搜索改成這樣，用戶立即用PV的成倍上漲回應(yīng)這個(gè)設(shè)計(jì)（到現(xiàn)在，我們的同行甚至全站采用這個(gè)設(shè)計(jì)）。再次感嘆一下，咱和一流水準(zhǔn)還是有很大差距啊…… 來(lái)源微博

以上的這些產(chǎn)品都是在自己產(chǎn)品的基礎(chǔ)上添加了新的產(chǎn)品功能，也同樣產(chǎn)生了完全不同的化學(xué)反應(yīng)，我把這種叫做「跨界的混搭」，找到可以互補(bǔ)的產(chǎn)品并且混搭在一起，讓原來(lái)的產(chǎn)品變得更加好。

希望分享的一些例子能夠帶給大家一些小啟發(fā)，如果大家感興趣也可以試著動(dòng)手混搭一番。：）