2022-9-16 ui設計分享達人
Wonder是一款面向Z世代群體信息獲取的探索型產品,雖然我們在產品探索的路上沒能走的更遠,但作為設計師非常珍視參加創新產品探索的機會,創新本身就是一種積累,在產品搭建過程中深入了解用戶需求,設計上自我突破、追求極致。以下歷程和設計經驗想與大家分享。
首先從了解我們的年輕用戶開始。通過桌面、田野用戶調研,我們了解到,在信息內容消費方面,Z世代群體更偏向于個性化、多元化、高顏值的信息內容體驗。再進一步拆解訴求,我們發現用戶大致可以分為效率型及消遣型兩大類,效率型用戶偏向于便捷易用、信息聚焦的消費形式,而消遣型用戶更期望有豐富的內容讓他們逛起來、刷起來。針對兩大類不同的用戶訴求,我們進行了區隔化設計。
在框架搭建上,我們利用面板可變性和固定性兩個維度來定義框架,首先是首頁場景面板,它具有可變性,可以承載不同的內容例如搜索、信息流場景。再次,定義了位居二層的搜索面板,作為核心場景,具有固定性,是恒定不變的功能位于可變場景之上。最后,兩處功能區具有固定性,頭部承載基礎功能,底部承載兩大消費場景。最終將框架轉化為具體設計,分別承載了豐富的興趣內容分發場景和簡單的聚焦場景。
搜索框位于內容之上跨內容恒定存在,形成了搜索框置底的首頁雙層面板交互形式,和滿足首頁逛起來的內容消費場景、聚焦搜索的簡單搜索場景來滿足用戶的不同訴求。加上兩處固定的功能區域,頭部基礎功能,底部bar承載左效率、右娛樂兩大內容場景,構成了差異化首頁框架。冠以興趣內容躁模式、簡單搜索禪模式姓名,炫酷的交互手勢切換模式加持,最終構成了首頁雙模式、可承載多元場景的框架設計。
同時,頭部留有Doodle品牌區域,在豐富的節日運營活動中,檸檬精通過不同的裝扮和道具,和用戶進行互動
隨著我們對用戶的深入了解,有了更細致的解讀。根據用戶調研我們發現Z世代群體更傾向于基于興趣圈層的信息消費形式,愿意為興趣買單、尋找同好,并致力于為興趣圈層貢獻價值。因此我們對整體的框架和布局進行了體驗升級探索。
我們將用戶訴求拆解為可落實的設計目標,并聚焦「體驗統一」「快速篩選」「特色感知」「重點突出」4個核心設計目標??蚣軐用?,我們依托星球形象設計,運用頭部循環交互框架形式,使內容直觀清晰呈現,不同星球凸顯不同內容特點,又保證了6大內容體驗統一。
底bar定義為基礎功能承載,語音核心能力固定不變,消息作為社區互動重要基礎能力、個人中心便捷用戶快速回訪社區資產。在頁面的架構上,根據金剛位運營模塊特性,將模塊設計為可組合、可靈活配置,以支持隨時更替的運營訴求。
對于重點互動場景,運用動態入口設計吸引互動,并在二級頁打造全場景的沉浸式互動氛圍。
最后,將UGC無限流至于信息層級底部,打造縱向瀏覽、逛內容體驗。
在項目正式啟動前,組織腦暴會開展年輕化設計語言提煉,結合用戶研究團隊調研報告,通過Image board建立設計理念和模型表達,通過收集、歸納、提煉、總結路徑,提煉設計語言基因。
圈定關鍵頁面、核心控件開展帶有年輕化設計語言基因的方案探索,并擴大覆蓋到重點頁面驗證、聚焦、收攏,最終確定產品的年輕化設計語言。
檸檬精是Wonder App的官方IP形象。取自「我酸了」流行語,以檸檬為基礎原型,設計保留了檸檬最突出的特征,色彩以品牌色—檸檬黃為主色調,整體造型擬人化、年輕化以增強形象的延展性及實體化后的可動性。IP形象與業務屬性及產品氣質也較吻合,同用戶互動場景應用打造差異化記憶點。
不斷完善形象在各種場景中的應用及延展,制作系列表情,用更多元的表現形式將檸檬精的性格描繪得更加豐滿,為品牌注入更多親和有趣的情感,拉近與用戶的距離。
伴隨產品興趣圈層的升級,3D檸檬精也結合星球概念,差異化造型與興趣內容對應,去賦予不同興趣星球特色,幫助年輕用戶找到社區、身份歸屬感,增強人與社區鏈接感。
大星球塑造中,通過不同星球的特色元素構建場景,同用戶產生行為共鳴,吸引用戶進入圈子。
設計一定不是“拍腦袋”的想象,更多是基于用戶特性、訴求、使用場景的一步步推導、演進的結果。設計也并不局限于最終的界面效果呈現,整個產出過程都在設計,也都有設計發揮的空間。記得在日常的設計中多挖掘用戶訴求、洞察機會點,并抱著提供解決方案而非一次性結果的視角,動態的、可延展的看待、設計事物。
隨暫別應用市場,依然感謝大家的閱讀,期望這趟年輕化設計之旅能夠帶給設計師們一些啟發。期待看到更多有趣的、創新的、別出心裁的年輕化設計。
作者:百度MEUX
轉載請注明:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司