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

陳鵬

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

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

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

一、“污哩8卦” 付費問答APP界面設(shè)計

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

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

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

（2）界面布局

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

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

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

色彩

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

圖標(biāo)

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

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

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

1.易識別。圖標(biāo)內(nèi)容表達清晰，沒有過多元素。

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

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

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

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

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

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

1.信息資源十分寶貴，人們支持知識付費模式支。

2. 未來移動設(shè)備發(fā)展趨勢是智能化操作如語音問答、面對面直播等，步驟簡單、過程流暢。

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

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