# B-AM

**Repository Path**: NFUNM060/B-AM

## Basic Information

- **Project Name**: B-AM
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-04-18
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 高校网站项目

#### 项目背景
随着互联网时代的发展，当今的网站不只要满足用户浏览信息的要求，更多要关注用户的使用体验，具体为网站排版设计、优质内容、易用性以及交互性等方面。为了学习如何提升网站用户体验，我们组以中大南方教务与科研部为研究对象，把用户的情感化设计作为切入点，从用户对网站反映出的情感，得出网站不同角度的客观评价，从不同评价中看到网站现今的缺点并筛选加以改正，优点提取精炼，最后完成网站的优化设计。

#### 采用方法
全程我们采用了用户访谈及对比研究的方法。在用户访谈之前，我们首先对本次研究进行了规划，得出了以下目标：
1. 更新或修改当前网站的内容单元
2. 让网站更加美观
3. 方便用户准确快速获取信息
4. 提高此网站的用户体验
接着我们进行了对“教务与科研部”网站情感指标的内部提炼，一共选出了十个正负向的情感指标，设计情绪卡片，正式开始用户访谈。由于此次项目是对“教务与科研部”网站进行优化，访谈形式我们主要做的是“定性”研究。访谈结束后，我们将用户产生的情绪、为何产生此种情绪以及用户对网站的建议做了整合归类，产出鱼骨图。最后使用线框图将产品原型大致呈现，以此结束研究。

#### 卡片设计
本次研究的情绪卡片设计我们利用了大众广为熟知的emoji表情，目的是为了让用户在采访过程中产生共鸣，提升访谈的趣味性，达到访谈内容总体质量提高的效果。
![情绪卡片](https://images.gitee.com/uploads/images/2019/0418/112618_64e1ef4f_1648195.png "情绪卡片.png")

#### 受试者及访谈详细数据
本次研究共有五位受试者，性别均为女，以下为受试者对应详细数据。

1.受试者A产生情绪及排名：

| 排名 | 1    | 2    | 3    | 4    | 5    |
| ---- | ---- | ---- | ---- | ---- | ---- |
| 情绪 | 无聊 | 挫折 | 烦躁 | 满意 | 信任 |

* “无聊”原因：页面颜色单一
* “挫折”原因：内容不清晰，各内容主题不突出
                             网站交互性弱，用户难以有参与感
* “烦躁”原因：整个网页没有图片修饰
* “满意”原因：网站首页有动态条，能让人捕捉到重点信息
* “信任”原因：网站整体整洁清晰，内容丰富

建议：
* 设置评论区让用户有留言或提出疑惑的平台

2.受试者B产生情绪及排名：

| 排名 | 1    | 2    | 3    | 4    | 5    |
| ---- | ---- | ---- | ---- | ---- | ---- |
| 情绪 | 信任 | 挫折 | 惊喜 | 满意 | 疑惑 |

* “信任”原因：对网站的整体布局感到信任
* “挫折”原因：观感差、较呆板，纯文字无图片
* “惊喜”原因：对小插件/单元的功能感到惊喜
* “满意”原因：同上
* “疑惑”原因：单元过于细化，还有不明白网站常用链接的作用

建议：
* 侧边栏添加中南车程信息（公交班次、校车班次）
* 优化页面的排版
* 最新信息滚动改成从左到右滑动

3.受试者C产生情绪及排名：

| 排名 | 1    | 2    | 3    |
| ---- | ---- | ---- | ---- |
| 情绪 | 困惑 | 疑惑 | 烦躁 |

* “困惑”原因：内容繁杂没有进行具体归类，例如新闻没有进行日期的分类，新闻标题差不多，会不想去点开。
                             点开网站部分链接（点击图片）时，页面会跳转至其他网站
* “疑惑”原因：边栏功能作用不大，对于其所提供的“常用链接”，浏览者表示应该很多人不会使用。
* “烦躁”原因：打开该网站的多个页面里，发现网页文字过多，字体小，需要浏览的时间较长，容易失去耐心。
                             信息滚动栏字体小，滚动快，标题意义模糊，不想点击

建议：
* 增大字体字号，对各文章进行区块内容分类，使网站易于浏览。
* 弱化边栏“常用链接”功能
* 可以保留原本配色，有官方的感觉
* 对信息滚动栏制定编辑规则 

4.受试者D产生情绪及排名：

| 排名 | 1    | 2    | 3    | 4    | 5    |
| ---- | ---- | ---- | ---- | ---- | ---- |
| 情绪 | 信任 | 满意 | 疑惑 | 无聊 | 烦躁 |

* “信任”原因：对官方网站的信任
* “满意”原因：网站功能较齐全
* “疑惑”原因：信息过于繁杂，难以找到想要的信息
* “无聊”原因：排版单一，分类不明，图片较少
* “烦躁”原因：字体过小，文字过于密集，易造成视觉疲劳

建议：
* 增大字体，优化排版，让读者易于阅读
* 做好信息分类，增强用户体验
* 在分页面增加搜索功能，方便用户精准找到所需信息

5.受试者E产生情绪及排名：

| 排名 | 1    | 2    | 3    | 4    |
| ---- | ---- | ---- | ---- | ---- |
| 情绪 | 无聊 | 疑惑 | 烦躁 | 期待 |

* “无聊”原因：整体布局过于单调无味
* “疑惑”原因：页面内容的说明没有图片或音频视频的说明，在查找有效内容会比较受限
* “烦躁”原因：面对只提供纯文字的网站内容布局，用户体验不佳
* “期待”原因：对于许多不足，对网站还是抱有更多的期待去改进完善

建议：
* 优化页面布局，增添更多的图片说明，吸引用户的眼球
* 做好信息分类，使页面看起来更加简洁明了
* 可以设置人工客服或者智能客服功能，答疑用户的需求。

#### 鱼骨图
![鱼骨图](https://images.gitee.com/uploads/images/2019/0417/220738_36054545_1648195.png "“教务与科研部”用户体验调查.png")

#### 结论
通过用户访问及筛选，我们在网页修改了4处地方，分别在首页和文章内页，在pages呈现。

#### 小组成员
* 邹子惠 171013110
* 龙雯静 171013060
* 钟靖欣 171013105
* 谢颖 171013085
* 杨松浩 171013088
* 张霖 171013100