代婧　黃智宇

摘要：隨著移動互聯(lián)網(wǎng)時代的到來，各種移動智能設備正在占據(jù)著我們的工作和生活，以人為中心的用戶體驗設計在國內(nèi)外設計界飛速發(fā)展；在眾多APP的設計中，用戶體驗逐漸成為貫穿整個設計的主線，保持設計的一致性可以讓用戶感到易用與舒適并提升用戶體驗，這成為決定用戶滿意度與忠誠度的關鍵性因素。本文將從視覺設計、交互設計和產(chǎn)品迭代三個方面來探討APP用戶體驗設計中的一致性原則。

關鍵詞：APP設計 用戶體驗 一致性理論

中圖分類號：TB472 文獻標識tR：A

文章編號：1003-0069（2018）04-0131-03

引言

手機APP的設計，從最初對設備功能性和操作流程的考慮，發(fā)展至今逐漸趨向?qū)θ说那楦行枨蠛托睦硖卣鞯难芯浚脩趔w驗成為了移動端APP價值衡量的新標準。因此，本文從一致性的角度對手機APP的用戶體驗設計進行了探究。

一、對一致性的闡述

早在傳統(tǒng)的計算機軟件開發(fā)行業(yè)，Ben Shneiderman在《Designing the User Interface》一書中就提到了：一致性主要是指應用程序中的通用操作序列、術語、組件、布局、顏色、排版樣式等的統(tǒng)一。

APP的產(chǎn)品會不斷迭代更新，但是所有升級的基礎都應該基于一致性的原則，這不是一味地復制抄襲并固定的統(tǒng)一標準，而是縝密的一致性原則——在設計的過程中非常關注用戶以往的使用經(jīng)驗以及產(chǎn)品本身邏輯上的匹配，但同時也注意保持產(chǎn)品對用戶的吸引力。優(yōu)秀的APP在達到設計的一致性后，一方面能夠提升團隊協(xié)作的效率，讓各個部門的工作在已有的框架下進行，而不會偏離產(chǎn)品，另一方面也能夠在用戶心中快速建立一個精準的心智模型，有效地降低用戶的學習成本，提升產(chǎn)品的使用體驗。不難發(fā)現(xiàn)，優(yōu)秀的APP能夠在眾多競品中贏得用戶的滿意度與忠誠度最基本的一個原則便是保持一致性。

二、手機APP的用戶體驗要素

Jesse James Garrett提出了用戶體驗要素的五個層面，包括表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層和戰(zhàn)略層。表現(xiàn)層指視覺設計，包含有屏的產(chǎn)品操作系統(tǒng)視覺和產(chǎn)品外觀視覺或最終產(chǎn)品的外觀；框架層指信息架構(gòu)設計，即搭建產(chǎn)品的骨架，包括將信息分級分類，對應信息空間方面來說，這種界面就是屏幕上的一些元素的組合，允許用戶在信息架構(gòu)中穿行；結(jié)構(gòu)層從范圍轉(zhuǎn)變成系統(tǒng)如何響應用戶的請求，在信息空間方面，結(jié)構(gòu)層則是信息空間中內(nèi)容元素的分布；范圍層指對產(chǎn)品實現(xiàn)功能組合的各種內(nèi)容元素的要求詳細描述；戰(zhàn)略層指與來自外部的用戶需求相對應的企業(yè)內(nèi)部對產(chǎn)品的期望目標。

現(xiàn)階段，手機APP的設計總流程可以分為視覺設計、交互設計和產(chǎn)品迭代，分別對應了用戶體驗的表現(xiàn)層、框架層和結(jié)構(gòu)層、范圍層和戰(zhàn)略層。本文將從這三個方面探討APP用戶體驗設計的一致性。

三、視覺設計的一致性

手機APP中的視覺界面是直接聯(lián)系用戶的重要媒介，也能給予用戶最直觀的感受，視覺界面能夠直接影響用戶對產(chǎn)品的心理印象，視覺的一致性主要體現(xiàn)在APP界面的風格、布局、色彩、文字這四個方面。

（一）風格統(tǒng)一

