孫雄飛　吳祐昕

摘要：從用戶心理模型角度出發(fā)，研究快手界面的交互和視覺設計方法。以用戶心理模型和產(chǎn)品設計模型來探尋快手界面設計的底層原因，通過分析快手的用戶群體和產(chǎn)品定位，結合用戶心理模型對快手交互設計以及視覺設計特征進行闡述，總結快手的界面設計策略。了解用戶心理模型是產(chǎn)品界面設計的前提，優(yōu)秀的界面設計能傳遞出產(chǎn)品定位和價值觀，提升產(chǎn)品體驗滿意度和商業(yè)價值。在產(chǎn)品迭代過程中保持界面簡潔可提升用戶操作效率、產(chǎn)品易用性和信息傳遞效能。

關鍵詞：短視頻應用 用戶心理模型 界面設計 交互設計 視覺設計

中圖分類號：TB47 文獻標識碼：A

文章編號：1003-0069（2021）02-0048-03

引言

隨著我國移動互聯(lián)網(wǎng)和智能手機普及率逐年增加，短視頻類APP用戶也越來越多。根據(jù)CNNIC于2020年4月發(fā)布的《第45次中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告》，我國短視頻用戶規(guī)模已達7.73億，占比高達85.6%【1】?？焓諥PP是一款于2011年3月上線的短視頻社交平臺，產(chǎn)品價值觀是“公平普惠，真實向善”，相信每一種生活都值得“被看見”，2020年初，快手的日活躍用戶數(shù)量已超過3億，為了使每一位用戶都能輕松使用快手，產(chǎn)品在多次升級迭代中始終保持“簡單”原則。用戶心理模型是一種分析目標用戶想法和行為的工具，它從用戶心理視角解釋了用戶行為和認知差異原因，有助于挖掘設計點，改善產(chǎn)品使用體驗。界面交互和視覺設計會直接影響使用體驗，本文將結合用戶心理模型理論分析快手界面設計特征，探索快手在滿足用戶娛樂需求的同時，如何平衡商業(yè)訴求和使用體驗。

一、用戶心理模型概述

（一）人類心智與用戶心理模型

人類心智概念最早由蘇格蘭心理學家KennethCraik在1943年提出，彼時他認為心智就是人對周遭環(huán)境的理解。認知心理學家JohnsonLaird認為，心智是人認知外部世界的基礎和解決問題的依據(jù)，人們在日常生活中運用心智進行演繹推理、語言組織、觀點陳述等【2】。Gentner和Stevens認為心智是人在處理問題時呈現(xiàn)出的“科學規(guī)律”，從廣義科學角度解釋了人在遇到問題時做出相似行為的原因，即人在遇到新問題時會與大腦中儲存的心智進行匹配，采用類似心智指導行動方式【3】。IndiYong將心智解釋為人在解決問題時情緒、情感和思維的變化過程，她認為心智是由不同的獨立模塊組成，模塊之間具有內(nèi)在聯(lián)系和親和性，人可以將不同模塊心智進行組合來思考和解決問題【4】?？偟膩碚f，心智是人類認知世界的內(nèi)在知識結構和思維方式，它指導人們對外部世界的反饋行為，成長環(huán)境和知識背景相似的人所形成的心智也類似。“獲取知識能力”（感受+觀察+理解）、“應用知識能力”（記憶+判斷+選擇）、“抽象推理能力”（想象+假設+推理）是心智形成的基礎，一個人的心智來源于其對世界的觀察和理解，過往的生活經(jīng)驗積累，類比思維推導，以及學校、家庭教育等【5】。

（二）用戶心理模型

心智概念在認知科學領域提出不久便被應用到產(chǎn)品設計和人機交互領域。在《AboutFace4：交互設計精髓》一書中，作者AlanCooper提出了產(chǎn)品實現(xiàn)模型、產(chǎn)品表現(xiàn)模型和用戶心理模型三個概念【6】。簡單來說：產(chǎn)品實現(xiàn)模型是指實現(xiàn)產(chǎn)品功能的方法，它解釋了產(chǎn)品內(nèi)部運轉(zhuǎn)機制和實現(xiàn)原理，對于APP來說就是如何通過代碼把各個功能實現(xiàn)。產(chǎn)品表現(xiàn)模型是指“產(chǎn)品外在表現(xiàn)形式”，對于APP來說就是產(chǎn)品界面設計。用戶心理模型是指使用者所理解的產(chǎn)品概念和使用方式。用戶會根據(jù)心理模型推理產(chǎn)品操作方式，設計師會不斷收集用戶行為和反饋信息來加深對用戶的理解，使產(chǎn)品表現(xiàn)模型不斷靠近用戶心理模型，降低用戶的學習和操作成本。《設計心理學》作者Norman認為，用戶心理模型是使用者基于主觀感受和使用經(jīng)驗對產(chǎn)品的理解，是存在于用戶頭腦中的關于一個產(chǎn)品應該具有的概念和行為（反饋）的認知。設計師須通過用戶調(diào)研等方式深入理解用戶心理模型，才能使產(chǎn)品設計方案易于被用戶接受7。

