以用戶為中心的交互設(shè)計方法探究

金靈姣（上海大學(xué) 上海美術(shù)學(xué)院，上海 200444）

一、研究背景

隨著科技的發(fā)達，互聯(lián)網(wǎng)產(chǎn)品種類繁多，產(chǎn)品已不僅僅只是停留在是否存在功能的有無競爭，用戶體驗的好壞直接決定用戶是否購買你的產(chǎn)品。如何讓用戶擁有良好的用戶體驗，作為其基本準則的“以用戶為中心的設(shè)計”的設(shè)計方法便成為現(xiàn)在研究的熱點。以用戶為中心的設(shè)計方法是交互設(shè)計的核心，而交互設(shè)計不同于傳統(tǒng)的平面設(shè)計、服裝設(shè)計、工業(yè)設(shè)計等，它是作為多學(xué)科延伸出的一個比較新的設(shè)計領(lǐng)域，是一門交叉學(xué)科，涵蓋心理學(xué)、社會學(xué)、管理學(xué)、設(shè)計學(xué)等多個領(lǐng)域。本文通過查閱國內(nèi)外資料，梳理概括出交互設(shè)計的基本概念，對以用戶為中心的交互設(shè)計方法進行探究。

二、交互設(shè)計的概念與核心方法

1.交互設(shè)計的概念

交互設(shè)計，就是在設(shè)計人與行為，設(shè)計“人之于其他一切客體的行為”。辛向陽在《交互設(shè)計：從物理邏輯到行為邏輯》一文中寫到：“交互設(shè)計改變了設(shè)計中以物為對象的傳統(tǒng)，直接把人類的行為作為設(shè)計對象。”換句話說，交互設(shè)計關(guān)注的是人行為的反饋。

2.交互設(shè)計的核心方法

交互設(shè)計的核心是以用戶為中心來進行設(shè)計，即用戶體驗設(shè)計。用戶體驗設(shè)計由電子工程學(xué)、心理學(xué)、認知科學(xué)學(xué)者唐納德·諾曼在1990年代提出：“通過提升用戶與產(chǎn)品、服務(wù)交互中的可用性、可觸達性、情感性等因素，最終使用戶達到滿意的設(shè)計過程?！奔匆杂脩魹橹行牡脑O(shè)計的目標可以歸納為：解決用戶的痛點與需求，使得產(chǎn)品實用、易用，提高用戶體驗。

3.以用戶為中心的設(shè)計方法

（1）基本概念

在《用戶體驗要素》書中，加瑞特提出，創(chuàng)建吸引人、高效的用戶體驗方法即為以用戶為中心的設(shè)計。這要求設(shè)計者在開發(fā)產(chǎn)品的每一步，都要將用戶的行為與想法作為準則。由此可見，其設(shè)計原則是以人類的行為作為設(shè)計對象的，以滿足用戶的需求作為目標。我們可以試想一下，如果用戶沒有一個良好的使用體驗，那么你所設(shè)計的產(chǎn)品的使用率就可想而知了。

（2）以用戶為中心設(shè)計方法的五個層面

以用戶為中心的設(shè)計方法五個層面分別為表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層和戰(zhàn)略層。自上而下的框架為建設(shè)移動類產(chǎn)品提供了良好的設(shè)計準則，這五個層面分別從具體到抽象，為實現(xiàn)用戶的基本需求和良好的用戶體驗提供了方法。

以下為五個層面的具體內(nèi)容：

①表現(xiàn)層：由一系列文字和圖片組成，包括可點擊的圖片和可進入的超文本鏈接，從而可以實現(xiàn)某些功能。主要對應(yīng)產(chǎn)品的視覺設(shè)計，從視覺層面上為移動類產(chǎn)品增加亮點。

②框架層：主要表現(xiàn)為產(chǎn)品的信息設(shè)計與導(dǎo)航設(shè)計，即文本、按鈕、圖片等元素的位置，可用于優(yōu)化設(shè)計布局，最大化利用率和效果。

③結(jié)構(gòu)層：確定移動類產(chǎn)品的導(dǎo)航欄類別等，主要表現(xiàn)為產(chǎn)品的信息構(gòu)架。

④范圍層：主要表現(xiàn)為產(chǎn)品的內(nèi)容需求與功能規(guī)格。

⑤戰(zhàn)略層：包括產(chǎn)品的經(jīng)營者想在產(chǎn)品中得到什么，用戶想在本產(chǎn)品中得到什么。主要描述用戶和經(jīng)營者的需求，即用戶需求和商業(yè)目標。

優(yōu)秀的產(chǎn)品必須滿足以上的五個層面，并且包含五個層面中的各個要素。自上而下的層級決定了我們在設(shè)計時的順序。我們必須先從戰(zhàn)略層開始，分析用戶的需求，根據(jù)用戶的具體需求制定產(chǎn)品的定位和功能。之后設(shè)計師就能通過產(chǎn)品定位和具體功能來設(shè)計產(chǎn)品的信息構(gòu)架，輸出產(chǎn)品原型，最后進行產(chǎn)品的視覺包裝?？梢哉f，這五個層級誰也離不開誰，層級自上而下的連鎖反應(yīng)，缺一不可。因此，在設(shè)計產(chǎn)品時，我們需要團隊的力量。