界面風格即產(chǎn)品的格調(diào)，是指APP通過色彩的搭配、版式的編排等呈現(xiàn)出的一種整體視覺感受，常見的APP風格有三類：擬物化設計風格（Skeuomorphism Design）、材質(zhì)化設計風格（Material Design）、扁平化設計風格（Flat Design），界面風格的設計往往是手機APP視覺設計的第一步，無論決定使用什么樣的設計風格，整體的界面都應該一致性地貫徹始終，如果界面中各個頁面或元素的風格都無法統(tǒng)一，只會讓用戶產(chǎn)生粗制濫造的印象，對用戶體驗帶來負面影響。

（二）布局一致

布局即界面中的版式編排，指不同的元素、控件及功能模塊等在界面中的排列效果，在視覺設計中應保持一致的編排邏輯與法則，避免出現(xiàn)多種對齊、分布方式而造成視覺上的混亂。（如圖1），相比滴滴出行的確認呼叫頁面中文字居左按鈕和標題居中的布局，Uber優(yōu)步的打車確認頁面整體更加穩(wěn)定，一致性的中心對稱經(jīng)過了設計的推敲，無論是按鈕還是文字都在頁面中得到了和諧統(tǒng)一。

（三）色彩規(guī)范

優(yōu)秀的APP往往都有一套規(guī)范的配色方案，通常會規(guī)定在界面中各個按鈕、文字、背景等視覺元素的準確色值。這樣規(guī)范的好處是保證團隊協(xié)作由不同設計師完成方案都能展現(xiàn)一致的視覺色彩效果，在提高設計效率的基礎上也強化了APP的視覺記憶性。

在圖形界面的視覺設計中，按重要性和吸引力來看，可以將色彩分為主色、輔助色和背景色。主色往往是產(chǎn)品的品牌色或代表色，例如滴滴出行應用于品牌logo和界面中文字和圖形按鈕統(tǒng)一的橘色主色；輔助色是點綴界面的顏色，通常是提示氣泡或圖標的顏色，它們在界面中所占比例不大，但可以活躍界面的氣氛。優(yōu)秀的APP往往都有一套規(guī)范的配色方案，通常會規(guī)定產(chǎn)品的主色、輔助色和背景色，以及在界面中各個按鈕、文字、圖標等視覺元素的準確色值。這樣規(guī)范的好處是保證團隊協(xié)作由不同設計師完成方案都能展現(xiàn)一致的視覺色彩效果，在充分提高設計效率的基礎上也強化了APP的視覺記憶性。

（四）文字規(guī)范

APP中文字的形式應保持一致性的原則，文字的形式是指字體、字號、字重等表現(xiàn)樣式，設計時應該同配色方案一樣建立一套文字規(guī)范，避免一款APP中出現(xiàn)多種字體及大小不一的字號。另外，文字內(nèi)容也應保持邏輯的一致性，“確定”對應“取消”，“是”對應“否”，嚴謹?shù)谋硎鼍筒粫o用戶帶來困擾。（如圖2），滴滴出行與Uber優(yōu)步作為打車軟件，輸入目的地與出發(fā)地的操作是APP的重要功能之一，然而在文字表述上，兩款業(yè)內(nèi)具有代表性的軟件都出現(xiàn)了不一致的表達，滴滴出行的“輸入出發(fā)地”并不能良好地對應到“你要去哪兒”，一致性的文字表達應當是“輸入出發(fā)地”對應“輸入目的地”，或者“你從哪兒來”對應“你要去哪”，Uber優(yōu)步的輸入框中“您”和“你”的文字表述也并不具有良好的一致性，雖然這些細微的差別并不影響產(chǎn)品的功能，但會降低產(chǎn)品的設計品質(zhì)，最終將會影響產(chǎn)品在用戶心中的良好形象。

四、交互設計的一致性

依據(jù)Jon Kolko在《交互設計沉思錄》中的定義：“交互設計，指在人與產(chǎn)品、服務或系統(tǒng)之間創(chuàng)建的一系列對話（Dialogue）”，可以看出交互的本質(zhì)是一系列對話，而產(chǎn)生對話行為必定包含兩個或兩個以上的“人”之間的談話。在APP中的交互行為則可以理解為用戶與手機的“對話”，這種對話包含用戶對手機的操作，以及手機對用戶操作的反饋，我們可以對此進行一致性設計原則的探究。

（一）操作方式

