詳細解析跨界混搭的產(chǎn)品設計發(fā)布者：本站     時(shí)間：2021-12-23 10:12:18

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

第一階段：Web2.0 Mashup

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

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

詳細解析跨界混搭的產(chǎn)品<a href=/design/ target=_blank class=infotextkey>設計</a>,PS教程,

Twitter 小工具，可以把 Twitter 的內容生成引用

詳細解析跨界混搭的產(chǎn)品設計,PS教程,

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

詳細解析跨界混搭的產(chǎn)品設計,PS教程,

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

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

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

詳細解析跨界混搭的產(chǎn)品設計,PS教程,

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

美團網(wǎng)移動(dòng)端交易占比近70% 月成交超10億

詳細解析跨界混搭的產(chǎn)品設計,PS教程,

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

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

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

雅虎天氣(Yahoo Weather)，能夠在眾多天氣應用中脫穎而出，除了精美顯示顯示當地天氣參數，還會(huì )同時(shí)從 Flickr 中顯示出當地高質(zhì)量照片。產(chǎn)品是由「天氣」+「Flickr 照片」混搭起來(lái)。

詳細解析跨界混搭的產(chǎn)品設計,PS教程,

支付寶余額寶

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

詳細解析跨界混搭的產(chǎn)品設計,PS教程,

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

詳細解析跨界混搭的產(chǎn)品設計,PS教程,

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

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

詳細解析跨界混搭的產(chǎn)品設計,PS教程,

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