文/王軍 手機(jī)APP界面為信息可視化提供更為有趣的交互體驗(yàn)，信息可視化也為手機(jī)APP界面提供了更為優(yōu)良的視覺(jué)呈現(xiàn)效果和傳播形式。在進(jìn)行手機(jī)APP界面設(shè)計(jì)時(shí)，為了能更加有效及時(shí)的傳達(dá)準(zhǔn)確信息，將信息數(shù)據(jù)恰當(dāng)合理的轉(zhuǎn)化為具有代表性的視覺(jué)元素符號(hào)是非常必要的。
在手機(jī)APP界面信息可視化設(shè)計(jì)時(shí)，要以大眾用戶容易讀懂且熟悉的視覺(jué)元素來(lái)表現(xiàn)信息數(shù)據(jù)，利用視覺(jué)圖形元素對(duì)信息數(shù)據(jù)以及其邏輯關(guān)系進(jìn)行準(zhǔn)確和具體的視覺(jué)轉(zhuǎn)化設(shè)計(jì)。
在視覺(jué)轉(zhuǎn)化的過(guò)程中需要在保證信息準(zhǔn)確表轉(zhuǎn)化傳達(dá)的基礎(chǔ)上，根據(jù)APP的特點(diǎn)對(duì)視覺(jué)元素進(jìn)行更有趣的優(yōu)化，使界面視覺(jué)上有其獨(dú)特的趣味和精致的魅力。
將主要核心信息直觀的呈現(xiàn)在手機(jī)APP界面上是信息可視化有效傳達(dá)信息的關(guān)鍵。為了用戶能通過(guò)手機(jī)P界面第一時(shí)間注意到自身真正需要的目標(biāo)信息：
①應(yīng)該篩選原始信息數(shù)據(jù)。在進(jìn)行手機(jī)APP界面信息可視化設(shè)計(jì)之前，應(yīng)當(dāng)通過(guò)各種方式的調(diào)研并充分了解手機(jī)APP的使用受眾和使用環(huán)境，還需從手機(jī)用戶的基礎(chǔ)情況、年齡層、喜好以及使用APP的實(shí)際目的等這些問(wèn)題出發(fā)，把握手機(jī)APP用戶的需求，提煉出主要信息、次要信息以及詳情說(shuō)明三大類。
②有針對(duì)性的對(duì)手機(jī)APP圖形圖標(biāo)進(jìn)行合理的簡(jiǎn)化，在手機(jī)APP界面信息傳播中，過(guò)于復(fù)雜多余的色彩和圖形元素會(huì)干擾用戶對(duì)于主要信息數(shù)據(jù)及其之間關(guān)系的獲取和了解，從而分散了受眾用戶獲取信息的注意力和精力。人機(jī)工程學(xué)的角度：一般情況下，用戶在某一界面中僅能記住三個(gè)左右的視覺(jué)元素。
因此，進(jìn)行手機(jī)APP界面信息可視化設(shè)計(jì)實(shí)踐時(shí)，一方面應(yīng)該對(duì)所有的信息數(shù)據(jù)進(jìn)行篩選，整理信息數(shù)據(jù)之間的邏輯主次關(guān)系以及構(gòu)建手機(jī)APP界面的主次視覺(jué)布局‘另一方面，在不影響用戶獲取信息和使用的前提下，盡可能恰當(dāng)合理的對(duì)界面中的視覺(jué)符號(hào)和元素進(jìn)行簡(jiǎn)化。
將信息進(jìn)行篩選并按照信息的不同情況分為主要信息、次要信息和詳細(xì)信息三大類之后，應(yīng)該對(duì)應(yīng)篩選出來(lái)的信息主次邏輯關(guān)系構(gòu)建手機(jī)獲取界面的層級(jí)關(guān)系。在手機(jī)獲取界面各層級(jí)分層中依據(jù)整體信息數(shù)據(jù)的之間的主次邏輯關(guān)系分別設(shè)置第一層級(jí)界面、第二層級(jí)界面以及第三層級(jí)界面。
①第一層級(jí)的手機(jī)APP界面中應(yīng)向受眾用戶傳播呈現(xiàn)出整體的信息數(shù)據(jù)邏輯關(guān)系，以便用戶快速掌握了解手機(jī)app界面中信息傳播形式和該APP的核心功能。
②接下來(lái)用戶通過(guò)自主需求點(diǎn)擊操作進(jìn)入到第二層級(jí)的手機(jī)APP界面中，實(shí)現(xiàn)手機(jī)APP各層級(jí)界面之間的邏輯跳轉(zhuǎn)。
③第三層級(jí)界面的信息數(shù)據(jù)應(yīng)當(dāng)是通過(guò)受眾用戶在第二層級(jí)界面中選擇的某類信息進(jìn)行詳細(xì)呈現(xiàn)，以及對(duì)該類信息中內(nèi)部信息之間的邏輯關(guān)系進(jìn)行可視化呈現(xiàn)。
用戶在操作手機(jī)APP界面時(shí)，會(huì)在潛意識(shí)中運(yùn)用記憶和以往的操作經(jīng)驗(yàn)，由于用戶潛意識(shí)會(huì)將過(guò)去的經(jīng)驗(yàn)運(yùn)用于新的操作界面當(dāng)中，因此順應(yīng)用戶的經(jīng)驗(yàn)和使用習(xí)慣是手機(jī)APP界面信息可視化的基礎(chǔ)。
界面信息可視化的基礎(chǔ)視覺(jué)圖標(biāo)要盡量運(yùn)用人們熟知的符號(hào)和圖標(biāo)，應(yīng)該盡可能的去尊重用戶的已經(jīng)完全固化視覺(jué)思考判斷習(xí)慣，對(duì)于一些已有且固化的視覺(jué)圖形圖標(biāo)進(jìn)行反復(fù)巧妙的使用，正確幫助受眾用戶盡可能輕松容易的獲取信息和使用數(shù)據(jù)，降低用戶獲取信息數(shù)據(jù)的時(shí)間成本和自身精力。
色彩幾乎是所有設(shè)計(jì)體系中不可忽略的組成部分，而在手機(jī)APP界面的信息可視化設(shè)計(jì)中，色彩能夠通過(guò)創(chuàng)造視覺(jué)焦點(diǎn)，影響受眾的情緒，甚至引導(dǎo)受眾操作界面的行為。
色彩的象征性的作用是最不容忽視的，不同的色彩在不同類型的手機(jī)APP界面中都有著其不同的含義及意義，一個(gè)成功的APP界面視覺(jué)設(shè)計(jì)會(huì)有一套統(tǒng)一的色彩應(yīng)用體系，并讓用戶在潛移默化中將其認(rèn)定為該APP的代表色。
例如：微信綠、支付寶藍(lán)、天貓色、淘寶橙等。因此我們需要把握界面信息與色彩的統(tǒng)一。在界面色彩風(fēng)格統(tǒng)一的同時(shí)，也應(yīng)考慮信息圖形符號(hào)與色彩之間相互對(duì)應(yīng)的象征性關(guān)系。在色彩應(yīng)用時(shí)，如果需要區(qū)別相對(duì)細(xì)小的視覺(jué)圖形圖標(biāo)，就應(yīng)該相應(yīng)的增強(qiáng)該圖形圖標(biāo)與手機(jī)APP界面背景顔色之間的對(duì)比。
從某種程度增強(qiáng)手機(jī)APP界面與其用戶之間的交互體驗(yàn)質(zhì)量是提高手機(jī)APP界面實(shí)用度和易用度的關(guān)鍵所在之一。手機(jī)界面為用戶提供了滑動(dòng)、伸縮、點(diǎn)擊等多種交互式界面操作體驗(yàn)，這對(duì)手機(jī)用戶來(lái)說(shuō)是直觀容易的、甚至是輕松有趣的。
為了幫助手機(jī)用戶簡(jiǎn)單順利地進(jìn)行手機(jī)APP界面信息的獲取、享受與界面信息之間交互的樂(lè)趣，以及快速熟悉的對(duì)手機(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)勢(shì)。如果當(dāng)受眾用戶在實(shí)時(shí)操作中出現(xiàn)常規(guī)的操作錯(cuò)誤和遇到特殊的使用阻礙時(shí)，也應(yīng)在界面適當(dāng)位置設(shè)計(jì)出可供幫助的視覺(jué)圖標(biāo)，用戶通過(guò)操作點(diǎn)擊的方式就能獲取相應(yīng)的幫助和引導(dǎo)性說(shuō)明，以減輕手機(jī)用戶由于操作失誤而產(chǎn)生的負(fù)面情緒。
（此處已添加圈子卡片，請(qǐng)到今日頭條客戶端查看）
① 官方頭條號(hào)：設(shè)計(jì)智造 頂級(jí)創(chuàng)意設(shè)計(jì)師必備
② 本篇為 設(shè)計(jì)智造www.cocoo.top 編輯整理，版權(quán)歸原作者所有，轉(zhuǎn)載請(qǐng)注明出處！
版權(quán)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請(qǐng)發(fā)送郵件至 舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。