二、快手產(chǎn)品定位策略

（一）記錄和分享生活的平臺

每個人的生活中都有高光時刻，快手希望為所有人提供一個記錄和分享生活的平臺，讓普通人也能獲得切實的關注感，收到來自他人的反饋和認同。產(chǎn)品口號是“記錄世界記錄你”，用戶不僅可以在快手看到真實有趣的世界，也可以讓世界發(fā)現(xiàn)真實有趣的自己?？焓肿鹬孛恳环N生活方式，大城市的光鮮亮麗和小城鄉(xiāng)村的樸實無華都是平臺優(yōu)質(zhì)內(nèi)容來源。

（二）公平普惠的算法機制

快手在內(nèi)容分發(fā)環(huán)節(jié)引進“基尼系數(shù)”概念，以避免創(chuàng)作者之間流量差距過大。公平普惠的產(chǎn)品原則吸引了大量普通人踴躍發(fā)布作品，快手通過人工智能將他們的作品推薦給合適的觀眾，讓他們找到了自我認同和歸屬感。在公平普惠原則下平臺的內(nèi)容數(shù)量和類型得到保證，形成多樣且包容的內(nèi)容生態(tài)。多樣性的內(nèi)容也滿足了不同用戶的觀看偏好，提升了每個人獨特的幸福感，用戶之間的共鳴和互動也形成了快手獨特而真實的社區(qū)文化。

（三）短視頻社交平臺

快手通過真實多元的內(nèi)容和公平普惠的流量分發(fā)機制來做社交沉淀，在界面設計上突出社交功能并引導用戶使用。包容的互動交流氛圍使更多人在快手建立連接，視頻和直播等形式讓人與人之間的連接變得更加生動、簡單、高效。

三、快手界面交互設計分析

為了讓所有用戶都能無障礙使用快手記錄生活，快手交互設計堅持簡潔高效風格，采用“頂部標簽”+“抽屜式側邊欄”組合形式導航。一直只有“關注”、“發(fā)現(xiàn)”、“同城”三個一級頁面，滿足了用戶在各種場景觀看視頻的需求?！芭臄z”圖標常駐于頁面右上方，點擊圖標進入拍攝流程?！案喙δ堋眻D標常駐于頁面左上方，點擊圖標側邊欄右滑展開，側邊欄承載了個人中心、私信、搜索、設置等相對次要的功能。

（一）發(fā)現(xiàn)、關注和同城頁

1.發(fā)現(xiàn)頁：用戶打開APP后默認位于發(fā)現(xiàn)頁。對觀眾型用戶而言，發(fā)現(xiàn)頁是推薦與用戶畫像吻合、熱度相對較高的個性化內(nèi)容。頁面采用雙feed流展示多個作品封面，給予用戶充足的選擇權利。用戶在默認狀態(tài)進行下拉操作可更新當前頁面作品，向上滑動可加載更多作品，滑動過程中點擊“發(fā)現(xiàn)”標簽即可快速到達feed流頂部，點擊感興趣的作品封面即可進入視頻詳情頁（視頻自動播放）。對創(chuàng)作型用戶而言，發(fā)現(xiàn)頁是作品分發(fā)、吸引新粉絲的重要渠道，快手會結合用戶歷史行為、作品點擊率、完整播放率、內(nèi)容時效性等數(shù)據(jù)將作品推薦給適合的欣賞者。值得一提的是，當視頻熱度和發(fā)布時間達到某臨界值后曝光率將逐漸降低，平臺開始推薦其他用戶最新發(fā)布的作品，給予所有創(chuàng)作者平等的展示機會。

