在線商品信息集成展示App的設(shè)計(jì)與開發(fā)

李聿豐

?

在線商品信息集成展示App的設(shè)計(jì)與開發(fā)

李聿豐

首都經(jīng)濟(jì)貿(mào)易大學(xué)信息學(xué)院，北京 100070

此款在線商品信息展示APP旨在將兩者有機(jī)結(jié)合起來，在移動(dòng)端完美展現(xiàn)網(wǎng)絡(luò)商城的功能界面，使人們可以在移動(dòng)端直接獲得所需求的商品信息，通過APP的形式將電子商務(wù)運(yùn)營模式更為直觀地展現(xiàn)出來。

在線商品信息集成；APP；JAVA；Android；eclipse

在線商品信息集成展示app是電子商務(wù)在移動(dòng)端的具體實(shí)現(xiàn)，目的是：為商家提供商品的宣傳環(huán)境，把商品的信息最直觀的展現(xiàn)在用戶，也就是買家的面前，提高業(yè)務(wù)流量，從而提升交易額，最終反映到利潤的最大化上面；

同時(shí)買家也獲得了更多可選擇的余地，通過簡(jiǎn)單的操作，對(duì)比不同的產(chǎn)品，找到最便宜最心儀的產(chǎn)品去購買，這樣便是我們都希望看到的買家與賣家之間的“帕累托最優(yōu)狀態(tài)”[1]。

1 可行性分析

可行性分析是從多個(gè)角度對(duì)于該APP開發(fā)的必要性和可行性進(jìn)行初步的分析。通過可行性分析能夠從宏觀角度了解APP開發(fā)的意義、需要的投入等一系列問題，以便于下一步工作的繼續(xù)進(jìn)行。

1.1 技術(shù)可行性

JAVA是目前APP開發(fā)的絕對(duì)主流語言，它擁有很多自身獨(dú)特的優(yōu)勢(shì)。Eclipse作為搭建的環(huán)境，雖然不是當(dāng)今互聯(lián)網(wǎng)中最新的開發(fā)環(huán)境，但是作為經(jīng)典的搭建環(huán)境，還是有其最穩(wěn)定的用戶群體，同時(shí)可以保證開發(fā)過程不會(huì)受到其他因素的影響。

1.2 經(jīng)濟(jì)可行性

提到APP經(jīng)濟(jì)可行性，其實(shí)也是十分簡(jiǎn)單，就是要對(duì)比開發(fā)這款A(yù)PP以及后期維護(hù)所需要的成本還有它之后可能帶來的效益。在如今這個(gè)互聯(lián)網(wǎng)+時(shí)代，每天個(gè)行業(yè)的節(jié)奏都非常之快，如何獲得更大的市場(chǎng)，獲取更多的交易量已經(jīng)成為了各大互聯(lián)網(wǎng)公司最為重視的問題。

1.3 可行性結(jié)論

該款app無奈論從技術(shù)可行性還是經(jīng)濟(jì)可行性都可以滿足社會(huì)上的需求，在保證了技術(shù)上可以實(shí)現(xiàn)的前提下，可以通過幾乎為0的成本為商戶創(chuàng)造更大的收益，同時(shí)給用戶提供更多的選擇。

2 功能模塊的描述

2.1 系統(tǒng)首頁功能模塊

通過歡迎界面后，直接展示商品的信息以及圖片，用戶通過點(diǎn)擊和滑動(dòng)兩種操作方式進(jìn)行信息界面間的變換。

2.2 系統(tǒng)逛一逛功能模塊

提供了檢索功能，用戶根據(jù)自己的需求進(jìn)行檢索，找到適合自己的商品信息。

2.3 系統(tǒng)發(fā)現(xiàn)功能模塊

將產(chǎn)品信息進(jìn)行整合分類，并且標(biāo)記出不同的標(biāo)簽信息，更為直觀的方便用戶的選擇以及瀏覽。

2.4 系統(tǒng)折扣店功能模塊

單獨(dú)提出商品的折扣信息元素，將所有商品的折扣信息單獨(dú)排列展示出來，方便用戶直接瀏覽更大的折扣，得到更便宜商品的信息。

2.5 系統(tǒng)更多功能模塊

提供了用戶注冊(cè)與登陸還有緩存清除等功能。

3 詳細(xì)設(shè)計(jì)

針對(duì)上述的各類流程圖分析以及系統(tǒng)綜合開發(fā)的目標(biāo)，還有個(gè)功能模塊的劃分，已經(jīng)對(duì)于系統(tǒng)設(shè)計(jì)做足了準(zhǔn)備，接下來便是對(duì)于整個(gè)系統(tǒng)的各種細(xì)節(jié)的詳細(xì)設(shè)計(jì)。

3.1 輸入輸出設(shè)計(jì)

3.1.1 首頁輸入輸出設(shè)計(jì)

在首頁功能模塊首先需要確定輸出的基本內(nèi)容，主要基本內(nèi)容包括以下幾個(gè)方面：商品的名稱、商品的圖片、商品的現(xiàn)價(jià)格、商品的折扣、商品的銷量。在第一個(gè)界面中輸出的所有內(nèi)容已經(jīng)全部分列出來。之后我們需要確定輸出的格式。在展示商品信息的時(shí)候我們要盡量用最簡(jiǎn)單的UI設(shè)計(jì)展示最復(fù)雜的商品信息。所以這次針對(duì)輸出格式的界面設(shè)計(jì)為了抓住用戶的眼球，決定將圖片放置于每個(gè)展示方框的最中間，同時(shí)將剩余信息環(huán)繞在周圍，保證信息不丟失，同時(shí)方便用戶直接進(jìn)行瀏覽。