在產(chǎn)品落地流程中也是如此。

3.以用戶為中心的設(shè)計方法的具體流程

《破繭成蝶》一書提到了在具體產(chǎn)品落地方案中設(shè)計師所要做的五大步驟，分別為：需求分析、設(shè)計規(guī)劃、設(shè)計實施、項目更進和成果檢驗。而這個前三個步驟更是與以用戶為中心的設(shè)計方法中的五個層面相對應(yīng)，旨在提出我們在規(guī)劃具體的移動類產(chǎn)品時，需要從抽象到具體去設(shè)計。抽絲剝繭，最后完成產(chǎn)品的蛻變。

（1）需求分析

首先是戰(zhàn)略層，在產(chǎn)品實際落地流程中對應(yīng)了步驟一——需求分析。對于用戶的喜好、特征、行為的研究，預(yù)測用戶的發(fā)展，分析用戶的需求。主要方法有用戶訪談和現(xiàn)場調(diào)查、調(diào)查問卷、產(chǎn)品流量、日志分析等。只有了解我們的用戶，知道他們需要什么，才能確定產(chǎn)品的主要功能。不僅如此，我們更要分析產(chǎn)品的商業(yè)定位，只有將用戶需求和商業(yè)需求相平衡，才能更好地統(tǒng)籌戰(zhàn)略層。

（2）設(shè)計規(guī)劃

其次是步驟二——設(shè)計規(guī)劃與范圍層的對應(yīng)，主要解決的是產(chǎn)品的功能規(guī)劃與內(nèi)容需求。針對上一步的用戶研究與需求分析，可以規(guī)劃出產(chǎn)品主要的功能、使用場景、任務(wù)流程。用一句話來描述就是：什么人在什么時候、什么地點使用什么方式解決了什么任務(wù)。建立特定的用戶模型和故事板能夠很好地幫助我們確定產(chǎn)品的定位，從而對應(yīng)地制定出具有針對性的設(shè)計需求文檔。最后我們將信息進行有效分類和整理，輸出產(chǎn)品的信息構(gòu)架，并通過基本架構(gòu)來確定任務(wù)流程。這與結(jié)構(gòu)層相對應(yīng)。

（3）設(shè)計實施

步驟三的項目實施則與框架層和表現(xiàn)層相對應(yīng)，其中包括交互設(shè)計師所要做的輸出產(chǎn)品的原型，與視覺設(shè)計師需要對界面進行進一步的美化與加工。優(yōu)秀的視覺風(fēng)格會為產(chǎn)品增加亮點，提高產(chǎn)品的易用性，并讓用戶擁有更好的體驗。

以上的三個步驟“需求分析”“設(shè)計規(guī)劃”“設(shè)計實施”，是以用戶為中心的用戶體驗設(shè)計的主要流程，也與上文提到的五個層面緊緊地結(jié)合了起來。從用戶調(diào)研，進而分析出用戶需求，到最后成熟的落地產(chǎn)品，這呈現(xiàn)了以用戶為中心的設(shè)計原則。

（4）項目更進與成果檢驗

在設(shè)計師完成了自己的設(shè)計后，并不代表整個工作的結(jié)束。此時設(shè)計師需要做到項目跟進與成果檢驗兩個步驟。在程序員進行產(chǎn)品開發(fā)時，及時的溝通能夠讓產(chǎn)品上線工作事半功倍。因為程序員的工作只是讓產(chǎn)品能夠使用、如期上線，有時也無法保證完全按照設(shè)計師所設(shè)想的去做，這時候就需要兩方的溝通與協(xié)作，保證產(chǎn)品能夠順利落地。在整個程序工作完成后，設(shè)計師還需要進行成果檢驗，包括可用性測試、A/B測試等，可以簡單地理解為我們收卷前的自我檢查。只有這樣，才能提交一份低失誤、擁有良好用戶體驗的產(chǎn)品。

以上的五個流程從上至下，從抽象的業(yè)務(wù)訴求到完整的落地產(chǎn)品，環(huán)環(huán)相扣，一步也不能缺少。

結(jié)語

在我們拿到抽象的業(yè)務(wù)需求時，需要將用戶體驗放在首位，用戶需求最為基礎(chǔ)。其次進行用戶研究工作，根據(jù)實際的調(diào)研與問卷建立用戶模型、故事板等。以調(diào)研結(jié)果來輸出產(chǎn)品的基本功能。保證基本功能能夠以簡單自然的方式呈現(xiàn)，提高產(chǎn)品的易用性，減少用戶的學(xué)習(xí)成本。此為產(chǎn)品的戰(zhàn)略層，只有做好這些工作，接下來的設(shè)計才能不脫離主題，時刻“以用戶為中心”，打造出真正讓用戶喜愛的產(chǎn)品。

另外，在我們投入實際項目與落地產(chǎn)品時，也需要與一定的理論相結(jié)合，這樣，我們才能做出有內(nèi)涵和深度的產(chǎn)品。