“污哩8卦”APP界面設(shè)計(jì)與研究

陳鵬

本文設(shè)計(jì)主題是基于用戶體驗(yàn)的付費(fèi)問(wèn)答APP界面的設(shè)計(jì)。隨著科技迅猛發(fā)展，智能手機(jī)大規(guī)模普及，APP作為智能手機(jī)應(yīng)用程序核心，將人與社會(huì)聯(lián)系起來(lái)。本文結(jié)合了用戶體驗(yàn)研究方法和界面設(shè)計(jì)規(guī)則以及以及人機(jī)工程學(xué)理論，運(yùn)用于“污哩8卦” APP的設(shè)計(jì)實(shí)踐中，進(jìn)行兩種界面的設(shè)計(jì)比較。設(shè)計(jì)內(nèi)容涵蓋了界面架構(gòu)設(shè)計(jì)、流程圖線框圖設(shè)計(jì)、手機(jī)界面設(shè)計(jì)、宣傳設(shè)計(jì)等。本文主要通過(guò)對(duì)付費(fèi)問(wèn)答APP的現(xiàn)狀調(diào)研與分析，在打下付費(fèi)問(wèn)答APP界面設(shè)計(jì)理論基礎(chǔ)的同時(shí)，構(gòu)建起基于用戶體驗(yàn)設(shè)計(jì)的流程，將用戶體驗(yàn)作為元素融入到產(chǎn)品設(shè)計(jì)的每一個(gè)環(huán)節(jié)。

【關(guān)鍵詞】 用戶體驗(yàn) APP設(shè)計(jì) 界面設(shè)計(jì)

隨著科學(xué)技術(shù)的發(fā)展，移動(dòng)互聯(lián)網(wǎng)對(duì)人們的生活帶來(lái)的改變非常大。然而在移動(dòng)互聯(lián)網(wǎng)時(shí)代背景下，科技發(fā)展和信息爆炸式的增長(zhǎng)同時(shí)也為互聯(lián)網(wǎng)帶來(lái)了驚人的變化。隨著一系列知識(shí)付費(fèi)產(chǎn)品的出現(xiàn)，實(shí)現(xiàn)知識(shí)信息貨幣化，無(wú)論你是否接受，我們已經(jīng)進(jìn)入“共享經(jīng)濟(jì)”時(shí)代。共享經(jīng)濟(jì)時(shí)代是指基于互聯(lián)網(wǎng)平臺(tái)，有償分享知識(shí)的經(jīng)濟(jì)模式。2015年出現(xiàn)了最早的這種經(jīng)濟(jì)模式，以 “在行”APP為代表。所以作為新經(jīng)濟(jì)模式下的產(chǎn)品，更應(yīng)該在出現(xiàn)初期進(jìn)行調(diào)研分析，挖掘APP更為科學(xué)的設(shè)計(jì)流程，融入現(xiàn)代元素并與藝術(shù)性相結(jié)合進(jìn)行設(shè)計(jì)，使產(chǎn)品同時(shí)具有功能性和審美性。

一、“污哩8卦” 付費(fèi)問(wèn)答APP界面設(shè)計(jì)

在線付費(fèi)問(wèn)答產(chǎn)品是在知識(shí)共享經(jīng)濟(jì)的背景下產(chǎn)生的，它是一種主要以知識(shí)知識(shí)、智慧、經(jīng)驗(yàn)、技能變現(xiàn)為目的、把人們的現(xiàn)實(shí)社會(huì)關(guān)系延伸到虛擬的網(wǎng)絡(luò)空間的社會(huì)化問(wèn)答。專家的個(gè)性化建議、明星個(gè)人的回答，為知識(shí)付費(fèi)的走紅提供了土壤，他們的回復(fù)網(wǎng)絡(luò)上搜索不到的，這既滿足了人們求知需求、方便了人們的生活，又滿足了人們的八卦欲、增添生活情趣。

（1）界面風(fēng)格