用戶是交互的發(fā)起者，通過一系列的操作行為與APP產(chǎn)生“對話”，以期達到用戶的使用目標。面對相同的功能目標時讓用戶的操作方式保持一致，不僅可以使用戶更流暢地使用產(chǎn)品，而且能夠降低學習成本，不會帶來困擾和迷茫。（如圖3），在滴滴出行l(wèi)Os移動端中，順風車與試駕頁面中都有切換乘客與車主的功能，然而順風車頁面的切換方式是在標簽導航下方點擊滑動切換，試駕頁面的切換方式卻是在頁面右下角的懸浮按鈕點擊切換，相同的切換目的，卻在同一版本的產(chǎn)品中出現(xiàn)了兩種不同的操作方式，對于用戶理解和使用產(chǎn)品是不友好的，在交互設計中應避免這樣的情況發(fā)生。

（二）操作反饋

用戶的每一次操作都應該立刻得到可見的友好反饋，若沒有操作反饋，則不能形成用戶與APP的“對話”，也就無從說起交互，APP產(chǎn)品將失去生命力。保持用戶的操作與其預期的反饋一致這一點很重要，這是連貫地形成“對話”的必要條件。設計師可以通過氣泡狀提示、彈出框、聲音、震動等方式給予用戶操作反饋，使他們更高效地達成目標，即使出現(xiàn)操作失誤也應當有錯誤提示反饋并提供解決方案。

五、產(chǎn)品迭代的一致性

APP產(chǎn)品迭代更多的是從戰(zhàn)略層面的規(guī)劃，是對產(chǎn)品新的需求反饋進行評估、開發(fā)、測試以及上線的一系列流程，而這始終是圍繞“帶來更出色的用戶體驗”這一目的來進行的。同一個APP在版本迭代更新的設計中應當保持一致性的原則，主要體現(xiàn)在交互方式和視覺表現(xiàn)都應該與原來版本的規(guī)范一致，保證原有用戶可以用熟悉的方式體驗新產(chǎn)品，而不產(chǎn)生較大的分歧。即使產(chǎn)品定位發(fā)生改變而進行較大的更新與改版時，也應提醒用戶改版后的變化，并進行良好的操作引導去指引用戶體驗新產(chǎn)品，否則用戶以原來熟悉的方式與新產(chǎn)品交流時卻沒有效果，可能會產(chǎn)生挫敗感進而放棄。

APP產(chǎn)品的迭代更新是不可避免的，因為用戶的需求是在使用和體驗中不斷被發(fā)現(xiàn)和滿足的，產(chǎn)品迭代更多的是從戰(zhàn)略層面的規(guī)劃，是對產(chǎn)品新的需求反饋進行評估、開發(fā)、測試以及上線的一系列流程，而這始終是圍繞“帶來更出色的用戶體驗”這一目的來進行的。如此說來，APP其實就是一個不斷變化生長的“有機體”，但無論如何變化如何更新，我們都必須保證APP的“基因”不會改變，也就是在用戶心中建立的心理模型如操作邏輯和視覺印象要保持不變。所以同一個APP在版本迭代更新的設計中也應當保持一致性的原則，主要體現(xiàn)在交互方式和視覺表現(xiàn)都應該與原來版本的規(guī)范一致，保證原有用戶可以用熟悉的方式體驗新產(chǎn)品，而不產(chǎn)生較大的分歧。即使產(chǎn)品定位發(fā)生改變而進行較大的更新與改版時，也應當首先建立新的規(guī)范標準，使迭代更新的產(chǎn)品能夠在新版本中保持視覺和交互的一致性，同時也要提醒用戶改版后的變化，并進行良好的操作引導去指引用戶體驗新產(chǎn)品，否則用戶以原來熟悉的方式與新產(chǎn)品交流時卻沒有效果，可能會產(chǎn)生挫敗感進而放棄。

結(jié)語

以上在用戶體驗層面上探討了設計APP產(chǎn)品時保持一致性的方法，本文認為，強調(diào)APP用戶體驗設計中的一致性并不是為了將產(chǎn)品束縛在條條框框和形式化的范本中，而是深刻地從用戶體驗的角度去設計具有杰出可用性的產(chǎn)品。一致與個性表面上是形成了互斥的矛盾關系，但兩者同時也是相輔相成的，一致的目的是為了形成個性，個性的體現(xiàn)也不能忽略一致。APP產(chǎn)品如果在設計中缺少了個性那么便會顯得枯燥乏味，如果缺少了一致也會顯得雜亂無章，因為兩者的和諧存在，才能形成所謂的設計美感。