移動互聯網中的UI設計與用戶體驗

唐昆

【摘 要】UI設計攜手機走到今天，支撐起了整個移動互聯網行業。優秀的UI設計總會給人們帶來驚喜和美妙的用戶體驗，文章研究了UI設計對用戶體驗的影響，包括設計的層次和要素、做好設計應注意的原則、設計中的應用。了解用戶的心智模式和行為模式，從而設計出更加令用戶滿意的移動互聯網產品。

【關鍵詞】移動互聯網；UI設計；用戶體驗；心智模式

1 UI設計與用戶體驗的概念

UI設計（user interface）是指用戶與產品界面的關系，包含了人機交互原理、視覺設計等。UI設計直面用戶又承接程序本身，每個用戶通過界面傳遞的信息來作出相應的操作，這就要求設計符合能實現各模塊功能，并且符合邏輯。

什么叫做用戶體驗？用戶體驗是一種感受。用戶在使用產品的過程中，產生的感受即用戶體驗。從第一臺智能手機研發之日起，設計師和開發人員致力于人機交互的研究。設計師們關注用戶在操作手機時如何與手機發生聯系。于是，可接受、易操作便成了用戶體驗的最初目標。移動互聯網發展的今天，用戶體驗愈加注重的是信息傳遞和視聽感受[1]。設計師通過UI設計把更好的產品和服務傳遞給用戶，把大量的平面和交互設計思想融入UI設計，為了用戶有更好的體驗。

2 設計的層次和要素

2.1 設計層次

從認知心理學的角度對人類大腦認知系統進行研究，人類大腦認知系統將事物分為三個層次，即感官層、行為層、反思層。這三個層次層層遞進，其中，感官層優先級最高，感官層作用于主觀意識和邏輯思維之前。感官層的作用是大腦對產品生成初次印象，這與產品的外觀和最初的用戶體驗息息相關。而行為層是大腦對產品更深層次的認識，是用戶在使用產品之后，對產品的功能、操作的初步了解。最后進入反思層，這是大腦認知最高層面，大腦對產品的認知，由了解轉向到精神層面上。

用戶在感官層的體驗主要來自于產品本身的外觀效果和外界對該產品的評價。在感官層中一切關于產品的視覺設計，以及基本功能都是形成用戶體驗的重要原因。而在行為層中，用戶已經使用過產品，這個時候的用戶體驗則是操作的過程，重點在于人機交互[2]。反思層源于情感上的理解，這個跟用戶的個人背景、文化水平、對該產品的熟悉程度及其他們的期待值，都會影響用戶體驗的結果，不要試圖改變用戶的心智模式，應該首先找準設計定位。

2.2 設計要素

在小小的手機屏幕上，如何把更完整移動互聯網呈現給用戶，這是每個設計師所關心的。首先，每個互聯網產品要有獨立的構架，結構清晰的產品更能被用戶接受。在設計網頁或者app的導航欄時，應當采用方位感較強的設計，目的是讓用戶迅速了解自己需要找到的內容，隨時隨地告訴用戶“自己在何位置？去那能做什么？”每個頁面、每個功能模塊、每個控件都要依照整體的邏輯順序呈現，每個頁面的信息功能層級的表現形式是最重要的連接線索。

其次，控制有效信息的呈現量。移動設備的屏幕尺寸很小，每次傳遞的信息量十分有限，所以，篩選出重要信息呈現給用戶是十分必要的。采用任務欄，標簽等形式收納信息，對信息進行整理分出優先級，通過二級頁面、三級頁面分層展示給用戶相關信息，信息有條不紊地展示，從而避免誤導用戶、防止用戶邏輯混亂。

最后，合理引導用戶操作，減輕用戶操作負擔。如果想讓用戶使用一個新產品，設計產品時要確保用戶能夠輕易察覺并理解它是什么？可以用來做什么？而不是用戶無法理解無奈去翻說明書。設計時應注意功能可見性提示，給予用戶適當的操作提示，用戶就容易正確使用新產品。不要增添用戶操作負擔，如果操作太復雜，那么就拆分成多個較為容易步驟來執行。人類的大腦都是“懶惰”的，用戶樂意多點幾下，不愿長時間思考怎么去做。

3 設計應注意的原則

3.1 用戶需求很重要

用戶想要什么就給他什么。有男孩想追心儀的女孩，女孩喜歡吃蘋果，但是男孩卻硬生生送了她一車香蕉，你覺得女孩會很高興嗎？了解用戶想要什么很重要，無須花費大量的時間試圖改變別人根深蒂固的觀念，也不要阻止用戶長期以來形成的行為模式，設計產品就要根據用戶的需求來。根據馬斯洛提出的人類5個需求層次來研究人類實際需求[3]，從人類本身的生理需求到自我實現都是實際需求的切入點。正如美食解決人的生理需求，因為移動互聯網產品大多具有娛樂性質，所以那些產品切入點則重在情感需求和自我實現上。

符合用戶真實需求的產品才能夠吸引用戶，但真實準確的需求需要發掘。礦泉水真的賣點真的是礦物質水嗎？賣礦泉水的企劃其實是在賣“便攜水”，礦物質并不是礦泉水成功的關鍵。應用在UI設計上，一個真實準確的需求并不是問卷調查上的答案，作用到界面上，需要考慮用戶的操作習慣和心智模式。

3.2 設計保持一致性

設計產品前要先做好產品定位，根據不同用戶需求作出不同的應對模式，并且保持設計的一致性，這是提升效率的方式。絕大多數能夠發展下去的公司或者門店，只做一類產品和服務。移動互聯網產品在確定好定位之后，也要統一內容跟風格，風格不統一猶如在書店里開養殖場，這是何等景象？

