萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> QQ網購安卓版項目總結

QQ網購安卓版項目總結

QQ網購安卓版項目總結 三聯教程

  團隊幾個月的緊張奮戰,QQ網購安卓版在歷經幾個迭代之後終於灰度發布了。在不斷摸索與嘗試和架構的不斷挑戰與革新後,終於展現出了一定的端倪新貌,體驗也在不斷優化提升。然而這才只是萬裡長征剛剛邁出的一小步,這裡謹將所積甚少的設計心得總結整理如下:

  2011年國內電子商務的硝煙可謂是彌漫濃烈,在移動端也毫不例外。項目啟動初期,各類型的電商移動端應用早已充斥市場,這些自然就成了一個個競品分析的對象,但在眾多對比和分析後,縱觀國內電商應用,並沒有特別完美的范例,區別於娛樂或SNS應用,如何更好地把握好並體現出電商應用的運營感與功能性無疑是我們所面臨的最大挑戰。總結競品分析後,我得出了國內電商應用的設計風格,特別是閃屏方式和首頁結構有如下特征:

  但這些並不是所有,更為關鍵的還是要融匯移動端的交互特點,特別是針對安卓平台,我們又研究了電子商務較為成熟的韓國市場所占主流的電商應用,例如CJmall、11街、EDGEBOOK和daum、naver旗下的應用等等,基於觸屏下的操作特點,並以建立起一個電商平台型應用為目標,由此而制定了側重功能入口型的九宮格首頁結構,並以順暢化購物流程、減少購買中斷的體驗標准。

  再回到QQ網購Web端的設計,我們同樣對整體風格樣式進行了研究和剖析,在Web端與移動端一致性上的把控,我們考慮並總結出下列四點,做為設計風格上的方向指引:

  綜上所做競品分析的橫縱研究,我們明確了以下兩個方面做為我們在交互和視覺上的方向指引,並在此基礎上展開進一步的具體設計和制作。

  QQ網購LOGO是平面化、剪影式的紅色購物袋,並配有白色QQ企鵝剪影,簡潔明了地傳遞了騰訊電商的品牌特性,並能夠很直觀地展現在頁面和印刷制品當中。現QQ網購安卓版的圖標設計是延續這一主體標識的創意,在原Logo的造型和色彩基礎之上,本著做為網購LOGO附屬圖標的目的,進一步細化和渲染而成,簡單增強了光影和透視的細節表現,做為移動平台下QQ網購APP的一個專屬ICON。

  結合ICON進行閃屏的設計,做為啟動畫面,出現時間很短,故在突出品牌的基礎上,不斷做減法,以網購ICON為主體,加強光影效果,配合動畫展現,利用有限的幾秒鐘來突出網購的品質感。

  首頁的設計優化是最為關鍵,從最初側重功能入口為主的九宮格結構(如上)以及後期逐步導向以運營為主的方式,首頁的展示方式不斷在摸索和嘗試中前進,尤其在運營側接入後,確立營銷點配合加強運營為關鍵。

  搜索頁面所承載的功能是頗為重要的,特別是有眾多關鍵操作,在從界面視覺表現上來講,操作是密集和繁多的,邏輯性也甚為復雜,總的來分為兩類:

  一般情況下會以做減法或入口化的方式減少這些操作的同時展現,但實際對於購物搜索環節來講,以上兩類操作都是很關鍵的,減少也會增加操作的層級成本;在另一方面,偏理性用戶(特別是有選品目標的人群)往往側重2的搜索操作,而偏感性用戶(尤其是女性)卻更喜歡在1的操作基礎上切換不同的排序和展現方式。因此後面的優化也都是在此基礎上進行邏輯分類來卻別兩類操作,並按此進行布局。

  時間倉促,整理凌亂,說到這裡,發布前的設計過程總結至此,後面我們要對產品的持續優化和改進還有很長的路要走,在此特別感謝整個團隊的給力支持和每一位同學為此而付出的辛勤汗水。目前版本灰度發布還存在諸多的不足,但我們會扎實每一步,不斷提高和完善每個細節與體驗。在此還請每一位同學多提寶貴意見!^_^

  文章來源:騰訊ISUX

copyright © 萬盛學電腦網 all rights reserved