李建一　（廣西師范大學(xué)　　541004）

?

數(shù)位產(chǎn)品使用中界面附加工作研究——以手機新聞APP應(yīng)用為例

李建一（廣西師范大學(xué)541004）

摘要：隨著科技迅速的發(fā)展，手機互聯(lián)網(wǎng)的普及，越來越多的手機數(shù)字產(chǎn)品涌現(xiàn)在大眾的視野之中，我們已經(jīng)從工業(yè)時代逐漸步入到了數(shù)位信息時代，出現(xiàn)了大量智能產(chǎn)品，本文從手機新聞APP應(yīng)用的界面設(shè)計入手，重點對用戶使用產(chǎn)品到達(dá)自身的目標(biāo)過程中，APP應(yīng)用中含有的視覺附加工作進(jìn)行了研究，希望對提高產(chǎn)品界面的易用性和用戶體驗提供參考。

關(guān)鍵詞：UI設(shè)計；用戶體驗；附加工作

一、附加工作

在About face交互設(shè)計精髓一書中，Alan Cooper對“附加工作”一詞進(jìn)行了簡述，即附加工作指用戶在使用產(chǎn)品實現(xiàn)目標(biāo)的過程中，為了滿足工具或者其他的相關(guān)因素需要而完成的工作，附加工作并不能直接實現(xiàn)用戶的目標(biāo)，是實現(xiàn)目標(biāo)過程中的額外工作。附加工作分為：純粹的附加工作，視覺附加工作，以及特殊附加工作。

純粹的附加工作：對于任何用戶來說這些行為都是沒有人需要的，是最應(yīng)該去除掉的，例如：手機中不同的應(yīng)用需要注冊和登錄每個應(yīng)用會員才能瀏覽內(nèi)容和使用，并且強迫用戶記住每個應(yīng)用的用戶名和密碼在每一次登錄時都需要再次輸入。現(xiàn)今的優(yōu)良APP應(yīng)用都可以通過QQ、微信、微博等平臺的數(shù)據(jù)互通進(jìn)行第三方登錄，用戶只需要記住主要應(yīng)用的賬號與密碼即可進(jìn)行登錄其他應(yīng)用，極大的消除了用戶的記憶負(fù)擔(dān)。

視覺附加工作：在有些手機應(yīng)用中，對于界面中的元素和版式過度設(shè)計使得用戶不得不分析界面的視覺信息所表達(dá)的含義，添加了用戶的認(rèn)知成本，例如，用戶需要判斷閱讀從哪個位置開始，或者哪些元素是可以點擊的，哪些元素僅僅是為了裝飾的。

特殊附加工作：在沉浸式手機應(yīng)用中，用戶通過協(xié)調(diào)使用工具后，進(jìn)入瀏覽閱讀和使用的高效率狀態(tài)，此種狀態(tài)下任何打斷用戶高效狀態(tài)的消息對話框都是特殊的附加工作，例如常見的錯誤對話框、通知和確認(rèn)對話框等，此類特殊附加任務(wù)有時難以辨別，對于大部分用戶來講是不常用功能，但對于臨時用戶和特殊偏好的用戶來說是有提醒和其他功用。

正確認(rèn)識和解決附加工作對于構(gòu)建優(yōu)良的用戶體驗有著不可分割的關(guān)系，本文從手機新聞APP應(yīng)用視覺界面入手，以現(xiàn)今手機新聞APP應(yīng)用界面為例，在以人為本和以用戶為中心的設(shè)計理念下，通過用戶角色目標(biāo)導(dǎo)向『1』的設(shè)計方法辨別和努力消除視覺界面上的附加工作，較少的附加工作對于構(gòu)建優(yōu)良的APP應(yīng)用界面和提高用戶體驗變得尤為重要。

二、手機新聞APP應(yīng)用中的視覺附加工作

