原坤

基于用戶體驗(yàn)的APP界面設(shè)計(jì)研究

原坤

（山西青年職業(yè)學(xué)院，太原 030032）

目的 探討符合用戶體驗(yàn)的APP界面設(shè)計(jì)策略，為今后APP界面設(shè)計(jì)提供參考，更好地滿足用戶的需求。方法 對(duì)用戶體驗(yàn)進(jìn)行簡(jiǎn)要分析、了解之后，結(jié)合案例，并基于用戶需求、用戶情感體驗(yàn)、用戶心理狀態(tài)、用戶使用習(xí)慣等對(duì)APP界面設(shè)計(jì)展開(kāi)探究。結(jié)論 要使APP受到用戶的青睞，必須要了解用戶需求，把握用戶心理，根據(jù)用戶習(xí)慣來(lái)設(shè)計(jì)。

用戶體驗(yàn)；APP；界面設(shè)計(jì)

當(dāng)下，APP為用戶提供了工作和娛樂(lè)的便捷，但隨著APP越來(lái)越多元、多種類，人們有了更多的選擇，因此也開(kāi)始更多地重視產(chǎn)品使用過(guò)程中的直觀感受?；谟脩趔w驗(yàn)來(lái)進(jìn)行APP界面設(shè)計(jì)，不僅能夠更好地遵循用戶習(xí)慣、滿足用戶需求，還能夠大大提高APP的競(jìng)爭(zhēng)力。

1 用戶體驗(yàn)概述

1.1 用戶體驗(yàn)設(shè)計(jì)的目的

用戶體驗(yàn)，顧名思義是用戶使用產(chǎn)品時(shí)產(chǎn)生的一種心理上的主觀感受。用戶設(shè)計(jì)體驗(yàn)的根本目的就是探究用戶在實(shí)際使用的過(guò)程當(dāng)中，作為設(shè)計(jì)的實(shí)際應(yīng)用者，在應(yīng)用當(dāng)中所體會(huì)到的各種問(wèn)題[1]。設(shè)計(jì)者根據(jù)這些問(wèn)題進(jìn)行相應(yīng)的設(shè)計(jì)改進(jìn)，以滿足和適應(yīng)實(shí)際應(yīng)用者的需求。

1.2 用戶體驗(yàn)的要素

用戶在實(shí)際地對(duì)設(shè)計(jì)進(jìn)行應(yīng)用時(shí)，其體驗(yàn)分為戰(zhàn)略、范圍、結(jié)構(gòu)、框架、表現(xiàn)五個(gè)層次。這五個(gè)層次由下而上層層遞進(jìn)，前一個(gè)是后一個(gè)的基礎(chǔ)[2]。戰(zhàn)略層所包含的內(nèi)容為所設(shè)計(jì)產(chǎn)品的目的及對(duì)應(yīng)的目標(biāo)用戶。戰(zhàn)略層基礎(chǔ)之上為范圍層，其主要包含所設(shè)計(jì)的產(chǎn)品能夠給目標(biāo)用戶供給哪些實(shí)際需求。在范圍層之上則為結(jié)構(gòu)層，包括如何展示信息內(nèi)容及讓用戶完成交流互動(dòng)。再上就是框架層，包括界面、導(dǎo)航、信息三類設(shè)計(jì)。其中，界面設(shè)計(jì)著重于對(duì)界面的優(yōu)化；導(dǎo)航設(shè)計(jì)則是滿足用戶便捷的切換；信息設(shè)計(jì)是將信息內(nèi)容合理地分類排列。在此之上是表現(xiàn)層，也就是用戶實(shí)際應(yīng)用時(shí)所看到的最終效果[3]。

1.3 用戶體驗(yàn)的重要性

