校友便页面设计理论研究

李毅 梅竹 马嘉妮 陈娓琳 王苏畅

摘要：现阶段各种各样的二手交易平台，跑腿平台层出不穷，每个网站的存在都具有其独特的价值和意义，但是针对性和综合性比较欠缺，使得不能多任务处理.本文就在现阶段存在的网站的基础上，建立一个校友便综合性的平台，我们从校友便的的用户界面设计和网站信息架构这两个方面来介绍我们的网站。

关键词：校友便、用户界面设计、网站信息架构.

1校友便用户界面设计解析

1.1国内外网站分析

通过分析国内外不同网站来对其进行页面设计，从而更好的展示给大家.

1.1.1亚马逊购物网站

美国的 亚马逊购物网站是美国最大的购物网站，主要有，标题、图片、价格、运费仓储、五行特性，购物车，他的UI特别简约，以黑白色调为主，突出了产品.而且搜索也很方便，并且他的分类很细，尽可能的满足了大多数人的需求，特别是客户评分和价格分类，十分好用. 其网站整体版式对称且平衡，视线由上到下顺序排列，其中也加了动态设计，使其界面更加的生动，而且其文字对比强烈使客户能一目了然，POSHMARK来自美国的二手交易网站也是如此.

1.2网页字体

网页的用户部分主要通过文字来了解网页的内容，由于是交易性的网站，所以整个网站只用了两种字体，大部分是微软雅黑，还有一小部分是宋体，此外，网页的数字部分字体是Arial，有人说网站字体设计太单一了，为什么只有一种字体，因为这样才会使用户在浏览过程中不会产生视觉疲劳，如果在乐队整篇文章的时候，字体在不停的切换，这样会使用户读起来特别的累.

1.3页面色彩

网页的色彩设计可以给用户带来美感，也可以引导用户的行为.

整个网站以白色为底色，主要的风格是简约的风格，因为网站的主要用户是青年人，所以说整个网站的配色较为活波，主要以暖色调为主，而且这种色彩色设计也可以给用户更好视觉冲击力.让用户有不一样的感觉.这种简约的色彩风格也是借鉴了国内外其他的交易网站，以黑白色调为主，因为黑白有最佳的对比度和可读性，简介明了，能让用户用最短的时间找的自己想看的内容.

1.4校友便用户界面设计解析

网页设计的目的就是为了有效的传递信息，使用户更好的了解网页的内容，网页版式设计要达到形式和内容一致，版式设计要依照网页的目的功能和受众人群来确定其定位风格.

1.4.1网页布局

网页中的内容丰富，我们要将不同的元素展现出来，网页的排版是很重要的，我们不光要使网页简洁美观，更重要的是，我们要准确的表达出网页要表达的东西，为此，我们通过将网页里面的内容转换为点、线、面、的构成原则展现在页面版块之上.

点、线、面在结构上将网页分为导航区，标题区和内容区等，点的疏密程度就可以在网页中体现网页的节奏感，也可以分割版块;线的作用是对其整体的版式进行分割，使网页的版式有引导作用;

1.4.2视觉流程

校友便首页为满版型、二、三级页面为框架结构式.二三级页面中图像，动态图较多，视觉元素大小和色彩均不相同，所以采用框架结构，框架结构可以将元素有序的排列在规则的区域，方便用户的使用.

视觉流程主要以竖向为主由上到下，符合用户的阅读习惯，在网页中运用图片和动图，引导用户浏览，从而达到网站的目的.校友便网站虽说只用的一种视觉流程，但是物品交易网站就是以简约为主，让人们用最短的时间找到自己所需要的内容.

2网站信息架构

校友便平台的用户界面的设计是以用户需求为跟本宗旨，综合市面上的各种针对大学生社交群体的软件，以方便大家的生活学习，根据信息架构设计导航，确定简约的网页风格和标识设计.

2.1用户分析

