# 对包图网进行的分析

**Repository Path**: wencuixian/analysis_of_packet_graph_net

## Basic Information

- **Project Name**: 对包图网进行的分析
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# “包图网”分析
### 介绍：以下是我们小组利用尼尔森用户体验十大原则对“包图网”素材网站进行的分析。

## 原则一：系统状态可视化
* 在这一个原则上，这个网站还是做得比较好的。它能通过适时且适当的反馈，帮助用户快速感知“发生了什么”、“我该做什么”，强化用户心理预期。
* 如下图。鼠标放在某一个栏目上，该栏目的名称下会出现有颜色的下划线，并且字体颜色也会变。当进入该栏目的时候，它的字体颜色也是跟其他字的颜色不同，能够与其他区分开来，能够让用户知道自己点击的是哪个模块，自己处于哪个模块。
![](images/1.1.png)
![](images/1.2.png)
![](images/1.5.png)

* 当你收藏前，收藏图标是灰色的，收藏后，收藏图标就会被点亮，能让用户知道自己是否有收藏。
![](images/1.3.png)
![](images/1.4.png)

***

## 原则二：不脱离现实
* 这一点该网站做的也是比较好的。使用了用户熟悉的语言和概念进行设计，遵循现实生活中的基本规律。
* 在个人中心页面，“我的下载”“我的收藏”“我的足迹”都是使用了用户熟悉的语言。
* ![](images/2.1.png)

* 取消收藏的界面，他选择的图标使用熟悉的概念，“确定”使用了比较亮眼的颜色。
![](images/2.2.png)

*** 

## 原则三：用户有自由控制权
* 这一点呢，该网站就没有做的好。很多地方用户不能自由地选择操作任务。
* 比如，在我的足迹这一面，他并没有给用户选择的权利，不能取消自己浏览过的东西。还有在下载的页面，他只有“下载”这个选项，并没有“取消”或者“返回”的选项，当用户不想下载时，只能关闭该页面。
![](images/3.1.png)
![](images/3.2.png)

***

## 原则四：一致性
* 该网站的首页就能体现这个原则。比如种类模块的状态显示，操作方式等都保持了一致性，网站页面使用了卡片式的视觉风格，让页面较为整洁，让用户有良好的视觉体验感。
![](images/4.1.png)
![](images/4.2.png)
![](images/4.3.png)

***

## 原则五：帮助用户发现、诊断和纠正错误
* 在这一个原则上，这个网站做得比较好。出错时会用简洁明了的语言，不得包含技术性词语告知用户。
* 如下图，当手机号输入错误时，会出现较为明显的提醒色以标示其错误内容。
![Alt text](images/5.1.png)

***

## 原则六：预防用户出错
* 在这一个原则上，这个网站还是做得比较好。它在多处都通过合理的设计实现预防用户出错，给用户提供了更清晰便捷的设计。
* 如下图，在广告设计右上角提示了背景元素、在办公文档右上角提示了PPT、在插画配图右上角提示了GIF。因为大部分用户在广告设计、办公文档中使用频率最高的是背景元素和PPT，这样的设计会让用户清晰明了快捷的找到自己所想要的，预防客户不清楚背景元素是属于广告设计这类而出错。也存在用户对于插画配图会有另外一个名词解释，因此将GIF也标明可预防用户出错
![Alt text](images/6.1.png)
* 如下图，右侧导航栏有很多个类别可供用户点击，当鼠标放置一处时会出现一个大的介绍，进一步提示用户该处的超链接是关于什么内容的，防止用户在多个类别中点击出错。
* ![Alt text](images/6.2.png)

***

## 原则七：帮助用户识别，而非回忆
* 在这一个原则上，这个网站也是做得比较好的。它减少了用户记忆负担，用户无需记住具体内容便可以流畅的重复之前的操作，并且操作对象和选项明确可见，帮助信息容易获取。
* 如下图，会出现历史搜索，在我的足迹处能够找到自己曾经浏览过的素材。
* ![Alt text](images/7.1.png)
* ![Alt text](images/7.2.png)

***

## 原则八：灵活性和使用效率
* 在首页导航栏中明确标明了高频搜索素材（背景、ppt、gif）所在的区域，方便用户更快的找到所需素材，提高用户使用效率。（如图8.1所示）
*  在网页的左侧有一列跟随滑动条滑动的导航栏，操作更加灵活高效，并且不用返回到页面顶端，加大了其使用的导航栏便利性。（如图8.2所示）
![图8.1](images/8.1.png)
![图8.2](images/8.2.png)

***

## 原则九：美观和极简的设计
* 所有信息做好分类，例如广告设计区（图9.1所示）、教程专区（图9.2所示）等等专区的直接罗列各类干货，用户可一目了然。不混搭多余信息、多余功能键，整体界面设计简洁、网页信息表达逻辑清晰。
![图9.1](images/9.1.png)
![图9.2](images/9.2.png)

***

## 原则十：帮助和说明文档
* 网页有一个对应的帮助中心，一切关于该网站的问题都分类罗列清楚（如图10.1），并且都有对应问题的解决方案的说明文档，解决途径选择多，用语也十分言简意赅。（如图10.2所示）
![图10.1](images/10.1.png)
![图10.2](images/10.2.png)