重視用戶體驗(yàn)是設(shè)計(jì)者在產(chǎn)品設(shè)計(jì)當(dāng)中最為關(guān)鍵的部分。用戶在應(yīng)用當(dāng)中的實(shí)際體驗(yàn)是產(chǎn)品設(shè)計(jì)能夠達(dá)到目標(biāo)需求的根本方法。用戶在使用時(shí)，產(chǎn)品的界面、交互設(shè)計(jì)等直接影響著用戶的感官，進(jìn)而關(guān)注其是否流暢鮮明且易于操作。好的用戶體驗(yàn)可以讓用戶迅速地對(duì)產(chǎn)品產(chǎn)生認(rèn)同感[4]。產(chǎn)品設(shè)計(jì)者可以通過(guò)對(duì)用戶體驗(yàn)的調(diào)查，適時(shí)地調(diào)整產(chǎn)品設(shè)的計(jì)方向，改變?cè)O(shè)計(jì)思路，讓軟件開(kāi)發(fā)朝著更為實(shí)用和便捷的方向發(fā)展。所以，產(chǎn)品設(shè)計(jì)的過(guò)程當(dāng)中，設(shè)計(jì)者要時(shí)刻關(guān)注用戶體驗(yàn)，站在用戶的角度去對(duì)軟件的各項(xiàng)功能進(jìn)行開(kāi)發(fā)，并且要及時(shí)有效地對(duì)用戶的實(shí)際需求進(jìn)行調(diào)查研究并記錄相關(guān)的信息，然后將這些需求融入產(chǎn)品的功能當(dāng)中。

2 基于用戶體驗(yàn)的APP界面設(shè)計(jì)

為了更好地進(jìn)行APP界面設(shè)計(jì)，需要了解用戶需求，根據(jù)用戶需求進(jìn)行產(chǎn)品定位。結(jié)合用戶情感體驗(yàn)對(duì)APP界面圖標(biāo)進(jìn)行創(chuàng)新。根據(jù)用戶習(xí)慣進(jìn)行APP界面的交互設(shè)計(jì)。充分考慮用戶使用時(shí)的心理狀態(tài)，滿足用戶心理預(yù)期?；谟脩粜枨笈c使用習(xí)慣進(jìn)行系統(tǒng)升級(jí)。優(yōu)化界面布局、提高便捷性。基于用戶使用感在APP界面加入快捷手勢(shì)[5]。

2.1 了解用戶需求并根據(jù)用戶需求進(jìn)行產(chǎn)品定位

用戶體驗(yàn)最基礎(chǔ)的層面即戰(zhàn)略層，是軟件設(shè)計(jì)最根本的目的。戰(zhàn)略層是以用戶需求為基礎(chǔ)造就的產(chǎn)品定位。所謂的用戶需求其實(shí)是在對(duì)用戶調(diào)查研究的基礎(chǔ)之上所得出的對(duì)用戶形象的模擬計(jì)算，需要大量的事實(shí)數(shù)據(jù)為依托，并通過(guò)分析比較，從這些數(shù)據(jù)當(dāng)中提煉出用戶的行為特征，進(jìn)而建立起用戶的外在模型[6]。因此，用戶需求的信息來(lái)源真實(shí)可靠，可以成為設(shè)計(jì)者及研究人員建立信息模型、制定設(shè)計(jì)思路和方向的基本依據(jù)。所以，好的軟件設(shè)計(jì)必然是建立在對(duì)用戶需求和產(chǎn)品定位的精準(zhǔn)把握之上的。例如，對(duì)于實(shí)時(shí)公交這類APP的設(shè)計(jì)，針對(duì)用戶的調(diào)研必不可少，使用者本身的出行規(guī)律、使用習(xí)慣、公共交通的各類痛點(diǎn)等都是軟件設(shè)計(jì)必須要考慮到的問(wèn)題，通過(guò)對(duì)同品類軟件的優(yōu)點(diǎn)、缺點(diǎn)，以及用戶在使用時(shí)最在意的各個(gè)方面進(jìn)行調(diào)研，最終會(huì)讓設(shè)計(jì)者得出此類APP軟件的定位，那就是服務(wù)于廣大使用公共交通出行方式的人群，且查詢準(zhǔn)確、使用簡(jiǎn)單、支付快捷。此外，為軟件產(chǎn)品命名也一定要基于產(chǎn)品定位，這樣更能讓用戶一目了然，進(jìn)而提高產(chǎn)品的認(rèn)可度[7]。

2.2 結(jié)合用戶情感體驗(yàn)對(duì)APP界面圖標(biāo)進(jìn)行創(chuàng)新