本文基于扁平化元素上，對(duì)傳統(tǒng)商業(yè)化風(fēng)格和具有動(dòng)漫元素的藝術(shù)風(fēng)格進(jìn)行比較分析。兩種風(fēng)格都采用干凈的線條和符號(hào)化的圖標(biāo)，去除繁雜，讓界面看起來(lái)簡(jiǎn)單。因?yàn)閷?duì)系統(tǒng)來(lái)說(shuō)，扁平化的風(fēng)格有更少的按鈕和選項(xiàng)，使UI界面變得更加干凈整齊，簡(jiǎn)單直接地將信息和事物的工作方式展示出來(lái)，所以可以有效減少認(rèn)知障礙的產(chǎn)生，從而帶給用戶更加良好的操作體驗(yàn)。由于產(chǎn)品開(kāi)發(fā)商認(rèn)為只有具有商業(yè)化的手機(jī)界面才能被廣大消費(fèi)者認(rèn)同，所以一般手機(jī)界面都是商業(yè)風(fēng)格十分濃重，藝術(shù)風(fēng)格欠缺，沒(méi)有美感。其實(shí)具有卡通元素的藝術(shù)風(fēng)格，在遇到故障或者是獎(jiǎng)勵(lì)環(huán)節(jié)，都可以利用卡通的形象，討得用戶的喜歡，憨態(tài)可掬的形象無(wú)疑增添了用戶使用感。由于本文“污哩8卦”APP中含有大量的視頻、圖片、直播，而扁平化設(shè)計(jì)的降低功耗、延長(zhǎng)待機(jī)時(shí)間和提高運(yùn)算速度的效果非常適合。

（2）界面布局

通過(guò)視覺(jué)語(yǔ)言掌握各自視覺(jué)信息并且進(jìn)行組合加工。根據(jù)人的視覺(jué)運(yùn)動(dòng)規(guī)律可知：1）水平方向物體先于垂直方向物體；2）習(xí)慣：從下向上、從左向右、順時(shí)針的運(yùn)動(dòng)；3）垂直運(yùn)使眼睛更易疲勞；4）人眼對(duì)四個(gè)象限觀察依次是：左上、右下、左下、右下；5）看簡(jiǎn)單形態(tài)比復(fù)雜形態(tài)更舒適。

根據(jù)人機(jī)工程學(xué)人視覺(jué)運(yùn)動(dòng)規(guī)律，界面布局時(shí)重要信息設(shè)計(jì)在屏幕上半部分，次要信息放于屏幕下半部分，使用扁平化的界面風(fēng)格會(huì)更加放松。“污哩8卦”黃色系列具有商業(yè)風(fēng)格的界面，使用傳統(tǒng)的底部導(dǎo)航；“污哩8卦”藍(lán)色系列具有藝術(shù)風(fēng)格的APP，界面使用了個(gè)人信息側(cè)拉，減少底部導(dǎo)航功能的數(shù)量。如圖：2-6

（3）色彩及圖標(biāo)

色彩

在顏色搭配上，經(jīng)過(guò)一系列符合條件的顏色篩選，最終確定了商業(yè)化風(fēng)格的界面主色使用暖色系的橘色（#ff9933，C：0，M：52，Y：80，K：0），橘色可以體現(xiàn)娛樂(lè)性、社交性較強(qiáng)的問(wèn)答產(chǎn)品的活潑、互動(dòng)感，并且可以達(dá)到吸引用戶，易于推廣的目的。藝術(shù)風(fēng)格的界面使用淡雅的藍(lán)色（#66ccff，C：56，M：5，Y：0，K：0），界面設(shè)計(jì)的理念是傲游在知識(shí)的海洋哩，“污哩8卦”就是海洋中的風(fēng)向塔，引領(lǐng)大家的方向，所以整體的圖形是海洋和風(fēng)向塔構(gòu)成的。同時(shí)，輔助色還有純白色和少許淡藍(lán)色、灰色，簡(jiǎn)潔明了地突出了主題和內(nèi)容，同時(shí)不具有特別的顏色傾向性，與主色調(diào)不會(huì)產(chǎn)生沖突。

