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

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

?

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

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

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

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

一、附加工作

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

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

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

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

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

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

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

1.視覺元素附加工作

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

2.視覺信息附加工作

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

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

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

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

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

2.保持一致性

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

3.保持簡(jiǎn)潔

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

四、結(jié)語

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

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

參考文獻(xiàn)：

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

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

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

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

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

作者簡(jiǎn)介：