Portfolio / Design / SmartExam

SmartExam

Platform

Web

Mobile / Desktop / Tablet

Description

The SmartExam is a system that manages the exams of the students at the university or college.

Activities

  • Brainstrom
  • Sketch
  • Create visual designs

Analysis

Problem

The current SmartExam system lacks a button for revising questions.

Navigation between questions is solely reliant on the next/back buttons, which unnecessarily consumes time when attempting to access a specific question.

Challenges

How can users navigate to the next and previous questions beyond the current method of switching between questions?

How can the system remind users of questions marked as revisable?

Solutions

Assist students in reviewing questions and answers when they mark them as revisable.

Design a space for reviewing the QAs that aids students in the navigation system to locate any question.

Role

Visual Designer

User flow

Colors

Primary
1
#2196F3
Primary ascend
2
#1045A1
Secondary
3
#F37F21
Error
4
#B00020
On Primary
5
#000000
On Secondary
6
#000000
On Background
7
#000000
On Surface
8
#000000
On Error
9
#FFFFFF

Typography

Aa
Robotto
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890
أب
Robotto
أ ب ت ث ج ح خ د ذ ر ز
س ش ص ض ط ظ ع غ
ف ق ك ل م ن ه و ي ء
.١٢٣٤٥٦٧٨٩

High fidelity

Tools

Team