2.關注頁：用戶在發(fā)現(xiàn)頁左右滑動或者點擊頂部文字標簽即可跳轉(zhuǎn)至關注或同城頁，關注頁是向用戶展示已關注創(chuàng)作者發(fā)布的內(nèi)容，提供了一個粉絲與創(chuàng)作者持續(xù)交流的渠道。頁面作品同樣是以雙feed流形式展示，不過展示邏輯更加注重時效性，按發(fā)布時間倒序排列作品，觀看作品的交互方式與發(fā)現(xiàn)頁一致。此外，關注頁還承載了“說說”動態(tài)入口，如果已關注創(chuàng)作者發(fā)布了新動態(tài)，關注標簽下方會顯示動態(tài)入口，點擊進入“說說”頁面，這也是快手營造平臺社交氛圍的具體功能表現(xiàn)。

3.同城頁：同城頁是基于用戶位置信息推薦附近創(chuàng)作者發(fā)布的內(nèi)容。同城頁的作品更加接地氣、貼合用戶真實生活狀態(tài)，包含大量本地新聞資訊，以及熟人發(fā)布的作品，因此用戶也更容易與之產(chǎn)生共鳴?！巴恰睒撕炗覀扔袀€倒三角引導標識，對于新用戶頁面會有toast提示：“雙擊發(fā)現(xiàn)世界”，雙擊標簽進入新頁面發(fā)現(xiàn)更多城市作品，滿足了用戶探索和觀看指定地點作品的需求。同城標簽下方設有“在線游戲”、“視頻連線”、“掌上電視”功能入口，為用戶提供了多元化的娛樂方式，增強了產(chǎn)品的可玩性。

快手雖已經(jīng)過多次迭代升級，但信息架構和頁面布局依然非常簡潔，三個一級頁面的交互方式和頁面布局高度一致，使用戶很容易理解并輕松地操作產(chǎn)品。在內(nèi)容推薦機制上尊重用戶的選擇和喜好，給予每一位創(chuàng)作者公平的曝光機會。快手希望粉絲和創(chuàng)作者之間能有更多互動交流，因此也沒有將流量傾斜到發(fā)現(xiàn)頁，當用戶關閉快手之后，重新啟動時默認頁面依然停留在上次關閉時的一級頁面。比如：用戶在同城頁關閉了快手，下次打開快手時依然位于同城頁，這樣的交互模式提升了“關注”和“同城”功能的使用率，也反映了快手作為短視頻社交平臺的產(chǎn)品定位，如圖1。

（二）視頻詳情頁

視頻詳情頁可分為四個區(qū)域，第一是頂部的返回、點贊、舉報、分享以及創(chuàng)作者頭像功能區(qū)，第二是視頻畫面播放區(qū)，第三是播放量、發(fā)布時間、創(chuàng)作者昵稱、標題、配樂等信息展示區(qū)，第四是評論詳情和評論輸入框展示區(qū)。默認狀態(tài)下視頻畫面鋪滿了頁面首屏，除了頂部幾個線性圖標之外無其他信息，營造出沉浸式觀看體驗。在視頻畫面任意處單擊均可調(diào)出底部進度條控件，連續(xù)雙擊即可快速點贊并顯示心形動效反饋。向上滑動會展示出播放量、標題等第三信息區(qū)域，當上滑至評論詳情出現(xiàn)時，評論輸入框隨之顯示在頁面底部，方便用戶發(fā)表評論。當上滑至畫面消失時視頻自動停止播放，讓用戶專注于查看評論詳情內(nèi)容。從快手對“上滑”這一高頻操作的處理上也可以看出其社交屬性，即鼓勵用戶去看精彩評論、參與互動，注重營造平臺良好的社交氛圍，而非注重用戶對內(nèi)容的消費效率。隨著“上滑看評論”這一使用習慣的養(yǎng)成，“精彩評論”也成為吸引用戶注意力的內(nèi)容之一。用戶在視頻詳情頁左滑可進入創(chuàng)作者個人主頁查看更多作品，右滑或以正負45°左右方向滑動均可返回上級頁面，如圖2。

（三）拍攝和發(fā)布短視頻頁