圖標(biāo)是手機(jī)APP界面設(shè)計(jì)的重要環(huán)節(jié)。作為手機(jī)APP的門(mén)面，圖標(biāo)的作用就是通過(guò)富有創(chuàng)意的視覺(jué)元素直接刺激用戶的視覺(jué)感官，讓用戶能夠因這種體驗(yàn)感而對(duì)手機(jī)APP產(chǎn)生愉悅、信任、依賴等情感體驗(yàn)。在不同設(shè)計(jì)者的創(chuàng)作中，會(huì)形成千變?nèi)f化的視覺(jué)形象，從而也會(huì)得到五花八門(mén)的圖標(biāo)設(shè)計(jì)效果。這些不同的圖標(biāo)設(shè)計(jì)對(duì)用戶所造成的視覺(jué)沖擊是有著很大的區(qū)別的。好的、有創(chuàng)意的圖標(biāo)能讓用戶喜悅、贊賞，而不佳的圖標(biāo)設(shè)計(jì)則會(huì)讓用戶感到厭煩，從而對(duì)手機(jī)APP本身產(chǎn)生不耐煩的心理[8]。手機(jī)APP的圖片設(shè)計(jì)要注重迎合用戶的情感體驗(yàn)，并且在設(shè)計(jì)上注重發(fā)揮設(shè)計(jì)者的才華，充滿創(chuàng)意的圖標(biāo)設(shè)計(jì)可以更好地讓用戶產(chǎn)生情感共鳴，并強(qiáng)化產(chǎn)品的品牌形象，贏得用戶的好感度。所以，設(shè)計(jì)者要從用戶的利益出發(fā)，站在用戶的立場(chǎng)之上去考量設(shè)計(jì)中所需要應(yīng)用的圖形、色彩、文字等視覺(jué)元素，不能偏離軟件本身的使用功能，而且必須要明了地去圍繞主題進(jìn)行設(shè)計(jì)，讓用戶能夠做到一望而知，看到圖片就立刻聯(lián)想到軟件的功能。如果因?yàn)檫^(guò)于追求設(shè)計(jì)而偏離了主題含義，不但無(wú)法完成圖標(biāo)設(shè)計(jì)本身的功能，而且還會(huì)產(chǎn)生歧義，給用戶帶來(lái)不必要的困擾。優(yōu)秀的圖標(biāo)設(shè)計(jì)能夠在用戶和手機(jī)軟件之間達(dá)成有效的溝通，提升用戶對(duì)軟件的認(rèn)可度，并在情感上對(duì)APP產(chǎn)生黏性。此外，手機(jī)APP界面的圖標(biāo)還能夠有效地喚起用戶的記憶，并且內(nèi)化自我價(jià)值。所以，手機(jī)APP的設(shè)計(jì)者們必須要不斷思索，如何才能夠找到最佳的視覺(jué)元素，以完成對(duì)圖標(biāo)的創(chuàng)意設(shè)計(jì)，有效地拉近用戶與手機(jī)APP之間的距離，讓用戶對(duì)軟件產(chǎn)生認(rèn)同和依賴[9]。

2.3 根據(jù)用戶習(xí)慣進(jìn)行APP界面的交互設(shè)計(jì)

手機(jī)APP和用戶之間其實(shí)是一種交互過(guò)程，手機(jī)APP在界面設(shè)計(jì)的各個(gè)層面上都會(huì)給用戶帶來(lái)最為直接的體驗(yàn)，進(jìn)而影響用戶對(duì)手機(jī)APP功能的認(rèn)可度，從而決定是否繼續(xù)使用。這些界面的設(shè)計(jì)必須要以用戶習(xí)慣為基礎(chǔ)[10]，換言之，客戶就是上帝。以購(gòu)物APP為例，設(shè)計(jì)者要從用戶使用習(xí)慣的角度去對(duì)產(chǎn)品進(jìn)行排列和介紹，因?yàn)檫@些往往會(huì)直接影響用戶的興趣。要注重優(yōu)化用戶的購(gòu)物實(shí)際體驗(yàn)，讓用戶充分感覺(jué)到方便和快捷。在情感化設(shè)計(jì)這方面，可以有效增加原有用戶的黏合度，讓長(zhǎng)期使用的客戶形成使用習(xí)慣，對(duì)那些長(zhǎng)期不使用此APP的用戶，當(dāng)再度打開(kāi)APP時(shí)，也可以根據(jù)其使用習(xí)慣，適時(shí)地給予更新提示及各種建議。另一方面，情感化設(shè)計(jì)還有利于拓展新的APP使用群體，設(shè)計(jì)者借用情感化設(shè)計(jì)，結(jié)合AI技術(shù)，總結(jié)用戶在瀏覽時(shí)候的使用規(guī)律，找到新用戶的興趣點(diǎn)，進(jìn)而有針對(duì)性地向用戶推送相關(guān)內(nèi)容，讓新用戶能夠體會(huì)到APP的便捷。購(gòu)物類的APP在設(shè)計(jì)時(shí)，還要充分考慮到其最基本的購(gòu)物功能，加強(qiáng)賣家和買家雙方的互動(dòng)交流，給雙方更多的展示和分享區(qū)域，讓用戶可以在APP上探討商品的優(yōu)劣及個(gè)人的購(gòu)物體驗(yàn)，從而在使用時(shí)可以提升其購(gòu)物效率，也讓賣家用戶能更全方位地展示商品的優(yōu)勢(shì)，從而招攬更多的賣家用戶[11]。

