移動APP自然化用戶界面設(shè)計

劉　暢　（武漢理工大學(xué)　430070）

移動APP自然化用戶界面設(shè)計

劉暢（武漢理工大學(xué)430070）

通過對自然用戶界面范式理論的研究，分析移動應(yīng)用興起的原因，總結(jié)出移動交互界面設(shè)計的五大基本原則。對現(xiàn)在盛行的移動范式應(yīng)用進行分析。

移動應(yīng)用；用戶界面；交互設(shè)計；APP

近年來，移動應(yīng)用已經(jīng)進入了全民下載，使用APP的階段。人們的生活和學(xué)習(xí)幾乎離不開移動應(yīng)用的便捷支持。因特網(wǎng)已經(jīng)與人類方方面面高度契合，所有的線下服務(wù)基本都已經(jīng)可以通過互聯(lián)網(wǎng)實現(xiàn)交易。移動APP是為了滿足用戶在移動互聯(lián)網(wǎng)中的各種需求而興起。然而電腦端也逐漸被移動端所取代，這也是時代發(fā)展的需要。2014年移動應(yīng)用下載量正式超過PC端，移動應(yīng)用設(shè)計的使用需求將繼續(xù)增長。

一、移動APP的商業(yè)模式分析

如今，移動互聯(lián)網(wǎng)的商業(yè)模式也逐漸健全起來。通過模擬真實的場景進而分析各個類型的用戶，找準(zhǔn)用戶的痛點以挖掘精準(zhǔn)而又真實的用戶需求，提供專業(yè)的服務(wù)和良好的交互體驗。最終吸引大量的用戶，用戶量達(dá)到一定的數(shù)量和規(guī)模就能轉(zhuǎn)化成為更大目標(biāo)服務(wù)的潛在客戶人群。移動應(yīng)用中的廣告投資就是移動APP中主要的收入之一，如移動應(yīng)用中隨處可見的植入廣告和品牌推廣。此外，最為直接、快捷的收入來源就是移動APP中提供的增值服務(wù)部分。比如，電子商務(wù)，游戲和會員充值。移動游戲應(yīng)用中，玩家需要充值購買虛擬貨幣，再將其轉(zhuǎn)換成各種游戲道具，以獲得便捷的勝利和更加真實可感的交互體驗。

二、自然用戶界面設(shè)計原則

自然化用戶交互界面（Natural user interface）是移動范式發(fā)展過程中的第三個階段。前兩種階段分別是命令行交互界面和圖形化用戶交互界面。NUI是根據(jù)傳統(tǒng)的人類本能的交互模式。所有交互方式都是學(xué)習(xí)成本極低，非常容易識記。例如五種感官知覺、運動和反思功能，如傳達(dá)、大腦制作加工信息和識記。人類能夠通過手勢、表情、運動，從而觀察與操作物理客體來探索世界。人們力求達(dá)到模擬真實世界中自然、流暢、真實的體驗感和互動感。自然用戶界面是一種新的建筑美學(xué)，關(guān)于如何在物理空間伴隨人類感官，遷移計算到真實世界、創(chuàng)建沉浸式體驗。

1.過程美學(xué)原則

圖形化用戶交互界面體驗關(guān)注和追求用戶任務(wù)的完成，NUI體驗關(guān)注的是任務(wù)完成過程中的愉悅。NUI體驗的美感來自于交互過程，所以它不僅僅只限于完成任務(wù)。例如，2015年被APP store評為“年度最美的游戲”的移動APP是“驚夢”。創(chuàng)作來源于中國古典愛情故事《西廂記》，畫面也延續(xù)著中國古風(fēng)動畫的風(fēng)格。玩家游戲時，通過“滑動屏幕”手勢可以實現(xiàn)換膚功能從而改變“四季”風(fēng)景和角色服裝。觀看到的每一幀畫面都非常精美，主人公設(shè)定嚴(yán)格遵循故事人物中的身份，服飾，和動作。讓玩家身臨其境，流連忘返猶如穿越到了元代大都。

2.直接操作原則

自然化界面能夠?qū)崿F(xiàn)用戶和信息直接進行交互。觸摸屏幕和手勢操作讓用戶的體驗感更加直接和愉悅。現(xiàn)在的移動電子設(shè)備的屏幕幾乎采用電容屏幕甚至市場最新的透明屏幕。這種屏幕的“點擊-反饋”速度較快，屏幕分辨率基本在1080p以上的高清水準(zhǔn)。用戶能夠直觀的與移動設(shè)備進行無障礙的交互。

3.交互疊藏原則

