許玉蘭，王麗君，謝惠珠，蔡鈺佳，張莉娜

（廣州新華學(xué)院，廣東 廣州 510000）

0 引言

近幾年，隨著經(jīng)濟(jì)的發(fā)展，人們的生活水平逐步得到提高。越來越多人加入了釣魚愛好者的行列，使得釣魚愛好者的構(gòu)成更加豐富，釣魚標(biāo)簽不再只屬于中老年人。目前美國的游釣愛好者已超過8000萬人，釣客人數(shù)遠(yuǎn)超過高爾夫球和網(wǎng)球人數(shù)[1]。根據(jù)中國釣魚協(xié)會(huì)2015 年發(fā)布的不完全統(tǒng)計(jì)數(shù)據(jù)，中國約有1.2億釣魚人群，可見人們對(duì)于垂釣的關(guān)注和需求量是非常巨大的。據(jù)中國釣魚網(wǎng)調(diào)查顯示，休閑垂釣參與者主要消費(fèi)項(xiàng)目有食宿、交通、餌料窩料、場(chǎng)地、釣具這五個(gè)部分，占了釣魚行業(yè)六成的銷售額。消費(fèi)者每年在釣魚上的消費(fèi)金額（不含交通和其他項(xiàng)目開支）主要集中在千元以上，這也說明了在垂釣運(yùn)動(dòng)發(fā)展的同時(shí)，垂釣者對(duì)垂釣的消費(fèi)熱情也是極高[2]。

目前市場(chǎng)上已有的釣魚App功能強(qiáng)大，但是用戶使用率卻不達(dá)真正釣魚者的人數(shù)。通過分析可以發(fā)現(xiàn)，市面上釣魚類軟件大都處于功能簡(jiǎn)單化、基礎(chǔ)化、個(gè)性化程度較低的狀態(tài)，且普遍缺乏提醒功能，導(dǎo)致用戶粘性偏低[3]。在信息化新時(shí)代，移動(dòng)應(yīng)用的發(fā)明讓人們的生活更加便利，所以本文基于微信小程序設(shè)計(jì)了一款釣魚助手《漁人》App，為釣魚愛好者帶來新時(shí)代不同的釣魚體驗(yàn)。

1 需求與功能分析

1.1 設(shè)計(jì)目標(biāo)

《漁人》小程序的開發(fā)需要有Web前端開發(fā)經(jīng)驗(yàn)，以及JavaScript 語言基礎(chǔ)[4]，總體上包括前端和后臺(tái)。后臺(tái)主要是處理數(shù)據(jù)，而前端主要的功能是獲取后臺(tái)數(shù)據(jù)，并加以渲染展示界面。面向用戶使用的功能包括一鍵識(shí)魚、地圖查詢、健康監(jiān)測(cè)等，根據(jù)用戶選擇休閑的七個(gè)動(dòng)機(jī)[5]，同時(shí)還有提供釣友、技巧問答、發(fā)布原創(chuàng)等功能。該應(yīng)用程序的設(shè)計(jì)指在為釣魚愛好者提供便利的同時(shí)，能夠?yàn)獒烎~業(yè)注入“新血液”，推動(dòng)釣魚產(chǎn)業(yè)的發(fā)展，發(fā)揮該平臺(tái)的最大價(jià)值。

1.2 需求分析

根據(jù)問卷調(diào)研和與目標(biāo)用戶進(jìn)行訪談可知，釣魚愛好者的核心需求是知曉附近各個(gè)漁場(chǎng)的位置與氛圍體驗(yàn)，避免誤入釣魚環(huán)境不好的釣魚場(chǎng)；而對(duì)于新手而言，更加傾向于借助平臺(tái)盡快地打下釣魚基礎(chǔ)和提升自身的釣魚技巧，新手釣魚教程對(duì)他們是必不可少的；對(duì)于新手和資深的釣魚愛好者而言，社區(qū)功能的存在意義是方便釣友之間進(jìn)行學(xué)習(xí)和交流分享，用戶信息安全是較為重要的實(shí)現(xiàn)模塊。針對(duì)用戶需求，“漁人”微信小程序設(shè)計(jì)了以下功能:

1）一鍵識(shí)魚：拍照或直接上傳圖片即可識(shí)別該魚的種類、尺寸等信息，如果是保護(hù)動(dòng)物將提醒用戶盡快將其放生[6]。用戶還可以憑此作為漁獲的憑證，在平臺(tái)上出售漁獲獲得收益，或者分享漁獲去獲得平臺(tái)提供的一些小獎(jiǎng)勵(lì)。例如積分——可用于后期進(jìn)行積分兌換魚餌等禮品。

2）健康監(jiān)測(cè)：實(shí)時(shí)監(jiān)測(cè)用戶身體各項(xiàng)指數(shù)，一旦監(jiān)測(cè)到危險(xiǎn)會(huì)提供一鍵報(bào)警提醒；發(fā)信息給其家人或附近的釣友，為釣魚者提供安全保障，也為其家人減少擔(dān)憂。用戶還可添加自己身體素質(zhì)情況，為監(jiān)測(cè)準(zhǔn)確率提供有利的資料。

3）地圖查詢：方便用戶查詢周圍釣魚場(chǎng)信息，獲取釣場(chǎng)和漁具店的位置，避免非法釣魚。

4）釣點(diǎn)信息：從休閑垂釣組成因素的重要性與垂釣動(dòng)機(jī)相關(guān)分析了解到[7]，釣點(diǎn)信息包括該釣點(diǎn)的配套設(shè)施、環(huán)境、水質(zhì)、魚的品種、是否合法等。用戶進(jìn)入釣場(chǎng)便可查詢相關(guān)信息，確保前往其喜歡的釣場(chǎng)。

5）社區(qū)論壇：用戶可在論壇提出問題或互相分享經(jīng)驗(yàn)、今日成果等，也可登錄賬號(hào)發(fā)布帖子；優(yōu)質(zhì)的文章可獲得平臺(tái)采用，并推薦給其他用戶；作為釣魚愛好者的關(guān)聯(lián)家人也可在此吐槽自家釣魚者的瘋狂行為。

6）釣魚商城：提供預(yù)訂釣場(chǎng)功能，節(jié)約用戶蹲點(diǎn)搶位時(shí)間；用戶還可在商城自由租借釣魚用具，或購買二手漁具，且團(tuán)購更優(yōu)惠?！皥F(tuán)購優(yōu)惠”只允許用戶添加其家人及釣友進(jìn)行團(tuán)購，這是為了確保用戶的利益，只與熟悉的好友家人團(tuán)購，防止商家虛擬刷單行為。

1.3 功能架構(gòu)設(shè)計(jì)

“漁人”小程序共有首頁、社區(qū)、商城、我的四大頁面，每個(gè)頁面都具有各自相應(yīng)的功能[8]。“首頁”的核心功能包括健康助手、一鍵識(shí)魚；“社區(qū)”核心功能包括：技巧問答、社區(qū)動(dòng)態(tài)；“商城”核心功能包括：購買或租借漁具、二手商鋪；“我的”頁面中則顯示用戶已發(fā)表的動(dòng)態(tài)、簽到等。功能框架如圖1所示：

圖1 功能框架圖

2 系統(tǒng)的交互設(shè)計(jì)

2.1 視覺設(shè)計(jì)

《漁人》小程序主色調(diào)為藍(lán)色，色彩搭配如圖2所示：

圖2 小程序主體色彩搭配

高雅古樸的垂釣活動(dòng)作為我國古老文明之一伴隨著祖國的歷史延續(xù)下來，歷數(shù)千年而不衰，日益為廣大人民所喜愛。在內(nèi)陸淡水水域開展垂釣活動(dòng)由來已久，它起源于古代先民的生產(chǎn)活動(dòng)。隨生活環(huán)境的安定和生活水平的提高，逐漸從生活活動(dòng)中分離出來，成為一種充滿趣味、智慧和活力，且格調(diào)高雅、有益身心的文體活動(dòng)。所以《漁人》小程序Logo 以用毛筆筆觸書寫的“漁人”二字為底，以中國風(fēng)呈現(xiàn)歷史悠久的垂釣活動(dòng)；加上必備魚竿表示《漁人》會(huì)為用戶提供豐富完備的漁具和貼心多樣的服務(wù)來滿足其釣魚需求[9]；凌躍而上的魚便是祝愿用戶通過《漁人》的幫助可以“釣到大魚”。Logo圖標(biāo)如圖3所示：