1.拍攝準備頁：用戶在快手發(fā)布視頻的流程包括“拍攝”、“編輯”、“預覽”和“發(fā)布”四個步驟，主要涉及到拍攝準備頁、拍攝進行頁、視頻暫停頁、視頻預覽頁、視頻發(fā)布頁。拍攝準備頁包含“作品類型選擇控件”、“拍攝按鈕”、“美化”、“魔法表情”、“配樂”等功能，快手提供了視頻、直播、K歌、拍照四種作品類型，其中視頻又細分為11秒、57秒和5分鐘三種時長類型，直播細分為視頻直播、語音直播、游戲直播、聊天室四種類型，用戶通過“點選底部文字標簽”或“在底部左右滑動”來選擇拍攝類型。此外，視頻拍攝準備頁左上方設有“拍攝模版”入口，點擊即可進入新頁面根據(jù)模版制作視頻。

2.拍攝進行頁：用戶選定拍攝類型點擊“拍攝”按鈕即進入拍攝進行頁，進入此頁面后視頻自動開始錄制。此頁面的交互控件主要有“進度指示條”、“暫停按鈕”以及“下一步按鈕”，進度條實時告知用戶當前拍攝進度，方便用戶調(diào)整拍攝內(nèi)容和速度，準確把控時長節(jié)奏。點擊“暫?！边M入拍攝暫停頁，點擊“下一步”進入視頻預覽頁。

3.拍攝暫停頁：拍攝暫停頁支持用戶進行分段拍攝，滿足了用戶拍攝多樣化場景和內(nèi)容的需求。此外，用戶還可以在此頁面更改魔法表情、濾鏡、速度等設置，設置完成后再次點擊暫停按鈕即可進行下一場景的拍攝。

4.視頻預覽頁：在視頻預覽頁面可以為作品增加封面、標題、字幕等，也可再次調(diào)整美顏、濾鏡等效果，對作品滿意之后點擊“下一步”按鈕即進入視頻發(fā)布頁面。由于作品封面和標題是影響觀眾點擊的關鍵因素，所以快手將封面和字幕設置放在了最易操作的位置。

5.視頻發(fā)布頁：在視頻發(fā)布頁面用戶可以添加文字版視頻描述、話題、位置、@好友等信息，也可以設置作品可見范圍，是否允許其他人下載等，這些信息有助于更準確地向觀眾推薦合適的作品。發(fā)布按鈕位于頁面底部非常明顯的位置，點擊后自動跳轉(zhuǎn)至關注頁，關注頁feed流左上方第一個視頻為用戶剛剛發(fā)布的視頻，如圖3。

四、快手界面視覺設計分析

處于產(chǎn)品設計表現(xiàn)層的界面視覺設計是用戶感知產(chǎn)品的第一印象，也是用戶獲取產(chǎn)品信息的主要渠道【9】。從未使用過短視頻類APP的新用戶在面對快手時，用戶心理模型可能是不完整或錯誤的，有可能會做出與目標相悖的操作導致較差的使用體驗，為了避免這種情況，快手針對新用戶做了合理的視覺引導設計。整體來看，快手界面的視覺設計在風格表現(xiàn)上是比較克制的。除直播禮物面板外，其他頁面很少使用酷炫多彩的視覺元素，秉持功能表現(xiàn)大于風格表現(xiàn)的原則，減少設計風格對用戶操作效率的干擾。界面圖標以線性風格為主，注重以簡潔的造型準確傳達出圖標的功能含義。

（一）快手直播界面視覺設計特征

快手良好的社交氛圍形成了獨特的“直播經(jīng)濟”，主播和粉絲之間有著非常緊密的互動關系，2019年直播業(yè)務收入占整體比例超過50%，因此選取“直播詳情頁”進行視覺設計分析。直播詳情頁也可以分為四個區(qū)域，第一是頂部的主播頭像昵稱、直播排名、在線觀眾數(shù)量以及更多直播入口。第二是直播畫面區(qū)域，直播畫面有橫屏和豎屏兩種形式，橫屏畫面以16：9比例顯示在頁面中上方，豎屏畫面則直接鋪滿整個屏幕。第三是頁面左下方的實時評論彈幕、禮物特效和入場特效展示區(qū)域。第四是底部的聊天輸入框、直播禮物、分享、清屏等常用功能區(qū)域，這些功能是用戶和主播之間實現(xiàn)互動的主要方式，因此將其放置在頁面底部方便用戶操作。

（二）快手直播禮物元素視覺設計特征

