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

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

第一階段：Web2.0 Mashup

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

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

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

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

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

豆瓣的收藏秀，把在豆瓣上看過的書，電影，音樂，舞臺劇進行生成引用

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

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

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

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

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

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

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

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

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

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

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

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

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

支付寶余額寶

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

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

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

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

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

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

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

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