久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

26
2024/12

新手科普!UI組件中的產(chǎn)品卡片設計(三)卡片內(nèi)容

發(fā)布時間:2024-12-26 16:49:41
發(fā)布者:guokai
瀏覽量:
0

不同類型、不同需求的產(chǎn)品所需要表達給用戶看的信息也是不同,但總體來說,無非就是以下幾點:
圖片:商品圖片(讓顧客知道自己購買的產(chǎn)品是什么樣子)
主標題:活動標簽+商品名稱(部分軟件的活動標題有時候會放到產(chǎn)品里面,增加外部的文字空間)
副標題:關(guān)注用戶數(shù)量、用戶瀏覽數(shù)據(jù)等(主要用來表現(xiàn)該產(chǎn)品的熱度,吸引新用戶)
價格數(shù)據(jù):折后價格/折前價格+銷售量(主要是用原價來襯托到手價,讓用戶感覺物有所值,促使下單)
優(yōu)惠信息:退換政策/優(yōu)惠券/滿減活動/分期信息(用各種優(yōu)惠來吸引用戶下單)
商品規(guī)格表:商品核心規(guī)格信息(主要賣點)
店鋪信息:相關(guān)標簽+店鋪名稱(展示產(chǎn)品的基本信息,例如名稱,所屬品牌等)
功能按鈕:購物車(一鍵添加,方便用戶購買多件產(chǎn)品同時結(jié)算)

1、圖片內(nèi)容

其中,最基礎的信息,圖片、標題和價格,這三種是每個產(chǎn)品卡片都必不可少的信息。其余的信息主要起到點綴作用,相比較之下優(yōu)先級可以下放并不每一個都要包含在內(nèi),不同的 App 會根據(jù)自己的軟件主流方向和產(chǎn)品選擇展示其中幾類,按一定的順序排布在卡片內(nèi)。

2、圖片內(nèi)容對比

不同的軟件和產(chǎn)品,對于信息展示的順序、和權(quán)重對比,都會根據(jù)自身的實際情況進行調(diào)整。比如一些國外的電商 App,他們更加側(cè)重于價格,所以會增加價格的優(yōu)先級,把價格做的比標題更大一些。

3、國外圖片內(nèi)容對比

對于網(wǎng)格布局列表布局,一般來說,兩者所展示的信息都會盡可能的去保持一致(比如淘寶中就可以進行網(wǎng)格布局和列表布局的切換)。但又因為網(wǎng)格視圖不適合展示的過長(如果過長,就跟列表布局沒有區(qū)別了,無非就是等長的瀑布流),所以如果產(chǎn)品需要展示信息真的非常多,又要用網(wǎng)格視圖,那么可以對需要展示的信息做一個優(yōu)先級排列,篩選掉那些優(yōu)先級低的信息就可以了。比如小米有品APP、淘寶就是典型的例子,他們的網(wǎng)格視圖與列表視圖相比之下,只少了商品規(guī)格表,因為這個字段所占空間比重太大,放在網(wǎng)格視圖就不那么適合展示了。

4、小米耳機對比

關(guān)鍵詞:
返回列表