search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

一隻設計師的工作小結:在想好之前,先克制你的表達欲

我一直覺得做設計,其實是在剋制,潛移默化是最好的。在你沒有想好如何表達,最穩妥的做法是克制你的表達欲。

網易紅彩1.0版本·視覺

通常來說,界面設計工作是在原型圖之後開發之前,原型圖的構架關係在一定程度上會影響到界面的設計的發揮餘地。所以設計師同學要積極的參加到前期各個環節中。站在各個職能的角度上環視產品需求給出視覺體驗建議,方便更好的開展今後的設計工作,了解和確定產品屬性以及基調。

一個好的app視覺在一定程度上反映了產品的精神面貌以及品牌調性,同時也帶給用戶易懂且操作舒適的使用體驗。

在產品界面設計之前,首先需要了解前期產品的一些數據和分析,用以支撐接下來設計工作的論點和依據:

產品目標用戶人群和消費情況

調研結果表明人們每月用於互聯網彩票消費的額度較高,同時互聯網購彩者以男性居多,購買能力更強。另一方面,網易的用戶以30歲以上的男性用戶為主,這樣的用戶構成,也對網易的彩票銷售起到了促進作用。

產品方向

以競彩專家推薦為主要特色的足球、籃球賽事分析類App

體彩市場情況以及競品分析

目前,體彩市場主要細分為彩票售賣、付費閱讀、虛擬遊戲三個領域。其中彩票售賣由於已經被叫停,故不在此次討論範圍之內。

主要競品

競彩貓、球商、小刀匯、精彩說等

競品概況(視覺角度)

產品視覺角度分析:整體產品視覺不統一,且界面中層級關係混亂。競品在用戶體驗上是低於整體app業內水平

設計方向

根據以上數據分析歸納產品的設計方嚮應為:層次鮮明 ,內容突出 。男性用戶更為理性,盡量減少過多結構視覺樣式的表現,保持統一性且結構鮮明流暢,更突出內容和數據的呈現。在產品之初,不斷在顏色和細節等方面滲透品質與品牌感。由於項目屬於為專業競猜用戶服務的產品,專業內約定俗成的一些規範和特定的一些色彩搭配的含義可以誘發用戶的一些直觀情緒,設計中必須要考慮到避免使用一些不合時宜的色彩。

設計思路 UI部分

1、首頁主視覺部分

從業務和需求角度考慮,首頁信息儘可能展現更多信息,在界面設計語言表現上需要盡量扁平處理,用顏色或者模塊區分不同層級的信息。主次分明,做到能用一種維度區分,就不做兩種處理。統一同類內容和模塊以及元素,更好的呈現卡片內容和每個卡片之間的邏輯關係。在內容化設計上給出更明確的認知,輔助用戶在使用場景下,快速找到需要獲取的信息。

專家推薦部分間隔較閱讀類產品稍大些。希望在頭像和名稱部分增加一下視覺通透感。用戶瀏覽起來減少疲憊,處於舒適狀態。方案卡片右下空間也是同理。

首頁做了無頂部導航欄處理。從業務和用戶角度考慮,第一屏作為重要信息流展示,需要展示更多信息,設計規劃業務內容需要更多展示空間。

整個首頁信息流分為個三個模塊「專家推薦 」「推薦方案」 「編輯精選」 。為了減少用戶的認知成本並且不增加結構的複雜性,一個頁面不適宜超過三個不同樣式,所以在編輯精選卡片中有無數據都做了統一處理。

2、專家個人頁視覺部分

專家個人頁模塊中,為了不增加樣式的複雜性,專家介紹文字和數據收錄在一個卡片中,且數字和文字組合版塊需要適當增加留白空間,調整到最平衡的視覺結構,又通過這些空間突出了需要呈現的信息層級,符合視覺規律。

根據頁面屬性的需求,專家個人頁的頂部用了個性化的背景設計卻不花哨。突出專家個人的信息呈現。層級清晰,主次分明。

其中盡量將同類型場景、內容模版統一,達到簡明統一的效果。比如專家關注和首頁保持模塊統一,關注專家頁面和主視覺保持平衡等。產品內部,同類屬性標籤樣式和顏色統一,如命中率標籤等,解決用戶對同類型場景的認知和統一視覺感受,瀏覽更流暢舒適。

首版本之後馬上會有優化,其中有很多需要完善的部分,比如動效,文章中這裡說的是只一種工作方法,如何通過立flag,完成UI的產出過程。整體遵循的原則應該是整體視覺的統一性 信息呈現富有層次性和分佈邏輯具有組織性。

其實,界面設計是一種視覺語言,產品用這種語言與用戶溝通,用戶在什麼樣的場景下使用產品,和產品的交互過程中,激發了用戶的那些情緒,當這些情緒出現,我們的設計語言是激勵還是安撫體諒?我們需要做的是用設計語言完成與產品交互之間的平衡,給用戶帶來更好的體驗甚至小驚喜。

產品設計過程中需要有自己的理念,它不僅僅是狹隘的扁平化或者擬物化,這只是表象。這種理念應當是基於它是如何有益於用戶的,又或者給用戶帶來什麼樣的好處,獲得了什麼樣的啟發,或許是生理上的,或許是情感上的。

我一直覺得做設計,其實是在剋制,潛移默化是最好的。在你沒有想好如何表達,最穩妥的做法是,剋制你的表達欲。

作者:cain lynn



熱門推薦

本文由 yidianzixun 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