用戶界面是數(shù)位產(chǎn)品的最終體現(xiàn)形式，也是與產(chǎn)品溝通的途徑，是用戶進(jìn)行交流互動的平臺。在現(xiàn)今手機APP應(yīng)用界面中存在的視覺附加工作主要包含視覺元素附加工作和視覺信息附加工作兩種。優(yōu)秀的手機應(yīng)用產(chǎn)品界面通過降低這倆種附加工作使產(chǎn)品變得簡潔和易用，降低和消除視覺附加工作可以幫助用戶減少在使用過程中的繁復(fù)操作，降低錯誤操作和認(rèn)知困難使得用戶更有效率完成任務(wù)，幫助用戶快速實現(xiàn)自己的目標(biāo)。

1.視覺元素附加工作

視覺界面的組成元素主要包含圖形的形狀、尺寸、顏色、明度、位置、方向以及紋理，視覺元素附加工作的產(chǎn)生主要是由于界面設(shè)計階段對視覺元素各個屬性的混亂和不恰當(dāng)處理或過追求界面效果的過度設(shè)計而導(dǎo)致，在用戶不進(jìn)行探索性嘗試的情況下幾乎無法辨別圖形元素所表達(dá)的含義。

2.視覺信息附加工作

視覺信息的屬性包括顏色、形狀、位置及范圍等，視覺信息的附加工作產(chǎn)生的原因主要是由于視覺信息指引路徑的混亂或缺失，在APP應(yīng)用界面中，當(dāng)文字和圖形缺少一定的規(guī)則順序時，文字和圖形本身就變成了界面符號，無法為使用者提供內(nèi)容上的幫助。有效的視覺信息路徑可以降低用戶尋找目標(biāo)和識別信息時間的附加工作，幫助用戶快速瀏覽內(nèi)容，如手機搜狐新聞APP應(yīng)用，其界面設(shè)計依照用戶閱讀習(xí)慣從左至右和從上至下的視覺路徑而設(shè)計，用戶打開APP后視覺焦點鎖定在最大圖片即最新最重要的新聞處，頂部導(dǎo)航運用紅色文字差異區(qū)分，主內(nèi)容區(qū)通過圖片與不同大小值得文字來表達(dá)內(nèi)容的不同級別，讓用戶一目了然其層次關(guān)系。

設(shè)計師在設(shè)計用戶界面時應(yīng)當(dāng)從美學(xué)基礎(chǔ)上篩選和運用視覺元素的各種屬性，整體評估各個元素的視覺屬性，對各個元素使用恰當(dāng)?shù)谋磉_(dá)方式，并且應(yīng)當(dāng)充分結(jié)合用戶的目標(biāo)，使得基本元素轉(zhuǎn)化為有效的行動路徑，降低用戶使用過程中的視覺附加工作。

三、消除界面視覺附加工作的三個基本原則

1.邏輯關(guān)系與層次的清晰

在視覺界面視角下，首先要確定產(chǎn)品能夠提供給用戶什么，并且也要考慮用戶是如何看待自身產(chǎn)品以及用戶期望提供的功能和內(nèi)容，這就需要界面設(shè)計可以清晰的展示其功能和結(jié)構(gòu)，在確定產(chǎn)品定位后，界面設(shè)計應(yīng)展示與目標(biāo)人群體接近的審美傾向和使用習(xí)慣，在主要內(nèi)容區(qū)域提供用戶常用或首要關(guān)注的功能和內(nèi)容，并加強其視覺效果，如加強文字字體和顏色等手段強調(diào)其重要性，而輔助功能和信息應(yīng)減弱本身的視覺效果，不應(yīng)與主要功能和內(nèi)容爭搶視覺焦點，例如搜狐新聞頁面的展示內(nèi)容區(qū)，每條新聞的構(gòu)成由圖片、標(biāo)題、評論數(shù)、來自媒體和更多功能這5個視覺元素構(gòu)成，圖片便于用戶識別，標(biāo)題的字體值為40像素與輔助信息評論數(shù)等22像素的字體形成明顯的從屬層次。從而構(gòu)成了用戶瀏覽圖片—標(biāo)題—輔助信息的視覺路徑，是優(yōu)秀的無聲引導(dǎo)。

2.保持一致性

