電信運(yùn)營商APP產(chǎn)品詳情頁面視覺設(shè)計(jì)研究

陳冬旭 梁琳

摘? 要： 研究發(fā)現(xiàn)，目前每個(gè)省的電信運(yùn)營商均在布局APP建設(shè)和運(yùn)營，APP中虛擬產(chǎn)品的詳情頁面以枯燥文字為主，版面設(shè)計(jì)仍處于初級階段有待互聯(lián)網(wǎng)化改造。文章通過對標(biāo)先進(jìn)互聯(lián)網(wǎng)企業(yè)，探究詳情頁面的設(shè)計(jì)原則和價(jià)值，從用戶體驗(yàn)感知角度總結(jié)詳情頁面的構(gòu)成、設(shè)計(jì)要點(diǎn)和設(shè)計(jì)要素，以真實(shí)案例闡述電信運(yùn)營商APP產(chǎn)品詳情頁的設(shè)計(jì)，并對某省電信運(yùn)營商APP進(jìn)行了頁面改版，更有效地幫助用戶完成購買決策。

關(guān)鍵詞： APP產(chǎn)品詳情頁; 互聯(lián)網(wǎng)化; 布局設(shè)計(jì); 購買決策

中圖分類號：TP399;TP37? ? ? ? ? 文獻(xiàn)標(biāo)志碼：A? ? ?文章編號：1006-8228（2019）07-43-03

Abstract： It is found that the telecom operators in each province are currently building and operating APP now， but the details pages of virtual product in APP is dull text-based， and the layout design is still in the initial stage，which needs to be reformed by the Internet. This paper， by contrasting to advanced Internet enterprises，explores the design principles and values of details page， following the user's experience and feelings， summarizes the composition， design points and design elements of details page， and with real case analysis， elaborates the design method of the product details page in telecom operator APP. A page modification has been carried out in one telecom operator to help users making purchase decision more effectively.

Key words： product details page in APP; Internet; layout design; purchase decision

0 引言

移動互聯(lián)網(wǎng)深刻地改變著人們的消費(fèi)方式，人們越來越習(xí)慣于使用手機(jī)及移動終端“逛店”和“瀏覽商品”，所以電商化的產(chǎn)品營銷只有更加關(guān)注用戶體驗(yàn)，把銷售過程也當(dāng)成產(chǎn)品，以用戶為中心讓銷售頁面符合用戶選購行為，滿足用戶選購心理，才能增加每一層頁面的轉(zhuǎn)化率，減少流失，從而增加用戶中購買人數(shù)占比。“這是一個(gè)以用戶為中心的時(shí)代，用戶的體驗(yàn)和價(jià)值是互聯(lián)網(wǎng)兩個(gè)主要命題”[1]，本文將從用戶體驗(yàn)角度，研究具有符合互聯(lián)網(wǎng)用戶風(fēng)格的產(chǎn)品銷售詳細(xì)頁面布局用于傳統(tǒng)的電信運(yùn)營商APP運(yùn)營。

1 產(chǎn)品頁面設(shè)計(jì)原則

互聯(lián)網(wǎng)的每個(gè)頁面均可稱為用戶界面，英文為User Interface，通常縮寫成UI，是指用戶的操作界面，包含移動APP，網(wǎng)頁，智能穿戴設(shè)備等。簡潔、自然、達(dá)意、友好和實(shí)用的界面不僅為產(chǎn)品銷售服務(wù)，而且會給人帶來舒適的視覺享受，拉近人與終端設(shè)備的距離，為產(chǎn)品創(chuàng)造賣點(diǎn)。用戶界面設(shè)計(jì)有三大原則：置界面于用戶的控制之下;減少用戶的記憶負(fù)擔(dān);保持界面的一致性[2]。

“好的頁面會說話”，好的頁面設(shè)計(jì)會吸引用戶的注意力，以提高用戶的交互能力[3];合理的操作度會讓用戶擁有較高的體驗(yàn)感;風(fēng)格化、人性化的設(shè)計(jì)會使用戶獲得前所未有的新鮮感，從某種層面上提高產(chǎn)品銷售服務(wù)的同時(shí)增加用戶對企業(yè)品牌的友好感知度，所以好的頁面可為企業(yè)帶來商業(yè)價(jià)值和文化價(jià)值。

2 對標(biāo)互聯(lián)網(wǎng)BAT企業(yè)的產(chǎn)品詳情頁面框架

互聯(lián)網(wǎng)企業(yè)與用戶的營銷接觸過程可簡單分為搜索頁、導(dǎo)航目錄頁、產(chǎn)品詳情頁、物流支付頁等四個(gè)環(huán)節(jié)（四大頁面），因無實(shí)體店，企業(yè)更關(guān)注這些互聯(lián)網(wǎng)頁面的用戶體驗(yàn)，頁面的任何元素都精益求精，任何流程都更力爭符合用戶瀏覽、選擇產(chǎn)品習(xí)慣。

如圖1、圖2，本文選取了BAT企業(yè)中天貓、京東的產(chǎn)品銷售詳情頁進(jìn)行框架研究對標(biāo)，歸納共性，提煉優(yōu)點(diǎn)，為電信運(yùn)營商產(chǎn)品詳細(xì)頁改造提供基礎(chǔ)思路和詳細(xì)樣式。

通過從框架板塊和板塊布局的對標(biāo)，歸納兩者在產(chǎn)品詳細(xì)頁面上的框架共性為：均包括產(chǎn)品介紹、評價(jià)、圖文詳情和推薦四大板塊，產(chǎn)品介紹板塊突出價(jià)格、優(yōu)惠和人氣;評價(jià)板塊突出評價(jià)數(shù)和好評率;圖文詳情板塊突出圖文美化;推薦板塊關(guān)聯(lián)大數(shù)據(jù)分析的同類產(chǎn)品推薦。基礎(chǔ)功能店鋪/客服/收藏/加入購物車/立即購買等動態(tài)固定于頁面底部。兩者在產(chǎn)品詳細(xì)頁面上的框架不同之處為：天貓板塊展示方式以瀑布型從上往下瀏覽，京東以瀑布型從下往下瀏覽的同時(shí)增加橫向板塊靈活布局。

3 電信運(yùn)營商產(chǎn)品展示設(shè)計(jì)目標(biāo)、思路和實(shí)現(xiàn)

電信運(yùn)營商產(chǎn)品展示設(shè)計(jì)的核心目標(biāo)其實(shí)與任何互聯(lián)網(wǎng)產(chǎn)品的目標(biāo)是一致的，就是要?jiǎng)?chuàng)造一個(gè)舒適合宜的購物流程，讓用戶無障礙地瀏覽各類信息，容易選擇所需要的商品，并且獲得足夠好的服務(wù)與體驗(yàn)，同時(shí)隨時(shí)提供最有效的工具以幫助用戶順利進(jìn)入預(yù)定購買環(huán)節(jié)[4]。所以一個(gè)優(yōu)秀的產(chǎn)品詳情頁應(yīng)圍繞兩個(gè)方面來構(gòu)建整體詳情頁服務(wù)。一是商品交易決策相關(guān)內(nèi)容的有效展示，從信息的排版、展示的效果、閱讀的舒適性等方面都要給用戶帶來良好的感受;二是與用戶之間的互動體驗(yàn)設(shè)計(jì)，商品詳情頁是一個(gè)關(guān)鍵的人機(jī)互動場景，與用戶產(chǎn)生互動性是設(shè)計(jì)人員設(shè)計(jì)商品詳情頁的終極目標(biāo)。