圖3 小程序Logo圖標(biāo)

2.2 界面設(shè)計(jì)

《漁人》App的創(chuàng)作目的就是希望該App能給釣魚者帶來便利，故在界面設(shè)計(jì)上也遵循簡(jiǎn)易的風(fēng)格。從草圖到低保真模型圖，希望不管什么年齡層使用App時(shí)都能一眼就會(huì)，簡(jiǎn)單上手小程序的各個(gè)功能。漁人App的部分低保真模型圖如圖4所示：

圖4 部分低保真原型圖

在低保真模型的基礎(chǔ)上進(jìn)行高保真界面設(shè)計(jì)，是以藍(lán)色為主色調(diào)的簡(jiǎn)易風(fēng)格。漁人App 的部分高保真圖如圖5所示：

3 系統(tǒng)的實(shí)現(xiàn)與展示

3.1 系統(tǒng)實(shí)現(xiàn)關(guān)鍵技術(shù)

3.1.1 API接口的調(diào)用

API 接口是應(yīng)用程序編程接口，是已經(jīng)封裝好的函數(shù)。很多功能無需編寫，只需調(diào)用API接口就能實(shí)現(xiàn)。本設(shè)計(jì)實(shí)現(xiàn)的功能中，地圖、天氣和識(shí)魚模塊就依靠調(diào)用API實(shí)現(xiàn)。其中，地圖和天氣模塊調(diào)用了高德地圖的API 接口，識(shí)魚模塊調(diào)用了百度圖像識(shí)別API接口。

API 接口的調(diào)用分為三個(gè)步驟，首先需要到提供接口服務(wù)的平臺(tái)注冊(cè)申請(qǐng)需要的接口，從而獲取平臺(tái)發(fā)放的API Key 和Secret Key。然后在微信開發(fā)者工具的設(shè)置里把域名設(shè)為合法域名，最后根據(jù)平臺(tái)提供的技術(shù)文檔進(jìn)行開發(fā)。

3.1.2 地圖模塊

地圖模塊主要功能包括：搜索、規(guī)劃路線、返回原點(diǎn)。其中，規(guī)劃路線功能需要獲取用戶的起點(diǎn)位置和終點(diǎn)位置。起點(diǎn)位置使用微信提供的getLocation 函數(shù)獲取，終點(diǎn)函數(shù)使用高德地圖提供的getInputtips函數(shù)獲取，并根據(jù)用戶選擇的出現(xiàn)方式選擇不同的參數(shù)，將起點(diǎn)和終點(diǎn)連接，使用getDataObjec 函數(shù)畫線，部分調(diào)用代碼編寫如下：

3.1.3 識(shí)魚模塊

此模塊分為兩個(gè)部分，第一部分是獲取用戶上傳的圖片，可以使用微信提供的chooseMedia 函數(shù)實(shí)現(xiàn)此功能。

第二部分是調(diào)用百度的圖像識(shí)別API 接口，并將接口傳回的信息顯示到前端。

3.1.4 視頻模塊

視頻模塊也使用chooseMedia 函數(shù)實(shí)現(xiàn)，將上傳類型由圖片更改為視頻。然后將用戶上傳的視頻存入數(shù)據(jù)庫。同時(shí)，為了使視頻的互動(dòng)性更強(qiáng)，增加了彈幕功能，包括獲取彈幕文本、顏色，使用getRandom-Color方法。

3.1.5 論壇模塊

論壇則使用云開發(fā)的云數(shù)據(jù)庫實(shí)現(xiàn)。用戶在發(fā)布界面輸入帖子的參數(shù)后點(diǎn)擊發(fā)布，系統(tǒng)檢查參數(shù)符合發(fā)布要求后，使用微信云數(shù)據(jù)庫提供的add方法增加數(shù)據(jù)庫的數(shù)據(jù)。

