李晨

摘要：為了給電競(jìng)愛(ài)好者提供專業(yè)且多元化的游戲外設(shè)服務(wù)，以APP的形式設(shè)計(jì)制作。通過(guò)針對(duì)性更加強(qiáng)的外設(shè)產(chǎn)品導(dǎo)購(gòu)?fù)扑]，使用戶省去不知購(gòu)買(mǎi)何種外設(shè)的煩惱；另外通過(guò)推薦不同版塊的外設(shè)資訊以及測(cè)評(píng)，來(lái)提升用戶的活躍度，最終打造一個(gè)專業(yè)的外設(shè)生態(tài)服務(wù)圈。其視覺(jué)設(shè)計(jì)制作效果最終以簡(jiǎn)潔的色彩與便捷布局為主。根據(jù)市場(chǎng)調(diào)研，分析APP運(yùn)營(yíng)的環(huán)境，確認(rèn)軟件功能需求劃分以及對(duì)于運(yùn)營(yíng)的數(shù)據(jù)分析和效益預(yù)測(cè)之后，設(shè)計(jì)工作主要包括了低保真、高保真的還原制作，來(lái)實(shí)現(xiàn)最終的APP視覺(jué)設(shè)計(jì)。

關(guān)鍵詞：低保真；高保真；視覺(jué)設(shè)計(jì)

中圖分類號(hào)：F49 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2018）23-0041-01

隨著電競(jìng)市場(chǎng)的不斷進(jìn)步，國(guó)內(nèi)熱愛(ài)電競(jìng)游戲的玩家數(shù)量不計(jì)其數(shù)。因此，用戶對(duì)于游戲外設(shè)的需求也越來(lái)越高。而目前購(gòu)買(mǎi)游戲外設(shè)一般的途徑是通過(guò)淘寶、京東這樣的電商平臺(tái)，但是此類平臺(tái)又缺乏相關(guān)的專業(yè)性服務(wù)，例如資訊，產(chǎn)品評(píng)測(cè)等。在這樣的背景下，電競(jìng)玩家就需要有一款能夠?yàn)樗麄兲峁I(yè)性、多元化服務(wù)的游戲外設(shè)APP，滿足不同玩家對(duì)游戲外設(shè)的不同需求

一、應(yīng)用制作的設(shè)計(jì)理念

1.應(yīng)用目標(biāo)以及運(yùn)行環(huán)境。在此類電商APP系統(tǒng)建設(shè)中，將注重網(wǎng)絡(luò)平臺(tái)、應(yīng)用體系、數(shù)據(jù)庫(kù)體系和安全體系的規(guī)劃和建設(shè)，實(shí)現(xiàn)在IOS系統(tǒng)中可以正常運(yùn)行；體現(xiàn)在游戲外設(shè)商品展示、咨詢發(fā)布，完善數(shù)據(jù)管理系統(tǒng)主要體現(xiàn)在游戲外設(shè)商品數(shù)據(jù)和外設(shè)咨詢信息的及時(shí)更新、以及用戶評(píng)論數(shù)據(jù)的更新。重點(diǎn)維護(hù)APP的安全性，如：用戶管理和模塊管理。最終目標(biāo)對(duì)于用戶能夠方便、快捷、安全、可靠、及時(shí)、準(zhǔn)確的收集。對(duì)于APP可具備安全體系標(biāo)準(zhǔn)統(tǒng)一、適應(yīng)需求、切實(shí)可行的網(wǎng)絡(luò)安全保障體系。

2.應(yīng)用主要功能的設(shè)計(jì)成型。通過(guò)制作問(wèn)卷調(diào)查，對(duì)特定人群和游戲玩家的一類人群針對(duì)性的發(fā)放紙質(zhì)型調(diào)查問(wèn)卷。也通過(guò)市場(chǎng)調(diào)研得到的數(shù)據(jù)結(jié)果進(jìn)行數(shù)據(jù)分析，對(duì)于數(shù)據(jù)的篩選及分析之后，得到類于超過(guò)六成的人考慮購(gòu)買(mǎi)或者已經(jīng)購(gòu)買(mǎi)過(guò)中端以上的游戲外設(shè)裝備；產(chǎn)品評(píng)測(cè)以及專業(yè)資訊是用戶最希望具備的功能等這樣的分析得到這樣的分析結(jié)論。

