# 界面设计分析

**Repository Path**: NFUNM172017487/interface_design_analysis

## 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-07
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 界面设计分析

# 分析产品介绍
超星学习通是面向智能手机、平板电脑等移动终端的移动学习专业平台。用户可以在超星学习通上自助完成图书馆藏书借阅查询、电子资源搜索下载、图书馆资讯浏览，学习学校课程，进行小组讨论，查看本校通讯录，同时拥有电子图书，报纸文章以及中外文献元数据，为用户提供方便快捷的移动学习服务的app。

# 首页

<img src="/image/home_ios.png"  height=30% width=30%>
<img src="/image/home.jpeg"  height=30% width=30%>

* ios（左）界面中「课程」、「学习资料」、「微应用」占满了一整行，且有同样的相似性、封闭性、在同一个区域
* 安卓（右）界面中「课程」、「学习资料」、「微应用」三个图标依然采用了格式塔的相似性、封闭性，图标类似的圆角矩形，但因为未占满整个区域，视觉上没有iOS的舒服
* ios的界面采取了上下不同模块的封闭性设计，而安卓使用了左右的模块卡的封闭性设计

# 信息

<img src="/image/chat.jpeg"  height=30% width=30%>

* 一致性与标准化——课程消息在类的群组消息都会绿色为背景色，并且会提示此为课程消息，私信等个人消息则会以蓝色为背景色。当某个对话框有信息时会在右上角弹出深红色数字小框（当前没有消息），更容易引起用户注意，该功能与业界标准一致。

<img src="/image/chat_mean(1).png"  height=30% width=30%>
<img src="/image/chat_mean(2).png"  height=30% width=30%>

* 相似性——不管是在哪种对话框内，菜单按钮永远都是在界面的右上角，减少了用户需要记忆的事情，潜意识下就会知道右上角是菜单按钮

# 笔记
<img src="/image/笔记.png"  height=30% width=30%>
<img src="/image/笔记本.jpg"  height=30% width=30%><br>

* 封闭性——每个笔记都分由不同的模块分开
* 相似性——每个笔记的右上侧都有笔记的类别显示，能让用户更快的了解到笔记的类别和进行查看；笔记本页面中的笔记种类分别,一目了然

# 我的
<img src="/image/我的-未登录.jpg"  height=30% width=30%>
<img src="/image/我的-已登录.jpg"  height=30% width=30%><br>

* 可视性原则——“我的”页面中有显著的登录状态显示，和业界设计标准一致

# 课程
<img src="/image/课程1.jpg"  height=30% width=30%><br>

* 预防错误的发生——删除课程的界面很难找到，需要在课程页面中向左划动课程，可能与部分用户的使用习惯有冲突，长按课程后也只有移动课程的功能

# 微应用
<img src="/image/micapp.png" height=30% width=30%>

* 微应用分为4个模块每个模块内的图标都采取了相同的颜色，和有联系的功能。采用了相似性和共同命运，又用标题将其分割，采用了封闭性原理
# 模块删除
<img src="/image/删除课程.png"  height=30% width=30%>
<img src="/image/删除记录.png"  height=30% width=30%><br>

* 模块的删除都是向左滑动，符合十大原则中的*操作方式一致性*。