2.4 充分考慮用戶使用時(shí)的心理狀態(tài)并滿足用戶心理預(yù)期

用戶在第一次打開(kāi)手機(jī)APP并進(jìn)入界面之時(shí)，會(huì)跟隨APP設(shè)立的指示性引導(dǎo)設(shè)立正確有效的心理模型。所以，手機(jī)APP的界面設(shè)計(jì)必須要滿足用戶的心理預(yù)期，在界面的整體布局上要符合大眾用戶的日常習(xí)慣，由左至右，由上至下，APP中的各個(gè)圖標(biāo)在排列的時(shí)候要邏輯清晰，不能給用戶增加額外的閱覽障礙。設(shè)計(jì)者要充分考慮到用戶使用APP時(shí)的心理狀態(tài)，在設(shè)計(jì)界面時(shí)，要讓用戶在操作的時(shí)候體會(huì)到自我處于主導(dǎo)地位，而不是被動(dòng)地跟隨APP給出的各種信息[12]。

2.5 基于用戶需求與使用習(xí)慣進(jìn)行系統(tǒng)升級(jí)

手機(jī)APP在設(shè)計(jì)時(shí)還要考慮到其本身的信息分析功用和升級(jí)管理問(wèn)題。在系統(tǒng)設(shè)計(jì)上，APP要搜集、分析、管理用戶的各類需求信息，并且依據(jù)這些信息，解析用戶的使用習(xí)慣、日常愛(ài)好等，以便更好地為用戶提供服務(wù)。在升級(jí)管理上，APP的系統(tǒng)優(yōu)化是建立在用戶需求不斷增加和改變之上的。APP要不斷根據(jù)用戶的需求完成自我升級(jí)，提高APP本身的各項(xiàng)功能，滿足用戶的需求。

2.6 優(yōu)化界面布局以提高便捷性

手機(jī)APP的界面布局如何，直接影響著用戶在使用時(shí)的體驗(yàn)。界面布局是否合理優(yōu)秀是界面設(shè)計(jì)成功與否的關(guān)鍵。設(shè)計(jì)者在界面設(shè)計(jì)時(shí)要奉行無(wú)障礙原則，讓用戶在使用時(shí)不迷茫、不費(fèi)解且迅速地找到所要的內(nèi)容，并且界面整體也要美觀大方。因此，設(shè)計(jì)者要將APP的主要功能、次要功能進(jìn)行合理分配，將最重要的功能圖標(biāo)放置在最為顯眼的位置，其他功能則要圍繞主要功能作為點(diǎn)綴，讓用戶一目了然，在提高使用效率的同時(shí)也增加使用時(shí)的愉悅感。例如，通話界面設(shè)計(jì)就是一個(gè)非常成功的無(wú)障礙布局案例。作為手機(jī)最基本的功能之一，用戶能夠簡(jiǎn)潔明了又快捷迅速地實(shí)現(xiàn)撥號(hào)、搜尋電話簿等功能，這是實(shí)現(xiàn)此界面功能的關(guān)鍵。設(shè)計(jì)者將撥號(hào)鍵、鍵盤(pán)、結(jié)束鍵置于整個(gè)界面的最中心位置，而其他的次要功能則圍繞這些主要功能布局。此外，針對(duì)一些功能繁多的APP，設(shè)計(jì)者要嘗試加入搜索功能，以便用戶迅速地定位自己的需求[13]。

