B2C食品电商购物网站后台设计研究

都市生活节奏加快, 人们对快餐与外卖食品的依靠度越来越高, 网购食品以其便利性和广泛性已经成为人们生活的紧张部分。然而, 调研发现, 我国食品电商网站设计仍处在初级阶段, 食品电商购物与分享网站的重要目标是知足年轻门生与白领女性的心理需求, 通过自身平台传递健康快乐、自力自傲、温馨协调的情绪价值, 利用网络购物的上风, 让买菜做饭成为一件方便而且风趣的事情。

一、B2C食品电商网站设计的近况与发展趋势

蒙牛早在2009年8月就开通了电商平台, 人们买牛奶足不出户, 网上购奶, 心情兴奋, 为蒙牛与广大奶饮者之间开展沟通拓荒了新的途径。尽管在其团体战略中独领风骚, 但蒙牛网商仅限于乳成品贩卖, 品种单一, 奶饮者选择空间很小。这个例子显然属于单一型食品B2C网站。

纵观其他食品网站, “懒家伙”比较有名, 专为懒客供给。“日全食”网站重要经营进口食品, 对兴趣尝鲜的年轻人具有很大的吸引力。“一号店”网站号称要成为比超市更优惠的网上超市, 然而意想不到的是, 低价商品经常会出如今它的网站。这些小品类B2C食品网站运营理念光显, 商品具有吸引都市白领和宅男宅女的特点。然而, 像“懒家伙”、“日全食”和“一号店”, 备货投入很大, 品类稀有千种之多, 如果卖的不多, 商品的购货价就没有什么上风, 势必造成库存积压, 商品极易过期。网站离不开宣传, 配送必须要费用, 原本利润空间就小的小品B2C食品网站举步维艰, 送货时间不均, 多数是在放工后的时段, 物流配送要花上一小时到一天不等的时间, 配送成本太高。另外, 如何探求固定群体, 增长网站注册量, 培养客户忠诚度等, 都成为小品B2C食品网站在现实运作中必须要洞察和培育的大问题。

中粮“我买网”是中粮集团旗下食品B2C网站, 2009年8月上线运作。该网上线的时候, 食品界尚未有专业的B2C平台, 建设这样的网购平台的市场机遇空前, 换句话说, 中粮“我买网”获得了先发上风, 前途一片光明。传统实体店没办法与之抗争, 也是这一网站的上风。现在它主卖生活必需品、办公用品及零食, 包括几百种商品, 兼有三元、德芙本身旗下的竞品热销, 由此可见, 这一网站前景看好。但是, 因为储藏、运输等环节的条件限定, 迄今为止, 该网站尚未完成生鲜冷链食品直配营业。同时加上消耗者众口难调, 许多人风俗于首先辈行实物比较、然后才买生鲜食品, 这也是一种不小的挑衅。综上, 都属于综合型食品B2C网站的近况和发展趋势。

二、食品电商购物与分享网站的前端设计

在目标明确的基础上完成网站的构思创意即总体设计方案是极为必要的。对食品电商购物与分享网站的团体风格与特色做好定位, 规划好其组织结构。务必做到主题光显、简洁、明确, 以精美画面告诉上网者站点主题, 进而吸引有需求人士的眼球。对于一些行业标志和公司标志应充分加以利用, 使网页形成简洁明快的风格, 力求达到表格简单, 色彩搭配和谐, 笔墨处理人性化, 有亲切感。[1]

(一) 视觉设计

在设计食品电商购物与分享网站LOGO时, 强调同一。同一并不是说赓续重复设计原理, 而是说将比如主导性、均衡、比例、反复、反衬、变异等设计原理恰如其分地应用到设计之中的完善体现。网站LOGO强调辨别, 强调独特, 图案字体设计要和被标识体进行适度关联, 具备相似风格造型。更应该强调的是要把握好事物的张力、文化、背景、对象、理念和各种设计原理的高度浓缩, 确保实现最冲动的视觉表现。[2]

LOGO要概括网站的功能、定位, 精简地表达网站的内容与风格。网站以食品购物和菜谱分享为主, 网站设计围绕“食品”和“烹饪”睁开, 因而在LO-GO设计中, 这两个元素肯定要结合好。

(二) 元素设计

