陳冬旭 梁琳

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

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

中圖分類號：TP399;TP37? ? ? ? ? 文獻標志碼：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)深刻地改變著人們的消費方式，人們越來越習慣于使用手機及移動終端“逛店”和“瀏覽商品”，所以電商化的產(chǎn)品營銷只有更加關注用戶體驗，把銷售過程也當成產(chǎn)品，以用戶為中心讓銷售頁面符合用戶選購行為，滿足用戶選購心理，才能增加每一層頁面的轉化率，減少流失，從而增加用戶中購買人數(shù)占比?！斑@是一個以用戶為中心的時代，用戶的體驗和價值是互聯(lián)網(wǎng)兩個主要命題”[1]，本文將從用戶體驗角度，研究具有符合互聯(lián)網(wǎng)用戶風格的產(chǎn)品銷售詳細頁面布局用于傳統(tǒng)的電信運營商APP運營。

1 產(chǎn)品頁面設計原則

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

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

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

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

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

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

3 電信運營商產(chǎn)品展示設計目標、思路和實現(xiàn)

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