當(dāng)用戶進(jìn)入社區(qū)頁面時(shí)，將使用云數(shù)據(jù)庫的where方法，根據(jù)用戶選擇的排列方式，查找符合條件的前十條數(shù)據(jù)，加入到數(shù)據(jù)集里并顯示到前端。在用戶拉到界面的底端時(shí)，會(huì)觸發(fā)一個(gè)用來獲取更多數(shù)據(jù)的函數(shù)，該函數(shù)將跳過已經(jīng)查找過的數(shù)據(jù)，將新的數(shù)據(jù)合并到總的數(shù)據(jù)集里。

其他用戶可以使用點(diǎn)贊、收藏、發(fā)布評(píng)論等與其他人進(jìn)行互動(dòng)操作，其中點(diǎn)贊和收藏使用微信提供update方法進(jìn)行數(shù)據(jù)修改操作。

3.2 系統(tǒng)展示

小程序的卡通形象顯示在引導(dǎo)頁面中，給人以一種親切感。引導(dǎo)頁支持用戶左右滑動(dòng)切換頁面，且每個(gè)頁面有時(shí)間限制，用戶沒有進(jìn)行滑動(dòng)操作時(shí)，會(huì)自動(dòng)跳轉(zhuǎn)至下一頁面中。引導(dǎo)頁面用戶可選擇感興趣的標(biāo)簽，幫助我們推送用戶喜愛的信息內(nèi)容。引導(dǎo)頁面運(yùn)行展示及交互流程圖如圖6所示。

圖6 引導(dǎo)頁面流程圖

進(jìn)入首頁面，可看見需求分析中用戶認(rèn)為會(huì)常用到的一鍵識(shí)魚、健康監(jiān)測(cè)、天氣等功能。相關(guān)系統(tǒng)運(yùn)行及交互流程展示如圖7和圖8所示。

圖7 健康檢測(cè)功能流程圖

圖8 一鍵識(shí)魚功能流程圖

在“我的”頁面中，有簽到、日程、會(huì)員、設(shè)置等功能，可直觀看見自己發(fā)布的動(dòng)態(tài)，“我的”頁面系統(tǒng)運(yùn)行及交互流程展示如圖9所示。

圖9 我的頁面流程圖

表1 測(cè)試用例

4 小程序測(cè)試

測(cè)試是驗(yàn)收設(shè)計(jì)與實(shí)現(xiàn)的重要途徑，通過測(cè)試去了解不足之處，以便完善改進(jìn)。本測(cè)試采用功能模塊測(cè)試，按照所設(shè)計(jì)的測(cè)試用例完成小程序的測(cè)試。

在完成功能性測(cè)試后，邀請(qǐng)用戶試用小程序，了解產(chǎn)品在使用過程中的有效性、效率和滿意度。從用戶的角度上了解小程序的頁面跳轉(zhuǎn)邏輯是否合理、交互分支是否恰當(dāng)、按鈕大小是否適中，以及操作是否簡(jiǎn)單和具有引導(dǎo)性。根據(jù)反饋，小程序應(yīng)用符合人機(jī)交互友好性要求，整體情況良好，最終對(duì)小程序的頁面布局?jǐn)?shù)據(jù)進(jìn)行了微調(diào)。

5 結(jié)束語

基于微信公眾平臺(tái)所搭建的釣魚助手小程序，由于小程序占內(nèi)存小，導(dǎo)致功能實(shí)現(xiàn)不夠完善，需要經(jīng)常升級(jí)和維護(hù)小程序，這是難點(diǎn)也是產(chǎn)品可持續(xù)發(fā)展的重點(diǎn)。

通過與同類的小程序及App進(jìn)行競(jìng)品分析后，可發(fā)現(xiàn)《漁人》小程序功能已經(jīng)很全面，但由于這幾年疫情的影響，用戶的需求數(shù)據(jù)會(huì)有些偏差。下一階段，需要繼續(xù)調(diào)研完善用戶需求，拓展其他服務(wù)功能。在現(xiàn)有小程序的基礎(chǔ)上，研究智能可穿戴設(shè)備對(duì)正在釣魚用戶的健康安全進(jìn)行監(jiān)測(cè)，以便更加智能準(zhǔn)確地監(jiān)測(cè)用戶的實(shí)時(shí)健康指數(shù)，為用戶釣魚時(shí)提供安全保障。