培小蝸校園義賣(mài)APP的界面交互設(shè)計(jì)

羅路遙 李彩云

（廣東培正學(xué)院，廣東 廣州 510830）

一、緒論

（一）項(xiàng)目背景

隨著生活時(shí)代的發(fā)展以及生活水平的日益提高，人們的日常生活中到處充斥著不需要用到的物品，但是在大家的心理作用以及囤積強(qiáng)迫癥下，他們又很難做到“斷舍離”。隨著時(shí)間得推移，物品可能會(huì)變得老舊或者失去它原本所能實(shí)現(xiàn)的功能，但是物主不能確定它是否有繼續(xù)使用的機(jī)會(huì)，那么這些物品就會(huì)遭到物主的閑置。

（二）項(xiàng)目意義

用戶(hù)將自己需求性不高或是閑置的物品，通過(guò)線上的方式售賣(mài)給需要它的買(mǎi)家并且獲得部分的報(bào)酬，平臺(tái)將會(huì)把部分資金統(tǒng)一收集起來(lái)，捐獻(xiàn)給物質(zhì)缺乏、需要幫助的人。讓這個(gè)社會(huì)能和實(shí)現(xiàn)廢物利用，也為這個(gè)社會(huì)增添一些愛(ài)的味道。

（三）項(xiàng)目目的

所作項(xiàng)目的目的是在于義賣(mài)活動(dòng)作為全校性的大型公益慈善活動(dòng)，旨在傳遞愛(ài)心，培養(yǎng)學(xué)生的自主管理意識(shí)、團(tuán)隊(duì)意識(shí)、社會(huì)責(zé)任感，鍛煉學(xué)生的實(shí)踐能力，倡導(dǎo)勤儉樸素的生活作風(fēng)，營(yíng)造友愛(ài)和諧的校園氛圍等[1]，而活動(dòng)最大的現(xiàn)實(shí)目的就提高在校大學(xué)生閑置物品利用率，減少浪費(fèi)。義賣(mài)活動(dòng)可以讓大學(xué)生們盡微薄之力，盡可能幫助需要的人，同時(shí)養(yǎng)成勤儉節(jié)約的好習(xí)慣。倘若能將閑置物品捐贈(zèng)給慈善事業(yè)，使其發(fā)揮出更大的作用，是許多人喜聞樂(lè)見(jiàn)的結(jié)果。

二、培小蝸校園義賣(mài)APP界面的設(shè)計(jì)

（一）前期準(zhǔn)備

在培小蝸校園義賣(mài)APP界面設(shè)計(jì)之前，我們通過(guò)填寫(xiě)調(diào)查問(wèn)卷的方式對(duì)大多數(shù)的在校學(xué)生進(jìn)行了調(diào)查，了解到當(dāng)代在校大學(xué)生對(duì)培小蝸校園義賣(mài)APP的使用意愿，對(duì)義賣(mài)持有的態(tài)度，以及在平時(shí)的大學(xué)生活里是否會(huì)把自己閑置的物品進(jìn)行義賣(mài)。同時(shí)收集了用戶(hù)對(duì)此app的意見(jiàn)和建議，以便我們及時(shí)更改漏洞，完善培小蝸校園義賣(mài)APP的使用。

通過(guò)調(diào)查發(fā)現(xiàn)，90.57%的人群表示愿意使用校園義賣(mài)APP，僅有9.43%的人群不愿意使用校園義賣(mài)APP。62.26%的人群覺(jué)得義賣(mài)活動(dòng)很好，值得參與，37.74%的人群覺(jué)得一般，無(wú)人覺(jué)得不好。大部分的人群會(huì)將自己閑置的書(shū)籍和生活用品進(jìn)行義賣(mài)，10元到20元是大部分人群所能接受的價(jià)格范圍。

（二）培小蝸校園義賣(mài)主要界面設(shè)計(jì)核心

1.圖標(biāo)設(shè)計(jì)

如果說(shuō)UI界面是用戶(hù)與手機(jī)操作系統(tǒng)之間交流的窗口的話， 那在窗戶(hù)里面的就是圖標(biāo)， 用戶(hù)能夠通過(guò)圖標(biāo)所表示的意義進(jìn)行相應(yīng)的軟件操作， 所以圖標(biāo)設(shè)計(jì)在UI界面設(shè)計(jì)中是重中之重[2]。在確定好整個(gè)界面的風(fēng)格同時(shí)，也將圖標(biāo)的色調(diào)以及風(fēng)格保持一致，圖標(biāo)的設(shè)計(jì)著重在于符合主題，容易識(shí)別，容易理解。通過(guò)繪制蝸牛形象的logo以及簡(jiǎn)約可愛(ài)的功能圖標(biāo)體現(xiàn)出當(dāng)代校園義賣(mài)的積極向上，有愛(ài)的一面。

