數位產品使用中界面附加工作研究——以手機新聞APP應用為例

李建一　（廣西師范大學　　541004）

?

數位產品使用中界面附加工作研究——以手機新聞APP應用為例

李建一（廣西師范大學541004）

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

關鍵詞：UI設計；用戶體驗；附加工作

一、附加工作

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

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

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

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

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

二、手機新聞APP應用中的視覺附加工作

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

1.視覺元素附加工作

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

2.視覺信息附加工作

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

設計師在設計用戶界面時應當從美學基礎上篩選和運用視覺元素的各種屬性，整體評估各個元素的視覺屬性，對各個元素使用恰當的表達方式，并且應當充分結合用戶的目標，使得基本元素轉化為有效的行動路徑，降低用戶使用過程中的視覺附加工作。

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

1.邏輯關系與層次的清晰

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

2.保持一致性

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

3.保持簡潔

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

四、結語

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

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

參考文獻：

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

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

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

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

李建一，美術學碩士，單位：廣西師范大學設計學院，研究方向：藝術應用與研究。

作者簡介：