# 界面设计

**Repository Path**: wuxinlin/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**: 2
- **Created**: 2020-07-02
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 尼尔森十大原则

## 1. 状态可见原则

- 当用户下滑界面松开后，界面上方会出现刷新的交互标志，体现状态可见原则。小红书内点赞后会由无色变为红色，也体现了状态可见原则；

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/082346_83596f3c_4884443.jpeg "在这里输入图片标题")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/082515_10068058_4884443.jpeg "在这里输入图片标题")


## 2. 不脱离现实原则
- 使用用户熟悉和概念进行设计；遵循现实生活中的基本规律，信息的显示自然而有逻辑。左右滑动可以切换到相邻的板块。

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/082536_f5438c45_4884443.jpeg "在这里输入图片标题")


## 3. 用户可控原则
- 删除某条笔记时，会出现提醒，是否确认删除，让用户思考再次思考和选择是否继续该操作

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/082657_2d694131_4884443.jpeg "在这里输入图片标题")


## 4. 一致性原则
- 首页和商城搜索框都在屏幕的上方显示，用户很容易就能找到相应的位置进行操作。

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/082739_7282204b_4884443.jpeg "在这里输入图片标题")


## 5. 帮助用户发现、诊断和纠正错误 
- 出错提示需用简洁明了的语言，不得包含技术性词语。 密码错误时直接把密码清零再让用户重新输入，简洁明了。

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/082813_46ef0870_4884443.jpeg "在这里输入图片标题")


## 6. 错误预防原则
- 在编辑后按了返回键，会出现是否保存草稿的提醒 ，以防误操作退出，使得文本未被保留，体现了错误预防原则。

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/082831_32f112f4_4884443.jpeg "在这里输入图片标题")


## 7. 帮助用户识别，而非回忆  
- 减少用户记忆负担，操作对象和选项明确可见；用户无需记住具体内容便可以流畅的重复之前的操作；帮助信息容易获取。图内采用了图标加文字的内容使这两个功能能够帮助用户对其的识别

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/083337_71194eb1_4884443.jpeg "在这里输入图片标题")


## 8. 灵活性和使用效率 
- 界面中的功能引导必须简单方便，不能要求用户付出太多精力。系统可以满足有经验的用户也可以满足无经验的用户，中级用户的数量远高于初级和高级用户数，系统意味着为大多数用户设计，不要低估也不可轻视，保持灵活高效。长按某个方块可以对该篇文章进行操作，能够让用户选择减少此类内容的推荐。

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/083351_87db62e2_4884443.jpeg "在这里输入图片标题")


## 9. 美观和极简的设计。
- 不相关和不必要的信息不显示；不做过多影响信息传递的额外设计。标题的概括是对其内容的极大提炼

![输入图片说明](https://images.gitee.com/uploads/images/2020/0409/083443_a17447fe_4884443.jpeg "在这里输入图片标题")


## 10. 帮助用户发现、诊断和纠正错误原则
- 提供帮助和说明文档。为用户提供便利的检索或指引帮助功能，用简洁明了的语言，向用户详细描述，列出具体实现步骤。
![输入图片说明](http://chanyh.gitee.io/interface_design/10.jpg "在这里输入图片标题")