2.首頁(yè)

該首頁(yè)作為整個(gè)APP內(nèi)容的核心，包含了對(duì)培小蝸的整體主要功能，以及推送最新義賣(mài)品等。同時(shí)通過(guò)推送相關(guān)義賣(mài)新聞資訊，讓用戶(hù)能夠有更多的體驗(yàn)感[3]。在首頁(yè)的上方的位置，我們?cè)O(shè)置了搜索框以及搜索按鈕，該搜索框能夠搜索到培小蝸校園義賣(mài)APP所涵蓋的所有內(nèi)容，并且直接定位到該內(nèi)容的界面，方便用戶(hù)查找自己需要的內(nèi)容。上方三分之一的界面設(shè)計(jì)了一個(gè)計(jì)數(shù)器，能夠計(jì)錄參與了培小蝸校園義賣(mài)的人數(shù)。界面中間位置有四個(gè)按鈕，分別對(duì)應(yīng)“分類(lèi)”“兌換”“報(bào)名”“回收”。按鈕下方設(shè)置了近期平臺(tái)的頭條信息，用戶(hù)可以通過(guò)點(diǎn)擊該區(qū)域進(jìn)入瀏覽頭條信息。界面下方是根據(jù)時(shí)間軸發(fā)布的義賣(mài)品，最上方的為最新發(fā)布的義賣(mài)物品，該區(qū)域會(huì)顯示義賣(mài)物品的簡(jiǎn)介、時(shí)間以及價(jià)格。界面底部則是界面切換按鈕，通過(guò)該按鈕可以切換至其他界面。

3.行跡界面

在行跡界面的上方的位置同樣設(shè)計(jì)了一個(gè)搜索框，便于用戶(hù)搜索行跡內(nèi)容。每一次義賣(mài)活動(dòng)后，平臺(tái)會(huì)將本次義賣(mài)所獲得的資金轉(zhuǎn)交當(dāng)?shù)氐挠嘘P(guān)部門(mén)，由有關(guān)部門(mén)將線上義賣(mài)所得的全部金額轉(zhuǎn)交給需要幫助的人們。用戶(hù)可以在行跡界面中可以了解到每一次捐獻(xiàn)活動(dòng)的具體過(guò)程，內(nèi)容包括每次捐獻(xiàn)的時(shí)間，地點(diǎn)，捐助的人群，以及每一次捐獻(xiàn)活動(dòng)工作人員的心得與總結(jié)。

4.信息界面

信息界面會(huì)顯示出需要幫助的人群，他們中有山區(qū)的留守兒童，有偏遠(yuǎn)地區(qū)的殘疾人群，還有生活在貧困地區(qū)的人群。點(diǎn)擊其中一個(gè)圖片即可進(jìn)入了解更多信息內(nèi)容，其中可以了解到義賣(mài)所得的資金為他們帶去怎么的生活改善，更加直觀地讓參與義賣(mài)的人們可以看到他們辛苦付出所獲得的回報(bào)。同時(shí)也讓受益人群的微笑永遠(yuǎn)留在信息平臺(tái)上，讓更多人參與到義賣(mài)活動(dòng)中來(lái)。

5.個(gè)人中心界面

個(gè)人中心界面能夠顯示用戶(hù)的所有個(gè)人信息，用戶(hù)可以在此界面查看自己在平臺(tái)購(gòu)買(mǎi)的閑置物品的發(fā)貨狀態(tài)，以及自己發(fā)布的閑置物品的狀態(tài)。通過(guò)參與義賣(mài)活動(dòng)可以獲得平臺(tái)贈(zèng)送的相應(yīng)的蝸幣，蝸幣可以在平臺(tái)內(nèi)兌換校內(nèi)共享雨傘的使用次數(shù)。這也將成為培小蝸校園義賣(mài)App的特色服務(wù)功能，激發(fā)更多大學(xué)生參與義賣(mài)活動(dòng)中。此外還能查看自己的卡包，收藏，分享，地址等信息，點(diǎn)擊設(shè)置可以更改用戶(hù)的個(gè)人信息。

