商品詳情頁設(shè)計要點「商品詳情頁設(shè)計圖」

商品詳情頁是對商品進行詳細描述介紹的頁面，詳情頁的設(shè)計極有可能會對用戶的購買行為產(chǎn)生直接的影響。因此，商品詳情頁面的設(shè)計在美觀實用的基礎(chǔ)上，將要表達的信息盡可能用直觀的視角展現(xiàn)出來。

展示商品細節(jié)圖片

因為手機端的特殊性，在產(chǎn)品信息頁面中僅僅只展示了幾張商品圖片和商品的基本信息。

當用戶對該商品感興趣時，可以進入該商品的詳情頁面，在詳情頁面中設(shè)計師需要盡可能地向用戶展示該商品的細節(jié)圖片，可以使用商品細節(jié)圖片與文字說明相搭配的方式，使用戶能夠?qū)υ撋唐酚懈尤娴牧私猓瑥亩褂脩魧ι唐樊a(chǎn)生購買的欲望。

有效地引導用戶操作

用戶引導一般從色彩和文案兩個角度著手，而色彩是最直觀的表現(xiàn)形式，使用區(qū)別于頁面大環(huán)境的色彩來強調(diào)突出，在吸引消費者視線的同時讓他們更樂于點擊。

例如：商品詳情頁面中，商品價格、活動信息和“加入購物車”按鈕都使用鮮艷的紅色。再如：所選尺碼以及“加入購物車”按鈕都使用了鮮明的紫色，在界面中非常突出。

商品評價功能

對網(wǎng)絡(luò)缺乏信任是許多消費者都存在的顧慮，而已購買該商品的消費者對于該商品的評價將會對有購買意向的用戶產(chǎn)生很大的影響，因此商品評價功能是商品詳情頁面中不可缺少的功能。

例如：商品詳情頁面中的商品評價，對評價進行了自動匯總統(tǒng)計，讓用戶在查看的時候更直觀便捷。

連貫的商品介紹

對于商品詳情頁面，消費者需要清晰地認識到商品的全部信息，因此商品描述的邏輯順序變得格外重要，設(shè)計師可以基于商品描述的認知規(guī)律去考慮安排商品介紹信息。

為商品詳情頁設(shè)計，整個頁面采用統(tǒng)一的配色和風格，在詳情頁中對商品的各部分屬性進行分步驟介紹，清晰明了。

跟隨性導航

商品詳情頁的內(nèi)容比較多，所以跟隨性的導航設(shè)計非常有必要。跟隨導航在商品詳情頁中能夠為用戶操作提供很大的便利。例如：始終在商品詳情頁的上方和下方浮動顯示跟隨性導航，便于用戶快速地切換頁面和購買商品。

商品詳情頁面不要過長

商品詳情頁面的長度不宜過長，頁面長度過長會導致頁面加載速度變慢，特別是在手機端，會消耗大量的手機流量，也會讓用戶產(chǎn)生視覺疲勞。一般來說，手機端的商品詳情頁面需要控制在10屏以內(nèi)。推薦閱讀：電商詳情頁模板 第四季