网站导航部分重要有六个页面:主页、购物、作品、菜谱、社区、购物车。导航悬浮在页面的右上方, 方便用户一眼看到页面的重要内容, 当鼠标移动到笔墨部分时, 下方有白色下划线出现, 并随着鼠标移动, 同时笔墨变为白色。

网站的背景以白色为底, 左右排列俯拍的食品素材, 贴合食品购物网站的主题, 美丽的食品图片背景能激发用户的食欲以及购买欲。

(三) 排版设计

首页设计旨在介绍网站的各个功能, 让用户在最短时间内了解网站的基本功能与架构, 并在有限的页面里向用户展示够用的信息。用户首次进入网站首页即可看到网站的slogon, 即让用户了解到网站功能。对于没有明确目的的用户, 进入网站首页亦可看到商品展示信息的轮播, 了解到最新热销的商品;往下拉动, 可看到最受迎接的作品, 以及最受迎接的菜谱。点击图片能放大并轮播图片, 将鼠标移到图片可以出现笔墨, 加强交互性。

登陆与注册页面是用户登录网站的第一个页面。商品详情页的重要功能是展示商品的详细信息。作品页展示用户上传的菜肴图片、菜谱社区的分享菜谱以及珍藏菜谱。用户信息页面有效户头像、用户性别、地区、简介等基本信息, 并且能查看到用户上传的菜谱、作品, 以及用户珍藏的作品。购物车页面展示用户放在购物车中的商品, 用户能删除商品、修改商品的数量。

(四) 页面实现

网页的页面实现可用HTML和DIV+CSS写出框架, 并可用Java Script和Jquery实现网页殊效。DIV+CSS布局能把Web标准中所要求的网页内容与体现完全星散, 从而提升网站的维护服从, 操作起来更加方便快捷。使用DIV+CSS布局方法在很大程度上缩减代码, 加快页面欣赏速度, 方便修改页面。一个CSS样式表文件可供多个网页使用, 增长更多用户而不需建立自力版本, 而且使体现和内容星散, 结构性强。[3]

对于j Query语言来讲, 其语法特别很是简单, 用户在输入代码和检查代码语法上的时间大大缩短, 编写代码服从大幅提升。j Query有很壮大的功能函数, 借助函数帮助, 欣赏器的各个不同界面间的问题很容易得到解决。另外, j Query使脚本稳固, 很少出错, 可读性强。[4]

登陆和注册框的表单属性让用户输入信息。横向列表可以制作导航, 并且新建鼠标cur格式的类, 实现鼠标殊效。菜谱分类目录以表格方法建立分类目录, 接下来是菜谱页的笔墨介绍。在网页中一个固定位置循环滚动图片, 当鼠标经过图片时滚动制止, 当鼠标离开图片时又重新滚动。在网页中一个固定位置, 通过滚动方法表现更多的信息, 一是节省了网页空间, 二是让网页团体结果看起来更天真, 更吸引人, 循环滚动图片或笔墨展示更多的信息。[5]最后是购买商品页的商品图片设置。

三、食品电商购物与分享网站的后台设计

食品电商网站集购物与分享为一体, 用户可欣赏商品、购买商品、上传作品、分享菜谱等。登陆者身份分为通俗用户和管理员两种。开展用户调查, 效果发现网站需求有效户管理、商品管理、作品管理和菜谱管理这几种。

网站后台包含用户管理、商品管理、作品管理、菜谱管理管理、用户管理模块、商品管理模块、作品管理模块和菜谱管理模块等基本功能。

通过需求分析和功能转化, 将通俗用户、商品、作品、菜谱分别看作实体, 分别对应用户实体集、商品实体集、作品实体集、菜谱实体集。同时, 一个用户可以上传多个作品, 统一作品可以被多个用户上传;用户实体集和作品实体集之间的联系可用多对多 (M对N联系) 的“上传”联系集来联系;一个用户可以查看多个商品, 商品可以被多个用户查看;用户实体集和商品实体集之间的联系可以用多对多 (M对N联系) 的“查看”联系集来联系;一个用户可以上传多个菜谱, 菜谱可以被多个用户上传;菜谱实体集和用户实体集之间的联系可以用多对多 (M对N联系) 的“上传”联系集来联系;一个商品可以被多个用户购买, 一个用户能购买多个商品;商品实体集和用户实体集之间的联系也可用多对多 (M对N联系) 的“购买”联系集来联系