# 用户与视觉界面设计

**Repository Path**: yanglelin/User-and-visual-interface-design

## 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**: 2021-03-26
- **Last Updated**: 2021-03-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 用户与视觉界面设计  
## 竞品分析

### 1、系统可见性原则  
> 保持界面的状态可见，变化可见，内容可见。让用户知道发生了什么，在适当的时间内做出适当的反馈。 比如用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。  
![](竞品分析images/竞品分析/1.png)  

该界面的顶部是不同笔记的分区，有根据用户的阅读量的推荐笔记，有视频专区，有直播专区等。可以帮助用户快速感知“我在哪（位置/阶段）”、“发生了什么”、“我该做什么”，强化用户心理预期。界面的下部的商城，信息等也可以帮助用户快速找到需要的功能。  
***  
### 2、贴近场景原则  
> 用用户的语言，用词，短语和用户熟悉的概念，而不是系统术语。功能操作符合用户的使用场景。

用用户的语言，如“钱包”“我的草稿”“发现好友”等，都能清晰明了地帮助用户使用该功能，“钱包”顾名思义就是账户内的余额，“我的草稿”就是创作出来未发布的笔记等  
![](竞品分析images/竞品分析/2.1.png)  
用用户熟悉的概念，“商城”界面的布局与用户量大的“淘宝”等购物软件一致，该软件的主要功能不是购物，但他的购物平台也做得相当不错。  
![](竞品分析images/竞品分析/2.2.png)  
***  
### 3、一致性和标准化原则  
>遵循平台的惯例。也就是，同一用语、功能、操作保持一致。   

首页与个人页都是以卡片形式展现的  
![](竞品分析images/竞品分析/3.1.1.png)  
![](竞品分析images/竞品分析/3.1.2.png)  

同一用语，都是以“收藏”、“赞过”为主  
![](竞品分析images/竞品分析/3.2.jpg)  
***  
### 4、审美和简约设计原则  
> 不应该包含无关紧要的信息。  
![](竞品分析images/竞品分析/4.1.jpg)  

在个人页里，占版面最多的是“笔记”、“收藏”“赞过”三个板块，这三个板块也是该软件中最常用的三个功能。这样的界面设计较为干净，便于用户查看，没有包含其他无关紧要的信息。  
![](竞品分析images/竞品分析/4.2.jpg)  
  
但在个人页的顶部却不够完善，“编辑资料”和设置按钮较为累赘，左上角的更多也不明显，设置应放在右上角

### 5、防错原则  
> 更用心的设计防止这类问题发生，在用户可能犯错时进行提醒，比如删除可能造成的后果。  

![](竞品分析images/竞品分析/5.png)
当用户想删除笔记时，会自动弹出“确认删除这条笔记么？”弹窗，再次询问用户是否删除笔记，避免误删。  
***  
### 6、人性化帮助原则  
> 有必要提供帮助和文档。任何信息应容易去搜索，专注于用户的任务，列出具体的步骤来进行。帮助性提示最好的方式是：1、无需提示；2、一次性提示；3、常驻提示；4；帮助文档。  


该软件提供“帮助与客服”，解决用户的问题。  
![](竞品分析images/竞品分析/6.1.png)  
  
软件还提供了社区公约，可以营造一种良好的交流氛围 
![](竞品分析images/竞品分析/6.2.png)