APP設(shè)計(jì)的信息可視化!人機(jī)界面交互
文/王軍 手機(jī)APP界面為信息可視化提供更為有趣的交互體驗(yàn),信息可視化也為手機(jī)APP界面提供了更為優(yōu)良的視覺呈現(xiàn)效果和傳播形式。在進(jìn)行手機(jī)APP界面設(shè)計(jì)時,為了能更加有效及時的傳達(dá)準(zhǔn)確信息,將信息數(shù)據(jù)恰當(dāng)合理的轉(zhuǎn)化為具有代表性的視覺元素符號是非常必要的。

在手機(jī)APP界面信息可視化設(shè)計(jì)時,要以大眾用戶容易讀懂且熟悉的視覺元素來表現(xiàn)信息數(shù)據(jù),利用視覺圖形元素對信息數(shù)據(jù)以及其邏輯關(guān)系進(jìn)行準(zhǔn)確和具體的視覺轉(zhuǎn)化設(shè)計(jì)。

在視覺轉(zhuǎn)化的過程中需要在保證信息準(zhǔn)確表轉(zhuǎn)化傳達(dá)的基礎(chǔ)上,根據(jù)APP的特點(diǎn)對視覺元素進(jìn)行更有趣的優(yōu)化,使界面視覺上有其獨(dú)特的趣味和精致的魅力。


將主要核心信息直觀的呈現(xiàn)在手機(jī)APP界面上是信息可視化有效傳達(dá)信息的關(guān)鍵。為了用戶能通過手機(jī)P界面第一時間注意到自身真正需要的目標(biāo)信息:

①應(yīng)該篩選原始信息數(shù)據(jù)。在進(jìn)行手機(jī)APP界面信息可視化設(shè)計(jì)之前,應(yīng)當(dāng)通過各種方式的調(diào)研并充分了解手機(jī)APP的使用受眾和使用環(huán)境,還需從手機(jī)用戶的基礎(chǔ)情況、年齡層、喜好以及使用APP的實(shí)際目的等這些問題出發(fā),把握手機(jī)APP用戶的需求,提煉出主要信息、次要信息以及詳情說明三大類。

②有針對性的對手機(jī)APP圖形圖標(biāo)進(jìn)行合理的簡化,在手機(jī)APP界面信息傳播中,過于復(fù)雜多余的色彩和圖形元素會干擾用戶對于主要信息數(shù)據(jù)及其之間關(guān)系的獲取和了解,從而分散了受眾用戶獲取信息的注意力和精力。人機(jī)工程學(xué)的角度:一般情況下,用戶在某一界面中僅能記住三個左右的視覺元素。

因此,進(jìn)行手機(jī)APP界面信息可視化設(shè)計(jì)實(shí)踐時,一方面應(yīng)該對所有的信息數(shù)據(jù)進(jìn)行篩選,整理信息數(shù)據(jù)之間的邏輯主次關(guān)系以及構(gòu)建手機(jī)APP界面的主次視覺布局‘另一方面,在不影響用戶獲取信息和使用的前提下,盡可能恰當(dāng)合理的對界面中的視覺符號和元素進(jìn)行簡化。


將信息進(jìn)行篩選并按照信息的不同情況分為主要信息、次要信息和詳細(xì)信息三大類之后,應(yīng)該對應(yīng)篩選出來的信息主次邏輯關(guān)系構(gòu)建手機(jī)獲取界面的層級關(guān)系。在手機(jī)獲取界面各層級分層中依據(jù)整體信息數(shù)據(jù)的之間的主次邏輯關(guān)系分別設(shè)置第一層級界面、第二層級界面以及第三層級界面。

①第一層級的手機(jī)APP界面中應(yīng)向受眾用戶傳播呈現(xiàn)出整體的信息數(shù)據(jù)邏輯關(guān)系,以便用戶快速掌握了解手機(jī)app界面中信息傳播形式和該APP的核心功能。