視覺元素往往影響用戶的認(rèn)知效果。在同一個APP應(yīng)用中采用一致性的風(fēng)格外觀，可以保持用戶焦點，使用戶不必進(jìn)行過多的學(xué)習(xí)就可以掌握其共性，并且對改進(jìn)使用體驗和建立獨特的品牌形象有很大的幫助。網(wǎng)格是構(gòu)建界面視覺韻律和一致性的優(yōu)秀工具，在設(shè)計界面時運用網(wǎng)格可以使得視覺元素更加規(guī)范和提升可用性，幫助用戶迅速找到關(guān)鍵的內(nèi)容，而在美學(xué)上構(gòu)成一定的視覺韻律讓界面變得井井有條。例如，手機搜狐新聞APP應(yīng)用的不同欄目下的內(nèi)容展示，在應(yīng)用各個欄目下保持了一致的視覺效果和排列方式，首次使用的用戶可以在只熟悉一個欄目下的使用習(xí)慣掌握整個的應(yīng)用內(nèi)容，最大限度地減弱了用戶進(jìn)入不同欄目重新識別頁面的視覺附加工作，讓用戶專注于自己的目標(biāo)。

3.保持簡潔

混亂的手機APP應(yīng)用界面試圖在一個有限的空間展示過多的視覺元素或錯誤的使用顏色，紋理，對比等視覺屬性，多余的視覺元素會爭搶用戶的焦點與注意力，使得用戶在使用過程中受到過多的干擾，加重了認(rèn)知成本，影響用戶的速度和理解力。顏色的數(shù)量不應(yīng)該超過五種，紋理可以加強畫面質(zhì)感，但不應(yīng)該被過分強調(diào)致使用戶感到突兀。簡潔的界面可以讓最少的視覺和功能元素發(fā)揮最大的效果來指引用戶，例如手機搜狐新聞APP應(yīng)用中的閱讀圈頁面，界面中的視覺元素主要集中在通用視覺元素：頂部導(dǎo)航和底部導(dǎo)航中，用戶熟悉APP應(yīng)用后不會造成認(rèn)知困難，而在主內(nèi)容展示區(qū)，只含有發(fā)表文章的用戶基本視覺屬性：頭像、用戶名、發(fā)布時間、主要內(nèi)容、轉(zhuǎn)發(fā)和評論等必要視覺元素，且不常用的視覺元素通過降低飽和度和字體大小進(jìn)行了弱化（轉(zhuǎn)發(fā)與評論），使得界面十分的簡潔干凈，讓用戶更容易專注于內(nèi)容本身。

四、結(jié)語

綜上所述，消除和降低附加工作對于構(gòu)建優(yōu)良的APP應(yīng)用界面，提供好的用戶體驗是不可缺少的一部分，設(shè)計師應(yīng)該對于附加工作非常警惕，努力發(fā)現(xiàn)和尋找并且嘗試解決界面中任何一個小的附加工作。一系列細(xì)微的附加工作連接起來將會構(gòu)成繁重的附加工作，不僅會影響用戶對于產(chǎn)品的整體感受，而且造成了用戶不必要的精力和時間的浪費。

在現(xiàn)今以人為本設(shè)計理念的背景下，構(gòu)建的數(shù)位產(chǎn)品應(yīng)該要讓科技更好的服務(wù)于人，而并不是面對一個令用戶恐懼的科技怪獸，設(shè)計師在構(gòu)建應(yīng)用界面時對視覺附加工作應(yīng)當(dāng)予以最大能力的消除，運用三種基本原則努力甄別和篩選，盡最大的努力降低和消除附加工作帶來的不便利。

參考文獻(xiàn)：

[1]Alan Cooper.About Face交互設(shè)計精髓[M].電子工業(yè)出版社，2012.

[2]Donald Arthur Norman.The Design of Everyday Things[M].中信出版社，2015.

[3]搜狐新聞UED團隊.設(shè)計之下[M].電子工業(yè)出版社，2014.

[4]李四達(dá).從需求到體驗：交互設(shè)計的理論探索[J].藝術(shù)與設(shè)計：理論，2013（10）.

李建一，美術(shù)學(xué)碩士，單位：廣西師范大學(xué)設(shè)計學(xué)院，研究方向：藝術(shù)應(yīng)用與研究。

作者簡介：