由此將APP的功能模塊劃分為商品推薦和咨詢功能。商品推薦模塊主要內(nèi)容是游戲外設(shè)商品的陳列以及導(dǎo)購(gòu)功能的入口。在推薦模塊中，會(huì)根據(jù)不同的分類陳列商品，譬如熱門(mén)、耳機(jī)、鍵盤(pán)、手柄、鼠標(biāo)等一系列的細(xì)化分類，從而讓用戶能夠更加清晰與快捷的找到自己想要的商品。同時(shí)也能夠在用戶沒(méi)有目的性的購(gòu)買(mǎi)時(shí)起到商品推薦的作用。在資訊功能模塊中，根據(jù)不同的外設(shè)資訊種類與品牌分類從而設(shè)置了不同的外設(shè)資訊版塊譬如新品測(cè)評(píng)、外設(shè)資訊、游戲資訊、科技前沿等。這些都是便于不同玩家的不同設(shè)計(jì)分類。

作為電商APP，頁(yè)面設(shè)計(jì)上應(yīng)用的購(gòu)物車功能保持在界面的右上角，方便用戶進(jìn)行查看、整合、購(gòu)買(mǎi)。在進(jìn)入商品詳情頁(yè)面之后，頁(yè)面的功能更注重于一鍵購(gòu)買(mǎi)與商品分享。頂層的漂浮按鈕在滑動(dòng)長(zhǎng)界面的時(shí)候停留在底部，讓用戶不用滑動(dòng)到界面頂端或者底端都可以隨時(shí)購(gòu)買(mǎi)或分享商品。方便用戶的同時(shí)也是給用戶視覺(jué)上的一種便捷行為習(xí)慣。

二、交互設(shè)計(jì)的低保真與高保真制作

根據(jù)頁(yè)面規(guī)范，開(kāi)始構(gòu)建APP的低保真原型圖。在低保真的制作中，首頁(yè)一共放置了兩個(gè)一級(jí)界面推薦、資訊。登錄注冊(cè)頁(yè)面與普通的電商登錄注冊(cè)頁(yè)不同，此APP將登錄注冊(cè)兩個(gè)按鈕放在了同一個(gè)頁(yè)面當(dāng)中，避免讓用戶在頁(yè)面跳轉(zhuǎn)之間迷失在頁(yè)面層級(jí)之中。在頁(yè)面中省去了第三方登錄按鈕其一原因是省去的了讓用戶選擇的時(shí)間，其二是獲取用戶信息保障應(yīng)用的有效用戶量。

在應(yīng)用的高保真制作上，根據(jù)應(yīng)用的高保真設(shè)計(jì)規(guī)范，高保真按照低保真的標(biāo)準(zhǔn)進(jìn)行模擬還原。在頁(yè)面設(shè)計(jì)上，分為三個(gè)部分：其一，在頁(yè)面色彩選擇上為了避免用戶的視覺(jué)疲勞感，使用大面積藏青色和白色為頁(yè)面的基本主調(diào)；其二，在導(dǎo)航的設(shè)計(jì)中，使用了90%的半透明，讓用戶整體瀏覽商品時(shí)的視覺(jué)感官得到順暢。在商品詳情頁(yè)延續(xù)了卡片設(shè)計(jì)，但采用了無(wú)陰影的手法，原因上商品信息內(nèi)容增加，卡片數(shù)量也隨之增加，更小的卡片間距，去掉陰影后頁(yè)面的內(nèi)容更加清爽易讀。同樣用字體的粗細(xì)拉開(kāi)標(biāo)題與描述文字的層級(jí)關(guān)系；其三，在界面布局上，卡片式的布局能夠讓用戶將推薦的商品信息更好的區(qū)分，更具有視覺(jué)沖擊力，同時(shí)也讓用戶有更大的觸控區(qū)域，更好的得到用戶體驗(yàn)。同時(shí)也跳出來(lái)當(dāng)今APP大肆使用扁平化設(shè)計(jì)給用戶帶來(lái)的扁平審美疲勞。

三、結(jié)語(yǔ)

設(shè)計(jì)電商類APP設(shè)計(jì)中色彩選擇上是更具有科技感的單色調(diào)讓整體界面呈現(xiàn)簡(jiǎn)潔干凈的設(shè)計(jì)特征但同時(shí)不會(huì)讓用戶覺(jué)得單調(diào)。在制作中高保真按照低保真的標(biāo)準(zhǔn)進(jìn)行模擬還原，設(shè)計(jì)出預(yù)想最終的視覺(jué)特點(diǎn)，為更多的游戲用戶帶來(lái)便捷、舒適的視覺(jué)設(shè)計(jì)效果。