細節控:關於優惠券的思考
今天在群裡有一位旁友提到了公司關於優惠券的設計問題,涉及到隱私這裡不能放她的設計圖。
優惠券的頁面一般以列表的形式設計,每一張優惠券包含的資訊有:數額,券名,使用規則,立即btn
群友表示他設計的頁面被別人說只有一片紅,不知道如何反駁。(設計稿形容的話就是除了券名,使用規則使用了灰色,背景用了白色,其他元素都是差別不大的紅色系,挺好看的)
個人覺得設計要滿足所有人的要求是不可能的,但是可以剖析別人說話的深層含義,一片紅是否就意味著“資訊層級不明確”,我不清楚提意見的人是不是這個意思,但如果是這個意思,是很難反駁的。紅色本身就帶有強調的意義,在介面中使用過多,又不想辦法區分層級,在去色模式下毫不懷疑就是黑黑的一大坨。
來看幾個例子:


雖然肯定也有人會說這兩個頁面設計不好看,主觀感受無法控制,但是就資訊層級這一點來說,這兩個設計必然是不錯的。
圖一來自淘寶,通過形式區分層級:券名+內容放在左側,模仿副券的形式,分割其他資訊在右側,用字型大小和漸變的按鈕形式區分其他資訊。
圖二來自美團,通過色彩區分層級:橙色時間一眼就可以捕捉到屬於最高層級,灰色的使用規則視覺展示效率最低最不起眼屬於最底層級。這樣也不難理解,對於優惠券,使用者和產品的目標一致,希望使用者在使用時間內用掉最好,突出時間無可厚非。
突出資訊層級的方法太多了:不同的形式,不同的顏色,不同的大小,不同的透明度等等,只要稍作修改就不會是一坨了!
啊!小小的一張券竟然有這麼多的細節!真是越來越覺得觀察細節很有趣了!
感悟:做設計被懟是常事,沒有最好只有更好,最重要的是挖掘出主觀意見深處的有價值資訊,如果實在挖不出,自己有理有據的,就找權威人士來決策吧哈哈哈。