定位的明確伴隨著UI界面的設計統一，要從視覺上、功能上、操作上都按照統一的邏輯和心智模式進行設計。設計不僅僅在美學的范疇，還附加著文化、社會、歷史等多個角度的復合用戶體驗[4]。常常美學與人機交互之間是最難平衡的，每一個功能模塊與操作流程要匹配得當，這愈加需要設計統一。

3.3 合理的信息反饋

顯示操作結果是用戶執行操作步驟后最關心的事項，是人機交互設計最重要的方面。當用戶點了按鈕，便會對操作是擬定一個預期，給予用戶的預期一個結果，并及時顯示反饋信息來引導用戶操作。沒有了信息的及時反饋，用戶會琢磨這或許是操作錯誤？還是按的時長不夠？機器停止運轉了？這些都是給用戶留下了不好的體驗。endprint

反饋讓操作有“質感”，每次一個操作步驟完成的反饋都是一次交互，讓用戶有種把控全局的感覺，使得信息處理及時、準確。用戶在操作時，反饋要符合信息邏輯層面，有助于用戶預測和計劃執行下一步操作，順應用戶心智模式。并且，在每個模塊、每個功能、每項操作上都要使用反饋機制，保持反饋的連續性，從而保持用戶操作的邏輯性。

3.4 易于識別的設計

你若在使用物品時遇到麻煩——開這個門是推還是拉？當遇到操作上的麻煩時，或許不是用戶本身的問題，可能是產品設計的毛病。當用戶首次使用和操作某個界面時，用戶如何去得知產品的使用方法？是翻開說明書看看嗎？人類大腦會從數以萬計的物品中找出與其相似的物體，找出其中的聯系，使用象形圖提示用戶，在這個條件反射的推動下探索新物品的使用方法。人類大腦中存在著無數這樣的“機關”，容易讓用戶看懂的設計會使用戶不知不覺對產品產生好感，所以，易于識別的設計用戶體驗的關鍵。

3.5 減少記憶負擔

在頁面的功能模塊設計上，很多細節有助于獲得更好的用戶體驗。人們能分門別類地記住信息，并且如果每個記憶類別里只有1至4條信息，那么人們能夠出色地回憶起來，所以，在設計的時候分類一般一排只顯示不多余4個類別信息，這樣有利于減少大腦記憶負擔。其次，點擊次數并不重要，人們愿意在引導下點擊操作多次。如果用戶在每次點擊時都能得到適量信息反饋，愿意沿著設計思路繼續查看網站，那么用戶壓根不會注意到點擊的操作。只要你給出明確的指示，并且任務不太費時間，人們就能集中注意力并沉浸其中，而忽略別的干擾。任何減少記憶負擔的設計，都會解放用戶的大腦。

4 信息圖形的應用

4.1 利用信息圖形展示

信息圖像設計就是針對內容復雜、難以描述的信息進行充分的理解、提煉、整理，并將其進行可視化設計，通過簡單清晰的圖像向用戶直觀展示。不同文字描述，圖像會刺激大腦視覺中樞，這種信息常常會給用戶留下深刻印象，更容易被用戶接受。

4.2 圖形讓信息更清晰

在設計時使用圖形展示信息，能夠很清楚的讓用戶了解情況，并引導用戶操作。根據木村博之的定義[5]，從視覺表現形式的角度，將“信息圖形”的呈現方式分為六大類：圖解（Diagram）、圖表（Chart）、表格（Table）、統計圖（Graph）、地圖（Map）、圖形符號（Pictogram）。使用圖形能把信息形象化地展示給用戶，讓用戶更清晰地了解。

4.3 圖形讓用戶更快分辨

相比于文字，人腦能夠快速地辨別和記住更多的圖形信息。如“前方危險禁止通行”的交通標識牌與獨立的字牌，可想而知，人們在圖形上獲取信息的速度快過文字。并且，圖形的顏色也能直觀的表達信息。使用于生活實際物體相關的圖片來尋求相似的設計。在設計時，當文字和圖形均可使用時，圖形加文字的組合是最合適選擇，展示空間有限時，單使用圖形傳遞信息也不錯。

4.4 少用文字，用圖釋義

一幅圖片沒有或者很少有文字信息，它的含義也能被用戶理解，這才是設計信息圖形的初衷。信息圖形能夠在全世界范圍內、不同語言環境下使用，不同膚色的人要理解信息圖的內容也不困難。控制相對的信息量，讓信息符合邏輯、有條不紊地展示出來，在設計過程中，無需使用大量文字說明，盡量使用圖形表示。確保用戶正確讀取信息，這是信息圖形設計所要追求的目標。

5 結語

移動互聯網中的UI設計與用戶，UI設計服務于用戶，追求的是良好的用戶體驗。每個設計師必須遵循用戶的心智模式和行為模式是基本要求、掌握設計原則、拿捏用戶心理。隨著時代的發展和技術的革新，創新可能會成為UI設計的主要導向，敢問路在何方，用戶體驗指引遠航。

【參考文獻】

[1]張晨起，PhotoshopUI交互設計人民郵電出版社[M].2016.

[2]蘇杰.人人都是產品經理[M].電子工業出版社，2010.

[3]（美）戴維.巴斯.進化心理學[M].商務印書館，1999.

[4]（美）唐納德.A.諾曼.設計心理學[M].中信出版社，2010.

[5]木村博之，圖解力[M].人民郵電出版社，2013.endprint