第一，针对群体不同分，其中以大学生和教職工为网站的主要使用者，我们可以寻找旅游和创业同伴，便利还体现在二手物品的租赁和交易，例如毕业生的公共课书籍、水壶、收纳箱等可卖给需要人员，校园网、电子体育用品可租赁，丰富了课外活动.校内外兼职机构为学生锻炼自己、实现自我价值提供机会，平台进行实名认证，保障双方权益，如有欠薪资、欺骗等行为可在平台及时投诉，网站进行封号处理.还有校媒体主要发布校园新闻、公益科普、失物招领等提醒大家.

第二，针对用户使用情况分为访问用户、新老注册用户、活跃用户、流失用户，分析时主要讨论用户黏性、活跃度、交易成功量，其中新用户比例大于流失比例为发展成长阶段，持平为稳定阶段，低于为下滑阶段，用户流失率反映了网站保留用户的能力和网站本身的优劣;活跃用户为网站的重要交易用户，以买家或卖家的购买或发布成功量为主.

2.2信息架构

此网站是的内容是学生实有的物品来就近交换，无线下实体，其页面简单明了.网站的信息架构设计将内容分为五大板块，首页，是浏览页面，先登录才会有买卖详情页面，且实时更新.二手交易模块，包含生活用品，电子产品，书籍资料等.物品租赁包含生活电子体育用品等.校内新闻主要播报近一周内的校园新鲜事和下一周的工作主要事项，还有公益性知识和失物招领.校园兼职分为临时兼职、长期兼职、创新创业，主要有代办服务，教师，自媒体，创业等工作.找同伴模块旨在扩大交际圈，减轻迷茫感，寻找志同道合之人，主要体现在学习等方面.

2.3导航系统

网站导航是用户通过页面间的链接组织访问路径，目的是为了让用户在浏览网站的过程中不迷失，可以使其方便快捷的在网站中找的其所需要去的东西.所以，网站导航的关键就是如何把人物和所需要的选择链接起来.校友便网站采取的是树状链接结构，按照版块、栏目、次级栏目关系进行链接，结构利于用户的理解，在校友便导航设计中人员一般都是用导航栏逐层搜索.

2.4网站的标志与风格

校友便综合性网站，主要部分就是二手物品交易和物品租赁，所以在总的设计上就更加偏向于简约，又因为主要的使用人群是大学生，所以颜色方面更加鲜艳更加富有活力一点，在版式上采用的大多是分栏结构，分栏可以让用户尽可能快的找的其所需要的物品，加速大家的浏览速度，方便大家的使用.

网站的标志代表了网页的形象，二手物品交易和物品租赁的主要目的就是、废物利用，把不需要的二手物品交易出去，已达到物品的循环利用，绿色环保，物品租赁，是为了防止不必要的浪费，有些物品只用一两次的时候，就可以选择物品租赁，使其不会产生太多的闲置物品.所以我们网站的标志主体颜色就选用了环保为主的绿色，因为面向的主要人群是大学生，所以我们“校友便”就选择了卡通，使其看起来更加有活力.

2.5网页界面设计

网站首页设计将导航栏放置在右上端，方便用户的使用习惯，页面划分鲜明版式简洁，页面左上角有网站的logo，色彩以绿色为主，符合设计初衷，增强低碳环保意识，并且取名为“校友便”是根据大学师生的需求及广大人流量为最初想法，导航栏可以让用户用最短的时间找到自己所需要东西，注册和登陆页面让用户进行信息认证，方便用户.

参考文献

[1]王能.基于B/S结构的校园二手交易平台的构建[J]. 信息与电脑2012

[2]苏文瑾.运用ASP技术构建网上商品交易平台[J]. 信息系程2012

[3]李奕，王少华.论校园二手交易网发展存在的问题及解决对策[J].校园市场现代化

[4]叶茎，何琼.基于ASP. NET的网上二手交易平台的设计[J]. 电脑知识与技术2010

[5]何凯，辛怡俐.构建高校二手交易平台的可行性分析[J].中国商界（下半月）

[6]李力东，岳俊华.基于ASP. NET技术的校园网物品交易平台[J]. 科技致富向导2010

（指导老师：戴磊）

大学生创新创业项目编号：S202010723023