2.7 基于用戶使用感在APP界面加入快捷手勢(shì)

手機(jī)的屏幕具有一定的局限性，盡管手機(jī)的設(shè)計(jì)者通過(guò)各種方式在不斷地?cái)U(kuò)大屏幕的空間。但是研究發(fā)現(xiàn)，尺寸過(guò)大的手機(jī)并不利于人們的日常使用。尤其對(duì)于女性，4英寸（1英寸=2.55 cm）左右的手機(jī)最適合拿在手掌當(dāng)中使用。如果超過(guò)這個(gè)尺寸，就會(huì)影響到使用者的體驗(yàn)感。在手機(jī)APP的設(shè)計(jì)上，必須要考慮到這一問(wèn)題，設(shè)計(jì)者可以通過(guò)增加快捷手勢(shì)的方法讓用戶能夠在有限的屏幕空間當(dāng)中實(shí)現(xiàn)更便捷的操作功能，讓用戶盡可能單手就能夠完成操作。例如，手機(jī)APP的返回鍵通常會(huì)設(shè)置在屏幕的左上位置，用戶在使用時(shí)候往往必須要一手持手機(jī)，另一手去點(diǎn)擊操作，這無(wú)形中增加了操作的難度。如果設(shè)計(jì)一個(gè)滑動(dòng)退出的快捷手勢(shì)，就可以輕松地解決這個(gè)問(wèn)題，讓用戶在使用時(shí)更加簡(jiǎn)便流暢。在當(dāng)前的APP設(shè)計(jì)上，功能鍵已經(jīng)越來(lái)越少，設(shè)計(jì)者更加熱衷于使用快捷手勢(shì)。這正是因?yàn)槭謩?shì)更加符合用戶在使用時(shí)的實(shí)際情況，也貼合用戶的心理狀態(tài)，更好地滿足了用戶的需求。此外，越來(lái)越多的設(shè)計(jì)者也習(xí)慣于在APP中加入單手模式。這種新的操作模式利于用戶在特定的條件之下改變?cè)械碾p手操作模式，實(shí)現(xiàn)單手控制功能鍵。這也是另一種模式之下的便捷手勢(shì)方法。

3 結(jié)語(yǔ)

隨著數(shù)字媒體技術(shù)的發(fā)展普及，在界面設(shè)計(jì)不斷摸索向前發(fā)展的過(guò)程中，用戶體驗(yàn)設(shè)計(jì)發(fā)揮著越來(lái)越重要的作用。雖然APP設(shè)計(jì)日臻成熟，但設(shè)計(jì)者單純依靠經(jīng)驗(yàn)和直覺(jué)做設(shè)計(jì)顯然是行不通的?，F(xiàn)如今，用戶更多關(guān)注的是其中的體驗(yàn)和服務(wù)。良好的產(chǎn)品體驗(yàn)會(huì)提升產(chǎn)品的檔次與價(jià)值，同時(shí)也會(huì)增加用戶對(duì)產(chǎn)品的忠誠(chéng)度。因此研究用戶體驗(yàn)導(dǎo)向下的APP個(gè)性化界面設(shè)計(jì)、提升個(gè)性化界面設(shè)計(jì)的高效性與滿意性等有利于APP的推廣。

[1] 謝碧曉. 基于用戶體驗(yàn)的移動(dòng)端界面情感化設(shè)計(jì)研究[J]. 中國(guó)包裝, 2022, 42(6): 46-48. XIE B X. Research on Emotional Design of Mobile Interface Based on User Experience[J]. Chinese Packaging, 2022, 42(6): 46-48.

[2] 吳迪. 基于用戶體驗(yàn)的鄂爾多斯旅游類APP界面設(shè)計(jì)[D]. 內(nèi)蒙古: 內(nèi)蒙古師范大學(xué), 2022. WU D. The Design of Erdos Travel APP Interface Based on User Experience[D]. Inner Monglia: Inner Mongolia Normal University, 2022.

