當下互聯網熱度趨降,一批批互聯網產品被篩選淘汰的同時,一批批只懂得原型彩色化的“UI設計師”大面積失業,作為行業從業者,是時候反思自身,彌補不足,拓展知識鏈,進一步提升個人競爭力以免被淘汰的厄運。本人大三在校生,自學UI設計,同時對產品思維,用戶研究,交互都有涉獵。有幸得到美團資深設計師張雙的指導,根據自身學習內容(谷歌產品設計課、谷歌交互原型課、Erik Klimczak的用戶研究和信息架構課程等)明確了產品交互型UI的發展方向,即要擁有較為優秀的視覺和用研能力,同時也有一定產品思維和交互設計能力。下面展示的本次改版設計,包括前期用戶背景研究、用戶畫像、故事場景,及後期繪製草圖應用流以及最終的視覺設計和交互動效設計。設計產出物包括基於信息架構的角色、用戶場景、內容模型、應用流、手勢庫、視覺規範。


產品logo

本產品名為愛呀校園,是一款服務於大學生群體,以七天戀愛模式為核心的戀愛交友應用。產品定位前期,我們對七天戀愛模式進行深入體驗探索,以當下最火熱的概率論公眾號社交模式為原型進行產品嘗試性思考。

通過發放問卷及訪談的方式收集當下存在於學生群體社交中的各種問題,基於收集的反饋信息進行用戶研究。採用菱形路徑設計法(即發散和聚合)發現大量問題,聚焦主要問題,探索可能解決方案,聚焦可行解決方案。發現當下校園存在以下兩種主要社交阻礙。

1.當前各高校男女比例差異極大,文類院校如師大、外語學院等院校女生居多,而如电子信息類高校則存在着男生過多,女生儼然成為珍惜動物的情況。貫穿不同高校,匹配學生資源,打通高校男女社交局限,碰撞愛情使我們所要解決的核心。

2.大學生群體存在着性格羞澀以及“宅”的特性,遇到喜歡的異性不敢主動搭訕,錯失機會又後悔不已,男女都不主動,難以交流更別提交往。

基於此採集樣本進行用戶畫像的構建。

用戶畫像核心為用戶信息的標籤化,根據社交關係、偏好習慣和消費行為等信息抽象出標籤化的畫像。可能包含年齡,性別,工作,喜好等等,以此為基準疊加符合自己產品特徵的部分進行具象化總結。以愛呀校園為例,抽象出學霸黨,考研黨,活潑女,宅男四個角色,併疊加符合產品定位的單身和渴望愛情尋找CP的特徵,以此構建用戶畫像。


愛呀校園用戶畫像

獲取一定用戶信息和傾向後可以着手製作內容模型,為後期草圖應用流做準備。


愛呀校園內容模型

草圖是最廉價高效的設計方法,可以幫助你提前發現產品複雜性,了解產品架構,甚至產出一些不錯的靈感點子,最重要的是可以用來進行最基礎的可用性測試,在產品早期發現問題,減少設計成本。


草圖


信息架構中

本次規範化設計中產出的最高質量的設計點是對社交模式的創新性探索。將從概率論社交模式成功中提煉出來的可信賴性,穩定性社交期望(用戶期望有保障的正式而不隨意的社交)應用於本產品設計,打造差異化設計,還原真實戀愛社交場景,摒棄探探陌陌所傳達出的隨意和虛擬社交品格,最終定義了兩種社交模式。

1.由社交圈/活動交友引申的CP池概念

即用戶開始匹配後有一個時間門檻,類似定期舉辦的交友活動等,每場活動報名時,即用戶開始參与並被注入CP池,活動開始時,即CP池時間門檻抵達終點,然後開始對CP池中的用戶進行隨機匹配。

2.搭訕模式

模擬現實中搭訕異性的方式,為用戶隨機生成一些異性頭像,可以通過私聊和邀請等機制交流聯繫,忽感興趣的情況下可以結成CP,完成任務增進感情。


首頁動效

視覺稿





其他動效


登錄註冊


填寫表單


首頁操作



任務模塊

本次產品設計過程對自己來說是一個很大的挑戰,要求獨立完成除去程序開發之外的所有模塊任務。從前期調研分析,到中期定義產品功能、層級,輸出信息架構的基礎構成——用戶畫像,內容模型,交互庫,並基於此完成視覺設計。期間成長很大,包括對於基礎用研技法的掌握、進一步學習優化信息架構提升產品可用性的方法、也嘗試了基礎草圖進行產品驗證助力產品設計等方法。

項目完全獨立完成,用時兩周,核心設計期為三到四天,更多時間用在調研分析,和信息架構上,基於可驗證的信息數據融合產品思維進行產品設計,在設計過程中減少了不穩定因素如純視覺設計,運氣設計,純靈感設計,擺脫設計師原型彩色化的初級設計思維模式,參与到產品設計全過程中,以產品設計者而不是視覺設計者的高度審視產品,打造為用戶設計的產品而不是藝術品。越努力越幸運,共勉。


分享