直播禮物即是用戶與主播之間的互動形式，也是快手直播業(yè)務的主要收入來源，因此快手結合用戶心智進行視覺風格拓展。設計出絢麗精美、深受用戶喜愛的禮物元素，并配合相應的禮物送出特效，提升用戶對虛擬禮物的價值感知和打賞體驗，用優(yōu)秀的視覺設計助力產(chǎn)品商業(yè)目標的實現(xiàn)。層次豐富的直播用戶群體產(chǎn)生了多樣性的用戶喜好，快手根據(jù)不同用戶的典型特征，將同等價值的禮物元素設計出多種樣式來滿足用戶差異化的喜好。例如價值1快幣的禮物元素有：“贊”、“棒棒糖”、“小可愛”、“活動禮物”等多種樣式，數(shù)據(jù)顯示價值1快幣的禮物是用戶接受度和使用量最高的，因此禮物名稱和樣式設計的普適性很強?？紤]到中青年男性用戶占比較高，快手從用戶心理模型和日常生活經(jīng)驗出發(fā)，設計了“白酒”、“啤酒”等具有平臺特色的直播禮物，均得到用戶認可和喜愛【10】。

基于用戶認知習慣和直播禮物真實的貨幣價值屬性，直播禮物采用了極具質(zhì)感的擬物化風格來表現(xiàn)。一方面擬物化風格的設計元素大多取自現(xiàn)實生活中，用戶通過圖形即可快速理解禮物含義。另一方面擬物化風格在質(zhì)感表現(xiàn)上具有很大優(yōu)勢，能夠提升用戶對禮物的價值感知和認可度【11】。在配色設計上，單個禮物之間的色相差異較大，每樣禮物均采用高明度及高飽和度的顏色搭配，整體禮物面板配色豐富且和諧，營造出喜慶祥和的氛圍，容易激發(fā)用戶送禮欲望。禮物送出后頁面會有特效提示，顯示送禮用戶昵稱、禮物樣式和數(shù)量，這種即時有趣的反饋給予用戶較大的存在感和滿足感，如圖4。

結語

本文以快手APP為研究對象，基于用戶心理模型理論探討快手界面交互和視覺設計策略，并以主要頁面為例進行分析論證。結合快手市場表現(xiàn)和用戶行為數(shù)據(jù)可知，根據(jù)用戶心理模型和日常生活經(jīng)驗進行界面設計，能夠讓用戶在使用產(chǎn)品時依據(jù)腦海中已建立的認知經(jīng)驗，降低用戶學習和操作成本，提升產(chǎn)品易用性和商業(yè)價值?？焓衷诓粩嗤晟飘a(chǎn)品功能的同時始終保持界面簡單、容易理解，在“循規(guī)蹈矩”中進行創(chuàng)新設計來提升產(chǎn)品體驗價值，通過合理的信息組織和視覺表現(xiàn)形式高效地向用戶傳遞多重信息，持續(xù)為用戶帶來良好的使用體驗。

參考文獻

【1】第45次中國互聯(lián)網(wǎng)絡發(fā)展統(tǒng)計報告【EB/OL】.（2020-04-28）【2020-05-20.ttp：//nnic.cn/hlwfzyj/hlwxzbghlwtjbg/202004/P020200428399188064169.pdf

【2】李雪媛.基于用戶心智模型的創(chuàng)意生活產(chǎn)業(yè)服務設計研究【D】.湖南大學，2015.

【3】趙辰羽.心智模型在以用戶為中心設計中的應用研究【D】.清華大學，2013.

【4韓正彪.綜合性文獻數(shù)據(jù)庫用戶心智模型理論問題初探【J】.圖書情報工作，2013，57（18）：67-72.

【5】馬婧，彭寧玥，薛澄岐.基于復雜信息系統(tǒng)數(shù)字界面中軍事人員心智模型匹配度的研究【J】.設計，2018（03）：126-127.

【6】高萌，胡偉峰.基于心智模型的智能POS用戶界面設計方法研究【J】.設計，2017（1）：122-123.

【7】代悅.以用戶認知為導向的圖標設計【J】.設計，2014（02）：98-99.

【8】曹陽，劉娟，淺析設計師與用戶間心智模型匹配【】.裝飾，2011（06）：98-99.

【9】JesseJamesGarret.范曉燕譯.用戶體驗要素【M】.北京：機械工業(yè)出版社，2011.

【10】2019年快手直播生態(tài)報告【EB/OL】.（2019-12-10）（【2020-0-5-30：ttp：//static.yximgs.com/udata/pkg/upload/穿越平行世界（12.10）.pdf

【11】單筱秋.淺議圖形符號在人機交互界面中的應用【J】.南京藝術學院學報（美術與設計），2017（06）：185-187.