界面中往往有許多繁復(fù)的信息選項及命令，好的NUI更傾向于使用“交互疊藏”（scaffolding）的方法確保只向用戶展示一部分有效的信息。這更多的是一種暗示，讓用戶明白這些交互是如何而來，幫助他們以更為自然的方式接受新功能。豐富有趣的疊藏動效也是提升用戶體驗樂趣的手段。此外，這也是一種減少點擊操作和降低認(rèn)知成本的有效方式。交互式疊藏更多的是應(yīng)用在交互式界面布局中。常用的移動界面設(shè)計中導(dǎo)航的方式各種各樣，有頂端式導(dǎo)航，卡片瀑布流，側(cè)邊導(dǎo)航和抽屜式導(dǎo)航。通過側(cè)滑操作的抽屜式導(dǎo)航，一般應(yīng)用于隱藏在較深層級架構(gòu)的“個人”或者“后臺”界面。一鍵側(cè)滑即可實現(xiàn)深層設(shè)置，對于用戶來說，減少了“點擊-進入-點擊”的枯燥感，這種交互手勢更加直接、便捷。

4.超真實原則

與GUI將信息整合成無數(shù)個頁面不同的是，NUI將信息從計算機邏輯轉(zhuǎn)化成更為靈活的世界。蘋果公司率先設(shè)計的手勢操作，仿佛人真正融入進了整個應(yīng)用之中，可以任意控制，直接操作。甚至不需要任何操作說明進行引導(dǎo)。例如雙擊選中進入，滑動解鎖，手指捏合放大縮小。百度地圖、高德地圖和Google Earth等地圖類應(yīng)用軟件中，用戶只需在屏幕上手指滑動，捏合就能實現(xiàn)改變比例尺，查看地點，周圍信息等功能。近年來，移動打車APP發(fā)展迅速，這類應(yīng)用是基于LBS和GPS技術(shù)實時定位，成功得連接了線上應(yīng)用和線下服務(wù)，解決了長久以來用戶打車遇到的位置描述不清的問題。移動APP越來越強調(diào)沉浸式的體驗，頁面和頁面之間切換也需要更加的流暢，轉(zhuǎn)場動效需要更加的極致和平滑。

5.無縫原則

GUI系統(tǒng)需要鍵盤和鼠標(biāo)作為計算機交互的工具。觸摸屏，內(nèi)置感應(yīng)器以及支持手勢操作識別的用戶界面可以使用戶與NUI界面直接交互，從而減少交互過程中的障礙。現(xiàn)在深受投資人青睞的AR技術(shù)達(dá)到了硬件與軟件之間的無縫連接。依托硬件操作系統(tǒng)以及顯示方式，隨時誰地的操作。這就給用戶節(jié)約了大量的時間和空間資源。AR技術(shù)不僅可以應(yīng)用于娛樂產(chǎn)業(yè)，更有可能在教育、醫(yī)療、公共服務(wù)以及交通等方面推廣應(yīng)用。現(xiàn)在全面投入游戲市場的HTC VIVE硬件系列，配套的一系列增強現(xiàn)實游戲幾乎實現(xiàn)了用戶沉浸體驗和產(chǎn)品界面無縫切換原則。

三、結(jié)語

目前，界面設(shè)計正處于自然用戶界面階段，而這一的階段必將是一個較為漫長的過程。之后，就是一個全新的，代表著人機智能有了較高發(fā)展水平的階段：有機化用戶界面。世界各國在科技和產(chǎn)業(yè)發(fā)展的諸多領(lǐng)域?qū)υ摪l(fā)展方向的需求都十分強烈。移動應(yīng)用的交互設(shè)計應(yīng)當(dāng)遵循以上五大設(shè)計原則，才能有更加人性化、自然化，符合“以人為本”的設(shè)計理念。與其他任何設(shè)計都有其相應(yīng)的原則一樣，未來移動應(yīng)用交互設(shè)計會更加為人類的進步而服務(wù)，從而使用戶獲得更好的使用體驗。

[1]RachelHinman，熊子川，李滿海 譯.移動互聯(lián)：用戶體驗設(shè)計指南[M].清華大學(xué)出版社，2013.

[2]DanielWigdor，DennisWixon，季罡 譯.自然用戶界面設(shè)計：NUI的經(jīng)驗教訓(xùn)與設(shè)計原則[M].人民郵電出版社，2012.

[3]Giles Colborne.簡約至上-交互式設(shè)計策略[M].人民郵電出版社，2012.

[4]李四達(dá).數(shù)字媒體藝術(shù)概論（第二版）[M].清華大學(xué)出版社，2012.

劉暢，碩士研究生在讀，單位：武漢理工大學(xué)藝術(shù)與設(shè)計學(xué)院研究方向：信息與交互設(shè)計方向。