3.1.2 逛一逛輸入輸出設(shè)計(jì)

逛一逛模塊的輸出設(shè)計(jì)涉及到了商品信息的搜索，為了凸顯這個(gè)功能，將商品信息的搜索欄直接放置于了整個(gè)界面的最頂端。在這個(gè)搜索欄中就涉及到了本款A(yù)PP為數(shù)不多的輸入設(shè)計(jì)。用戶可以在這里進(jìn)行輸入，輸入的方式選取的是鍵盤輸入，對(duì)于智能手機(jī)來說便是虛擬鍵盤的輸入，輸入的格式在此沒有制定更多的要求，如果輸入的信息無法獲取到準(zhǔn)備的商品，那么商品的綜合信息也不會(huì)在該頁面中輸出。此頁面中的商品信息輸出格式與首頁功能模塊中的輸出格式相同[2]。

3.1.3 發(fā)現(xiàn)輸入輸出設(shè)計(jì)

發(fā)現(xiàn)功能模塊的輸出信息為商品的綜合分類，所以輸出的內(nèi)容為不同種類的商品信息的匯總，為了綜合展示這些商品，我將不同的商品分為不同大類，輸出內(nèi)容沒有細(xì)化到每個(gè)商品的信息，而是直接將他們的共性做以展示，這樣可以方便用戶更為直觀也更加方便的進(jìn)行分類篩選。

3.2 用戶界面設(shè)計(jì)

UI設(shè)計(jì)對(duì)于APP來說是非常重要的。一個(gè)好的用戶界面可以為用戶帶來良好的工作環(huán)境。系統(tǒng)是否好用、用戶對(duì)于系統(tǒng)的印象，在很大程度上取決于用戶的界面的設(shè)計(jì)結(jié)果。

3.2.1 首頁用戶界面設(shè)計(jì)

首頁的用戶界面設(shè)計(jì)采取了分層的方式，總共將該功能模塊的界面分為了四層。第一層為每日精選與超值購兩個(gè)按鈕，用戶可以通過點(diǎn)擊在兩個(gè)頁面間進(jìn)行跳轉(zhuǎn)。然后再第二層我設(shè)置了12種不同的分類，用戶可以通過滑動(dòng)的操作方式進(jìn)行商品信息的瀏覽，同時(shí)滑動(dòng)的效果會(huì)在第三層展示出來。第三層主要為商品信息的展示，將輸出設(shè)計(jì)的內(nèi)容直接展示出來，完成用戶對(duì)于商品信息瀏覽的功能。至于首頁功能模塊的最底層，是一個(gè)貫穿于五個(gè)功能界面的五個(gè)跳轉(zhuǎn)按鈕。為了用戶使用該款A(yù)PP的時(shí)候十分方便，所以增加了這個(gè)設(shè)計(jì)，為的就是用戶可以在無論瀏覽哪一個(gè)功能界面時(shí)都可以隨時(shí)進(jìn)行跳轉(zhuǎn)，提升用戶體驗(yàn)。

3.2.2 逛一逛用戶界面設(shè)計(jì)

逛一逛的用戶界面將該模塊最為重要的檢索功能放在了整個(gè)界面的最上方，十分醒目，設(shè)計(jì)的目的便是為了用戶可以更清楚的了解該模塊的功能。同時(shí)在該界面的最左側(cè)進(jìn)行了分類，將商品基本情況分為不同的八類，增加這八種按鈕的目的是為了更好的幫助用戶進(jìn)行檢索，因?yàn)橛械臅r(shí)候用戶面對(duì)搜索功能并不能明確的想到自己想要索搜的目標(biāo)商品是什么。通過這樣的設(shè)計(jì)可以最大限度地完善該模塊的功能。

3.2.3 發(fā)現(xiàn)用戶界面設(shè)計(jì)

發(fā)現(xiàn)功能界面的設(shè)計(jì)比較簡(jiǎn)單，由于將不同種類的商品信息進(jìn)行了分類匯總，所以在界面設(shè)計(jì)上我將這些不同種類的信息都貼上了標(biāo)簽，同時(shí)將這些標(biāo)簽進(jìn)行了打亂排序，隨即將他們安插在這個(gè)界面中，用戶直接通過點(diǎn)擊自己想要瀏覽的分類商品信息即可[3]。

4 總結(jié)

這款A(yù)PP既提供了當(dāng)前十分熱門的電子商務(wù)形式，同時(shí)也在用戶群體越來越龐大的移動(dòng)端得以實(shí)現(xiàn)。通過不同功能模塊的展現(xiàn)，使得用戶可以通過最為簡(jiǎn)單的操作瀏覽的更多的商品信息，將購買簡(jiǎn)單化。

[1]楊凌云，郭勇.基于PHP的包裝企業(yè)門戶網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)[J].包裝工程，2013（5）：111-114.

[2]田付新.瓦爾特TOOLSHOP：提供更多選擇的新網(wǎng)站[J].金屬加工：冷加工，2013（16）：38.

[3]舒暢.在瓦爾特TOOLSHOP上方便快捷地訂購產(chǎn)品并與其他客戶交流經(jīng)驗(yàn)[J].航空制造技術(shù)，2013（11）：24.

Online Product Information Integrated Display App Design and Development

Li Yu Feng

Capital University of Economics School of Information, Beijing 100070

This app is intended for future online shopping mall which combine perfectly in a mobile terminal online marketplace function interface, people can obtain product information directly in the demand for mobile terminals, through app in the form of e-commerce business model is more intuitive unfolded.

Online shopping mall app; e-commerce; JAVA; eclipse

TP391.72，TH162

A

1009-6434(2016)07-0093-02