PeerAssessment.com is an online platform for instructors to monitor and/or evaluate students working in teams

Jan 27 - Aug 31 2021

01 INTRO

01 简介

ABOUT

This project focused on the instructors’ side to improve the overall usability of the system by defining new design guideline including new color scheme, font type and size, and information organization

这个项目的重点是教师方面,通过定义新的设计准则,包括新的颜色方案、字体类型和大小以及信息组织,提高系统的整体可用性。

 

GOALS 目标

Individual accountability

个人责任感

Team dynamic monitoring

团队动态监测

Rich peer feedback

丰富的同伴反馈

 

NEEDS 需求

Create analytical dashboard

创建分析面板

Remake team management

重新制作团队管理

Better overall UI design

更好的整体UI设计

 
 
 
 

02 INFORMATION ARCHITECTURE

02 信息架构

 
 
 

ACCOUNT

用户信息

DASHBOARD

概况

队友评估

团队评估

CLASS

概况

学生信息

团队管理

评估

问题管理

邮件模版

报告下载

PURCHASE

选择计划类型

购买计划

支付

HELP

系统更新

新手指南

特殊案例

参考文档

 
 

*The highlighted part indicated the parts we had worked on in this project, the rest was not prioritized as they were not emerging needs

*黑色高亮的部分表示我们在这个项目中的工作,其余部分没有被优先考虑,因为它们不是紧急需求。

 

03 STYLE GUIDE

03 字体与颜色

FONT

ACUMIN PRO BOLD

H1

size: 48

Acumin Pro Medium

H2

size: 34

Acumin Pro Medium

H3/BUTTON

size: 24

Acumin Pro Regular/Bold/Medium

BODY 1/BUTTON

size: 20

Acumin Pro Regular

BODY 2

size: 16

Acumin Pro Medium/Bold

BODY 3

size: 14

 
 
 

COLOR

 

04 DESIGN - DASHBOARD

04 面板设计

 
 

BEFORE

Loaded with texts

装满了文字

No priority of information

没有进行信息优先级

No information hierarchy

没有信息层次结构

No divided sections

没有划分不同部分

 
 
 
 

AFTER

Clear information hierarchy

清晰的信息层次结构

More salient color theme

更加突出的色彩主题

Highly organized information

高度的信息整理

Clear functionality with navigations

功能明确,有导航功能

 
 
 
 
 
 
 

Highly flexible interactive charts

高度灵活的交互式图表

Both quantitative and qualitative data included

涵盖定量和定性的数据

Comprehensive monitoring with individuals and teams

对个人和团队进行全面监测

 

05 DESIGN - CLASS

05 班级管理设计

 

BEFORE

Easy mis-editing for class information

课堂信息容易被错误编辑

Too much negative space

太多的空白空间

No information hierarchy

没有信息层次

 
 
 

AFTER

Richer information about the class

有关课程的信息更丰富

Easy skim for assessments

易于略读评估

Misclick removed with editing button

用编辑按钮降低了误击概率

 

BEFORE

No information hierarchy

没有信息层次

Lack of graphic design

缺乏平面设计

Minimal negative space between sections

每个部分之间的间隙太小

 
 
 

AFTER

Icon as simpler representation

图标作为更简单的表示方法

More organized information

信息更有条理

Clear functionality with navigations

功能明确,有导航功能

 
 
 
 
 
 

Drag and drop feature to organize teams

可以使用拖放功能来组建学生团队

 
 
 

Help instructors to build their teams based on past data or math assistance

帮助教师根据过去的数据或数学辅助来创建学生团队

 
 
 
 
 
 
 
 
 
 
Previous
Previous

Veloart Visual Design

Next
Next

Learncer