2012-4-26 藍藍設計的小編
轉載藍藍設計( m.ssll180.com )是一家專注而深入的設計機構 ,為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
團隊幾個月的緊張奮戰,QQ網購安卓版在歷經幾個迭代之后終于灰度發布了。在不斷摸索與嘗試和架構的不斷挑戰與革新后,終于展現出了一定的端倪新貌,體驗也在不斷優化提升。然而這才只是萬里長征剛剛邁出的一小步,這里謹將所積甚少的設計心得總結整理如下:
2011年國內電子商務的硝煙可謂是彌漫濃烈,在移動端也毫不例外。項目啟動初期,各類型的電商移動端應用早已充斥市場,這些自然就成了一個個競品分析的對象,但在眾多對比和分析后,縱觀國內電商應用,并沒有特別完美的范例,區別于娛樂或SNS應用,如何更好地把握好并體現出電商應用的運營感與功能性無疑是我們所面臨的最大挑戰。總結競品分析后,我得出了國內電商應用的設計風格,特別是閃屏方式和首頁結構有如下特征:
但這些并不是所有,更為關鍵的還是要融匯移動端的交互特點,特別是針對安卓平臺,我們又研究了電子商務較為成熟的韓國市場所占主流的電商應用,例如CJmall、11街、EDGEBOOK和daum、naver旗下的應用等等,基于觸屏下的操作特點,并以建立起一個電商平臺型應用為目標,由此而制定了側重功能入口型的九宮格首頁結構,并以順暢化購物流程、減少購買中斷的體驗標準。
再回到QQ網購Web端的設計,我們同樣對整體風格樣式進行了研究和剖析,在Web端與移動端一致性上的把控,我們考慮并總結出下列四點,做為設計風格上的方向指引:
綜上所做競品分析的橫縱研究,我們明確了以下兩個方面做為我們在交互和視覺上的方向指引,并在此基礎上展開進一步的具體設計和制作。
QQ網購LOGO是平面化、剪影式的紅色購物袋,并配有白色QQ企鵝剪影,簡潔明了地傳遞了騰訊電商的品牌特性,并能夠很直觀地展現在頁面和印刷制品當中。現QQ網購安卓版的圖標設計是延續這一主體標識的創意,在原Logo的造型和色彩基礎之上,本著做為網購LOGO附屬圖標的目的,進一步細化和渲染而成,簡單增強了光影和透視的細節表現,做為移動平臺下QQ網購APP的一個專屬ICON。
結合ICON進行閃屏的設計,做為啟動畫面,出現時間很短,故在突出品牌的基礎上,不斷做減法,以網購ICON為主體,加強光影效果,配合動畫展現,利用有限的幾秒鐘來突出網購的品質感。
首頁的設計優化是最為關鍵,從最初側重功能入口為主的九宮格結構(如上)以及后期逐步導向以運營為主的方式,首頁的展示方式不斷在摸索和嘗試中前進,尤其在運營側接入后,確立營銷點配合加強運營為關鍵。
搜索頁面所承載的功能是頗為重要的,特別是有眾多關鍵操作,在從界面視覺表現上來講,操作是密集和繁多的,邏輯性也甚為復雜,總的來分為兩類:
一般情況下會以做減法或入口化的方式減少這些操作的同時展現,但實際對于購物搜索環節來講,以上兩類操作都是很關鍵的,減少也會增加操作的層級成本;在另一方面,偏理性用戶(特別是有選品目標的人群)往往側重2的搜索操作,而偏感性用戶(尤其是女性)卻更喜歡在1的操作基礎上切換不同的排序和展現方式。因此后面的優化也都是在此基礎上進行邏輯分類來卻別兩類操作,并按此進行布局。
時間倉促,整理凌亂,說到這里,發布前的設計過程總結至此,后面我們要對產品的持續優化和改進還有很長的路要走,在此特別感謝整個團隊的給力支持和每一位同學為此而付出的辛勤汗水。目前版本灰度發布還存在諸多的不足,但我們會扎實每一步,不斷提高和完善每個細節與體驗。在此還請每一位同學多提寶貴意見!^_^