SmartExam (Web Platform)

SmartExam

Platform

Web
Desktop

Project description

The SmartExam is a system which manage the exams of the students in the university, college.

Activities

• Brainstorm

• Sketch

• Create Visual Design

Analysis

Problems

The current system of SmartExam doesn’t have a revisable button to mark the question.

The navigation between questions are through next/back button which is literally wasting time in order to go into specific question.

Challenges

How to navigate to the next questions and previous one other than one way of switching between questions

How to remind the user of the question mark as revisable

Solutions

Help student in reviewing the question and answer when they mark it as a revisable.

Design the space of reviewing the QAs which help student in the navigation system to locate any question.

Role

Visual Designer

User Flow

The diagram is representing the user flow in the smartexam system.

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 Surfcae

8
#000000

On Error

9
#FFFFFF

Typography

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

High Fidelity

The graphics are the set of screenshots on the iPad Pro 12.9-inch related to the SmartExam system

The personal photo of "Khaled Nobani"

Khaled Nobani

Web designer

The personal photo of Mohammad Habahbeh

Mohammad Habahbeh

System Analyst

The personal photo of Jalal Kiswani

Jalal Kiswani

Manager