②接下來用戶通過自主需求點(diǎn)擊操作進(jìn)入到第二層級的手機(jī)APP界面中,實(shí)現(xiàn)手機(jī)APP各層級界面之間的邏輯跳轉(zhuǎn)。
③第三層級界面的信息數(shù)據(jù)應(yīng)當(dāng)是通過受眾用戶在第二層級界面中選擇的某類信息進(jìn)行詳細(xì)呈現(xiàn),以及對該類信息中內(nèi)部信息之間的邏輯關(guān)系進(jìn)行可視化呈現(xiàn)。


用戶在操作手機(jī)APP界面時,會在潛意識中運(yùn)用記憶和以往的操作經(jīng)驗(yàn),由于用戶潛意識會將過去的經(jīng)驗(yàn)運(yùn)用于新的操作界面當(dāng)中,因此順應(yīng)用戶的經(jīng)驗(yàn)和使用習(xí)慣是手機(jī)APP界面信息可視化的基礎(chǔ)。

界面信息可視化的基礎(chǔ)視覺圖標(biāo)要盡量運(yùn)用人們熟知的符號和圖標(biāo),應(yīng)該盡可能的去尊重用戶的已經(jīng)完全固化視覺思考判斷習(xí)慣,對于一些已有且固化的視覺圖形圖標(biāo)進(jìn)行反復(fù)巧妙的使用,正確幫助受眾用戶盡可能輕松容易的獲取信息和使用數(shù)據(jù),降低用戶獲取信息數(shù)據(jù)的時間成本和自身精力。


色彩幾乎是所有設(shè)計(jì)體系中不可忽略的組成部分,而在手機(jī)APP界面的信息可視化設(shè)計(jì)中,色彩能夠通過創(chuàng)造視覺焦點(diǎn),影響受眾的情緒,甚至引導(dǎo)受眾操作界面的行為。

色彩的象征性的作用是最不容忽視的,不同的色彩在不同類型的手機(jī)APP界面中都有著其不同的含義及意義,一個成功的APP界面視覺設(shè)計(jì)會有一套統(tǒng)一的色彩應(yīng)用體系,并讓用戶在潛移默化中將其認(rèn)定為該APP的代表色。

例如:微信綠、支付寶藍(lán)、天貓色、淘寶橙等。因此我們需要把握界面信息與色彩的統(tǒng)一。在界面色彩風(fēng)格統(tǒng)一的同時,也應(yīng)考慮信息圖形符號與色彩之間相互對應(yīng)的象征性關(guān)系。在色彩應(yīng)用時,如果需要區(qū)別相對細(xì)小的視覺圖形圖標(biāo),就應(yīng)該相應(yīng)的增強(qiáng)該圖形圖標(biāo)與手機(jī)APP界面背景顔色之間的對比。


從某種程度增強(qiáng)手機(jī)APP界面與其用戶之間的交互體驗(yàn)質(zhì)量是提高手機(jī)APP界面實(shí)用度和易用度的關(guān)鍵所在之一。手機(jī)界面為用戶提供了滑動、伸縮、點(diǎn)擊等多種交互式界面操作體驗(yàn),這對手機(jī)用戶來說是直觀容易的、甚至是輕松有趣的。

為了幫助手機(jī)用戶簡單順利地進(jìn)行手機(jī)APP界面信息的獲取、享受與界面信息之間交互的樂趣,以及快速熟悉的對手機(jī)APP界面進(jìn)行操作,應(yīng)該在手機(jī)APP界面中以實(shí)例操作演示、溫馨提示、推廣等方式提供相應(yīng)的可視化引導(dǎo)和幫助圖。

例如:標(biāo)圖放大閃爍、彈出可視化引導(dǎo)界面等等,以此向手機(jī)用戶傳達(dá)手機(jī)APP界面的操作方法和界面特點(diǎn)優(yōu)勢。如果當(dāng)受眾用戶在實(shí)時操作中出現(xiàn)常規(guī)的操作錯誤和遇到特殊的使用阻礙時,也應(yīng)在界面適當(dāng)位置設(shè)計(jì)出可供幫助的視覺圖標(biāo),用戶通過操作點(diǎn)擊的方式就能獲取相應(yīng)的幫助和引導(dǎo)性說明,以減輕手機(jī)用戶由于操作失誤而產(chǎn)生的負(fù)面情緒。
