跨界混搭的產品設計

 　　[核心提示] 「混搭」這詞常見於「流行音樂」中，是將兩種不同的風格的音樂混合在一起，產生新的趣味的做法，在互聯網產品中有哪些混搭的有趣玩法呢?

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

　　第一階段：Web2.0 Mashup

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

　　Flickr Badge

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

　　Twitter 小工具

　　可以把 Twitter 的內容生成引用

　　豆瓣的收藏秀

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

　　第二階段：產品+移動的融合

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

　　大眾點評網

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

　　大眾點評向移動轉型完成：縱橫布局下一子

　　美團網

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

　　美團網移動端交易占比近70% 月成交超10億

　　還有類似地圖的服務，預訂類的服務，甚至聊天工具與移動混搭都產生了強大的化學反####

　　第三階段：產品+跨界的混搭

　　產品與移動的混搭產生的化學反應著實讓人驚艷，但不是每個產品都是像大眾點評這樣的產品。天時地利還需人和，對於一個好產品來說，如果能從自身的角度去再挖掘的東西也許是更好的。看看下面這些產品，大家一定或多或少的聽過用過：

　　雅虎天氣(Yahoo Weather)

　　能夠在眾多天氣應用中脫穎而出，除了精美顯示顯示當地天氣參數，還會同時從 Flickr 中顯示出當地高質量照片。產品是由「天氣」+「Flickr 照片」混搭起來。

　　雅虎天氣獲得 beautifulpixels.com 2013年編輯之選的產品 也贏得了 2013 Apple Design Awards

　　支付寶余額寶

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

　　余額寶規模超2500億元 天弘基金躍升行業第一

　　Acfun

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

　　小米副總裁黎萬強：小米是如何做出年輕人喜歡的產品的

　　蘑菇街

　　應該算是第一個使用 Pinterest 的瀑布流來進行展示商品的電商導購網站，據說使用了瀑布流後，PV成倍上漲，之後各大導購都開始模仿。產品是由「商品」+「瀑布流」混搭。

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

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