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

陳冬旭 梁琳

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

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

中圖分類號(hào)：TP399;TP37? ? ? ? ? 文獻(xiàn)標(biāo)志碼：A? ? ?文章編號(hào)：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 引言

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

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

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

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

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

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

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

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

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

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