萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 跨界混搭的產品設計

跨界混搭的產品設計

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

  「混搭」這詞常見於「流行音樂」中,是將兩種不同的風格的音樂混合在一起,產生新的趣味的做法,有 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的成倍上漲回應這個設計(到現在,我們的同行甚至全站采用這個設計)。再次感歎一下,咱和一流水准還是有很大差距啊…… 來源微博

跨界混搭的產品設計,互聯網的一些事

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

copyright © 萬盛學電腦網 all rights reserved