三、培小蝸校園義賣(mài)APP的交互設(shè)計(jì)分析

（一）交互方式多樣性

在設(shè)計(jì)培小蝸校園義賣(mài)app界面交互的同時(shí)，設(shè)計(jì)者首先得了解用戶(hù)的需求，需要站在用戶(hù)的角度以及遵循設(shè)計(jì)原則進(jìn)行交互界面的設(shè)計(jì)，通過(guò)研究人員深入性研究并站在用戶(hù)角度設(shè)計(jì)出優(yōu)質(zhì)的交互界面，從而實(shí)現(xiàn)用戶(hù)的需求，實(shí)現(xiàn)的核心是技術(shù)[4]。以培小蝸為例，用戶(hù)可以通過(guò)直接性操作又或是手勢(shì)操作等，將自己閑置物品放入首頁(yè)義賣(mài)區(qū)里進(jìn)行義賣(mài)。只需對(duì)物品進(jìn)行拍攝又或是通過(guò)手勢(shì)添加圖片、視頻，將物品的圖片或是視頻傳入對(duì)應(yīng)的位置，附帶一小段該物品的簡(jiǎn)介，并且填入自己希望得到的義賣(mài)價(jià)格，點(diǎn)擊上傳按鈕，就可以將自己閑置的物品發(fā)布到APP上，并且可以在APP上瀏覽各種物品，同時(shí)也能選擇自己想要的物品進(jìn)行購(gòu)買(mǎi)，購(gòu)買(mǎi)所支付的金額將會(huì)部分計(jì)算到個(gè)人賬戶(hù)中。用戶(hù)通過(guò)點(diǎn)擊我的界面能夠查金額以及物流等。

（二）交互布局簡(jiǎn)易性

在進(jìn)行交互操作時(shí)，其中要素為動(dòng)態(tài)。它可以賦予APP生命力，讓界面功能變得更加生動(dòng)且具有活力，同時(shí)在添加動(dòng)態(tài)要素的同時(shí)，應(yīng)當(dāng)簡(jiǎn)化操作步驟，使整個(gè)流程簡(jiǎn)單而又清晰?？筛鶕?jù)用戶(hù)的使用需求，將功能元素進(jìn)行分類(lèi)，主要功能應(yīng)當(dāng)處于界面核心位置，能夠讓用戶(hù)在不同情況進(jìn)行交互操作下，迅速找到需要的信息以及功能位置，從而達(dá)到需求目的[5]。

（三）交互內(nèi)容個(gè)性化

培小蝸校園義賣(mài)app的用戶(hù)群體大多數(shù)為女大學(xué)生，她們對(duì)界面視覺(jué)層次感以及交互方式統(tǒng)一化的態(tài)度持為否定，那充分考慮到用戶(hù)的個(gè)性化需求，APP的主色調(diào)選為了鮮橙色，符合女性群體熱情奔放的形象。頁(yè)面的色彩布局也將大幅度使用主色調(diào)，符合女性群體熱情奔放的形象，同時(shí)也能給用戶(hù)帶來(lái)親切感。當(dāng)然我們也將給予用戶(hù)自由定義空間，如可以改可愛(ài)的昵稱(chēng)、換個(gè)性化頭像、隨時(shí)隨地分享好物等[5]。

四、小結(jié)

雖然我們也不少發(fā)現(xiàn)社會(huì)并不缺少愛(ài)心人士，關(guān)鍵的問(wèn)題是往往這類(lèi)的公益活動(dòng)都缺少了透明性和公開(kāi)性，而無(wú)法積極鼓勵(lì)愛(ài)心人士繼續(xù)為社會(huì)獻(xiàn)出一份力量，對(duì)于愛(ài)心義賣(mài)群體會(huì)更渴望能有一個(gè)真的投入到愛(ài)心公益活動(dòng)的APP平臺(tái)，通過(guò)考慮并了解用戶(hù)的需求去設(shè)計(jì)培小蝸校園義賣(mài)APP界面以及交互的實(shí)現(xiàn)，從而去提升用戶(hù)的使用感。我相信通過(guò)有了培小蝸，能夠激發(fā)義賣(mài)者奉獻(xiàn)愛(ài)心的熱情，更好地為社會(huì)做貢獻(xiàn)。為公益事業(yè)獻(xiàn)出一份愛(ài)心，這也是一件很有意義的事情，贈(zèng)人玫瑰，手有余香。