[3] 劉雨姣, 吳瓊, 王瑩. 一款專注于設(shè)計(jì)類考研的APP交互界面設(shè)計(jì)——以記藝APP為例[J]. 設(shè)計(jì), 2022, 35(5): 42-45. LIU Y J, WU Q, WANG Y. An APP Interface Design Focusing on the Design of Postgraduate Entrance Examination: Take the Record Art APP as an Example[J]. Design, 2022, 35(5): 42-45.

[4] 彭華明, 陶玉棠. 用戶體驗(yàn)導(dǎo)向下的APP個(gè)性化界面設(shè)計(jì)研究[J]. 現(xiàn)代電子技術(shù), 2022, 45(4): 73-77. PENG H M, TAO Y T. Research on User Experience Oriented APP Personalized Interface Design[J]. Modern Electronics, 2022, 45(4): 73-77.

[5] 周雅婕, 汪沙娜. 基于心流理論的APP界面設(shè)計(jì)案例分析[J]. 電子技術(shù), 2021, 50(11): 20-24. ZHOU Y J, WANG S N. Case Study of APP Interface Design Based on Flow Theory[J]. Electronics, 2021, 50(11): 20-24.

[6] 王妍. 基于用戶心智模型的手機(jī)視頻APP界面設(shè)計(jì)研究[D]. 鎮(zhèn)江: 江蘇大學(xué), 2021. WANG Y. Research on Mobile Video APP Interface Design Based on User Mental Model[D]. Zhenjiang: Jiangsu University, 2021.

[7] 江梅梅. 傳統(tǒng)文化視覺(jué)元素在APP界面設(shè)計(jì)中的應(yīng)用探析[J]. 滁州學(xué)院學(xué)報(bào), 2021, 23(4): 47-51. JIANG M M. Application of Traditional Cultural Visual Elements in APP Interface Design[J]. Journal of Chuzhou College, 2021, 23(4): 47-51.

[8] 劉怡利. 基于APP交互界面設(shè)計(jì)中情感化視覺(jué)創(chuàng)新研究[J]. 藝術(shù)品鑒, 2021(20): 155-156. LIU Y L. Research on Emotional Visual Innovation in App-based Interactive Interface Design[J]. Art Appreciation, 2021(20): 155-156.

[9] 袁帥. 基于老年用戶體驗(yàn)下的生活助手類APP界面視覺(jué)設(shè)計(jì)探究[D]. 太原: 山西師范大學(xué), 2021. YUAN S. Research on the Visual Design of Life Assistant APP Interface Based on the Experience of Elderly Users[D]. Taiyuan: Shanxi Teachers University, 2021.

[10] 朱南瑾. 兒童美術(shù)教育類APP界面交互式設(shè)計(jì)研究[D]. 桂林: 廣西師范大學(xué), 2021. ZHU N J. Research on Interactive Design of APP Interface for Children's Art Education[D]. Guilin: Guangxi Normal University, 2021.

[11] 郭楚燕. 移動(dòng)App界面設(shè)計(jì)中的情感化設(shè)計(jì)探究[J]. 明日風(fēng)尚, 2021(10): 95-96.GUO C Y. Research on Emotional Design in Mobile APP Interface Design[J]. Tomorrow's Fashion, 2021(10): 95-96.

[12] 馬蕾, 鄭童. 淺談漢服文化的APP界面設(shè)計(jì)[J]. 西部皮革, 2021, 43(7): 80. MA L, ZHENG T. On the APP Interface Design of Hanfu Culture[J]. Western Leather, 2021, 43(7): 80.

[13] 藍(lán)子易. 基于情感化設(shè)計(jì)的APP界面設(shè)計(jì)研究[D]. 唐山: 華北理工大學(xué), 2021. LAN Z Y. Research on APP Interface Design Based on Emotional Design[D]. Tangshan: North China University of Technology, 2021.

Research on APP Interface Design Based on User Experience

YUAN Kun

(Shanxi Youth Vocational College, Taiyuan 030032, China)

objective: to explore the user experience of APP interface design strategy, in order to provide a reference for the future APP interface design, better meet the needs of users. Methods: after a brief analysis of user experience, based on the case of user needs, user emotional experience, user psychological state, user habits and other user interface design to explore. Conclusion: to make the APP be favored by users, we must understand the user needs, grasp the user psychology, according to user habits to design.

User Experience; app; interface design

TB472

A

1001-3563(2024)04-0304-03

10.19554/j.cnki.1001-3563.2024.04.032

2023-09-11