圖標(biāo)

啟動(dòng)圖標(biāo)。啟動(dòng)圖標(biāo)體現(xiàn)了APP的功能與氣質(zhì)，影響下載量和點(diǎn)擊率。因此，圖標(biāo)設(shè)計(jì)在界面設(shè)計(jì)中尤為重要。針對(duì)商業(yè)氣息較為濃厚產(chǎn)品來(lái)說(shuō)，由于界面設(shè)計(jì)的非常商業(yè)化，在啟動(dòng)圖標(biāo)的設(shè)計(jì)中就考慮到了與其他產(chǎn)品的差異性，結(jié)合其娛樂(lè)特性使用數(shù)字“8”和耳朵以及香蕉的結(jié)合變形而成，具有趣味性和特色。如圖2-8所示。另一款藝術(shù)風(fēng)格顯著的產(chǎn)品，啟動(dòng)界面采用簡(jiǎn)單易識(shí)的理念，根據(jù)產(chǎn)品的類型“問(wèn)答”進(jìn)行分析，決定采用“答”作為啟動(dòng)圖標(biāo)的設(shè)計(jì)方向，對(duì)“答”下面的“口”字進(jìn)行象形變形，根據(jù)“問(wèn)答框”的造型設(shè)計(jì)而來(lái)，簡(jiǎn)單明了。

“污哩8卦”功能圖標(biāo)設(shè)計(jì)原則是便于用戶理解為基礎(chǔ)，盡可能形象、簡(jiǎn)潔、以準(zhǔn)確表達(dá)其代表的功能。本文以主界面中下方table欄5個(gè)圖標(biāo)為例，選用最常用的設(shè)計(jì)方法，字面表意聯(lián)想法。

筆者總結(jié)交互設(shè)計(jì)應(yīng)用視覺(jué)界面中圖標(biāo)的設(shè)計(jì)：

1.易識(shí)別。圖標(biāo)內(nèi)容表達(dá)清晰，沒(méi)有過(guò)多元素。

2.統(tǒng)一性。元素表達(dá)具有一致性和連續(xù)性。

3.圖標(biāo)風(fēng)格定制化。了解目標(biāo)用戶的認(rèn)知特點(diǎn)和審美趣味后再進(jìn)行設(shè)計(jì)。

4.構(gòu)筑合理的隱喻。使用戶迅速識(shí)別各個(gè)應(yīng)用程序。

5.設(shè)計(jì)的規(guī)范。圖標(biāo)中圖形的設(shè)計(jì)要盡量飽滿，充分利用圖標(biāo)的有限空間。

二、設(shè)計(jì)研究總結(jié)

結(jié)合“污哩8卦” APP界面設(shè)計(jì)的實(shí)踐得出以下結(jié)論：

1.信息資源十分寶貴，人們支持知識(shí)付費(fèi)模式支。

2. 未來(lái)移動(dòng)設(shè)備發(fā)展趨勢(shì)是智能化操作如語(yǔ)音問(wèn)答、面對(duì)面直播等，步驟簡(jiǎn)單、過(guò)程流暢。

3.APP界面設(shè)計(jì)應(yīng)該考慮所處社會(huì)、觀念、文化、用戶習(xí)慣等，使用簡(jiǎn)練的視覺(jué)語(yǔ)言，不斷創(chuàng)作出符合自身特性的產(chǎn)品。

“污哩8卦”APP，在開(kāi)發(fā)的數(shù)月中，讓我明白一切設(shè)計(jì)研究的展開(kāi)都要以人為主，由于獲得研究時(shí)間和研究對(duì)象的局限性，存在著樣本數(shù)量較低，研究不夠深入等問(wèn)題。在以后的工作中我會(huì)更加努力。