在线商品信息集成展示App的设计与开发

李聿丰



在线商品信息集成展示App的设计与开发

李聿丰

首都经济贸易大学信息学院，北京 100070

此款在线商品信息展示APP旨在将两者有机结合起来，在移动端完美展现网络商城的功能界面，使人们可以在移动端直接获得所需求的商品信息，通过APP的形式将电子商务运营模式更为直观地展现出来。

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

在线商品信息集成展示app是电子商务在移动端的具体实现，目的是：为商家提供商品的宣传环境，把商品的信息最直观的展现在用户，也就是买家的面前，提高业务流量，从而提升交易额，最终反映到利润的最大化上面；

同时买家也获得了更多可选择的余地，通过简单的操作，对比不同的产品，找到最便宜最心仪的产品去购买，这样便是我们都希望看到的买家与卖家之间的“帕累托最优状态”[1]。

1 可行性分析

可行性分析是从多个角度对于该APP开发的必要性和可行性进行初步的分析。通过可行性分析能够从宏观角度了解APP开发的意义、需要的投入等一系列问题，以便于下一步工作的继续进行。

1.1 技术可行性

JAVA是目前APP开发的绝对主流语言，它拥有很多自身独特的优势。Eclipse作为搭建的环境，虽然不是当今互联网中最新的开发环境，但是作为经典的搭建环境，还是有其最稳定的用户群体，同时可以保证开发过程不会受到其他因素的影响。

1.2 经济可行性

提到APP经济可行性，其实也是十分简单，就是要对比开发这款APP以及后期维护所需要的成本还有它之后可能带来的效益。在如今这个互联网+时代，每天个行业的节奏都非常之快，如何获得更大的市场，获取更多的交易量已经成为了各大互联网公司最为重视的问题。

1.3 可行性结论

该款app无奈论从技术可行性还是经济可行性都可以满足社会上的需求，在保证了技术上可以实现的前提下，可以通过几乎为0的成本为商户创造更大的收益，同时给用户提供更多的选择。

2 功能模块的描述

2.1 系统首页功能模块

通过欢迎界面后，直接展示商品的信息以及图片，用户通过点击和滑动两种操作方式进行信息界面间的变换。

2.2 系统逛一逛功能模块

提供了检索功能，用户根据自己的需求进行检索，找到适合自己的商品信息。

2.3 系统发现功能模块

将产品信息进行整合分类，并且标记出不同的标签信息，更为直观的方便用户的选择以及浏览。

2.4 系统折扣店功能模块

单独提出商品的折扣信息元素，将所有商品的折扣信息单独排列展示出来，方便用户直接浏览更大的折扣，得到更便宜商品的信息。

2.5 系统更多功能模块

提供了用户注册与登陆还有缓存清除等功能。

3 详细设计

针对上述的各类流程图分析以及系统综合开发的目标，还有个功能模块的划分，已经对于系统设计做足了准备，接下来便是对于整个系统的各种细节的详细设计。

3.1 输入输出设计

3.1.1 首页输入输出设计

在首页功能模块首先需要确定输出的基本内容，主要基本内容包括以下几个方面：商品的名称、商品的图片、商品的现价格、商品的折扣、商品的销量。在第一个界面中输出的所有内容已经全部分列出来。之后我们需要确定输出的格式。在展示商品信息的时候我们要尽量用最简单的UI设计展示最复杂的商品信息。所以这次针对输出格式的界面设计为了抓住用户的眼球，决定将图片放置于每个展示方框的最中间，同时将剩余信息环绕在周围，保证信息不丢失，同时方便用户直接进行浏览。

3.1.2 逛一逛输入输出设计

逛一逛模块的输出设计涉及到了商品信息的搜索，为了凸显这个功能，将商品信息的搜索栏直接放置于了整个界面的最顶端。在这个搜索栏中就涉及到了本款APP为数不多的输入设计。用户可以在这里进行输入，输入的方式选取的是键盘输入，对于智能手机来说便是虚拟键盘的输入，输入的格式在此没有制定更多的要求，如果输入的信息无法获取到准备的商品，那么商品的综合信息也不会在该页面中输出。此页面中的商品信息输出格式与首页功能模块中的输出格式相同[2]。

3.1.3 发现输入输出设计

发现功能模块的输出信息为商品的综合分类，所以输出的内容为不同种类的商品信息的汇总，为了综合展示这些商品，我将不同的商品分为不同大类，输出内容没有细化到每个商品的信息，而是直接将他们的共性做以展示，这样可以方便用户更为直观也更加方便的进行分类筛选。

3.2 用户界面设计

UI设计对于APP来说是非常重要的。一个好的用户界面可以为用户带来良好的工作环境。系统是否好用、用户对于系统的印象，在很大程度上取决于用户的界面的设计结果。

3.2.1 首页用户界面设计

首页的用户界面设计采取了分层的方式，总共将该功能模块的界面分为了四层。第一层为每日精选与超值购两个按钮，用户可以通过点击在两个页面间进行跳转。然后再第二层我设置了12种不同的分类，用户可以通过滑动的操作方式进行商品信息的浏览，同时滑动的效果会在第三层展示出来。第三层主要为商品信息的展示，将输出设计的内容直接展示出来，完成用户对于商品信息浏览的功能。至于首页功能模块的最底层，是一个贯穿于五个功能界面的五个跳转按钮。为了用户使用该款APP的时候十分方便，所以增加了这个设计，为的就是用户可以在无论浏览哪一个功能界面时都可以随时进行跳转，提升用户体验。

3.2.2 逛一逛用户界面设计

逛一逛的用户界面将该模块最为重要的检索功能放在了整个界面的最上方，十分醒目，设计的目的便是为了用户可以更清楚的了解该模块的功能。同时在该界面的最左侧进行了分类，将商品基本情况分为不同的八类，增加这八种按钮的目的是为了更好的帮助用户进行检索，因为有的时候用户面对搜索功能并不能明确的想到自己想要索搜的目标商品是什么。通过这样的设计可以最大限度地完善该模块的功能。

3.2.3 发现用户界面设计

发现功能界面的设计比较简单，由于将不同种类的商品信息进行了分类汇总，所以在界面设计上我将这些不同种类的信息都贴上了标签，同时将这些标签进行了打乱排序，随即将他们安插在这个界面中，用户直接通过点击自己想要浏览的分类商品信息即可[3]。

4 总结

这款APP既提供了当前十分热门的电子商务形式，同时也在用户群体越来越庞大的移动端得以实现。通过不同功能模块的展现，使得用户可以通过最为简单的操作浏览的更多的商品信息，将购买简单化。

[1]杨凌云，郭勇.基于PHP的包装企业门户网站设计与实现[J].包装工程，2013（5）：111-114.

[2]田付新.瓦尔特TOOLSHOP：提供更多选择的新网站[J].金属加工：冷加工，2013（16）：38.

[3]舒畅.在瓦尔特TOOLSHOP上方便快捷地订购产品并与其他客户交流经验[J].航空制造技术，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