Edmodo Mobile Application UI/UX Design and Prototyping Project

Desklib provides past papers and solved assignments. This project details the UI/UX design of the Edmodo educational mobile app.

Edmodo will make the
learning fun and easier.
Introduction of the
application

Edmodo application helps a student learning wherever and whenever a
student want to study and learn. This application needs registration and then
the student can access the application anywhere and can carry its study
material wherever he/she wants to, for different courses, student can buy
different modules which are presented by the application. This Edmodo
application is based on education and training field which is providing a
platform for making study easier and fun for the students who are not really
fond of studying, so in this application there are various interactive sessions
and videos that are present and data in different forms is available, for a
student who needs proper notes or videos for better understanding, so the
main objective to design this application is to provide a proper and
appropriate path to make learning fun and effective.
Introduction of Application

Detail Description of the
Application
The Edmodo application is an application that works on smart phones which is
designed to make a study and learning more easier and fun for the students who
did not find study much interesting. For creating the user interface of this
application, a user interface has designed with the help of a tool named
Balsamiq, where all the user interfaces can be designed in order to create any
application. This is a powerful tool which allows a user to gain prior knowledge of
an application which is not created yet and any changes can be made whatever
the requirements of clients are given. The manager of the company decided to
provide this platform in order to increase the sales and marketing of the
company.

LOGO
Button
for
signing in
If already
registere
d then
just log
in by
clicking
here
Sign in Screen

Description
The given screen is the first screen of the application which is
displaying that registration is needed to access the application by
entering the following details and then proceed to sign in button and if
the member is already registered then the member need not sign up
again. This signing in screen have different components in which
different the asked details should be filled in order to sign into the
application, a text box is provided under all asked details which need
to filled appropriately and if the student has an already existing
account then he/she can ignore the details and can directly click on
the option of already registered which will direct the user to the log in
page.

LOGO
Button
for
logging
in
If user
forgets
the
password
, click
here
Log in Screen

Description
This slide shows the log in option for the user and a feature for
members who forget their passwords can reset the password. This is
the log in screen which is used by the user who has an account
already so by entering the username and the password which was
used to sign in should be correctly mentioned in the text box which is
provided and then, to proceed further click on log in button, but if
unfortunately, the user forgets the username or password then
he/she can click on the option of forget password which will allow a
user to direct to the next page.

For
requestin
g OTP
Enter
OTP
here
Set new password

Description
After clicking on forget the password, the next screen will appear for
entering the mobile number or an email ID where the OTP will be
sent in order to reset the new password, then another screen will
appear for entering the OTP which will be received from a text
message or on email ID which is provided. These two screens will be
shown to the user one after the another in order to reset the
password and allow a user to log in again with the new password.

LOGO
Enter new
password
hereRe-write the
new
password
for
confirmation
Click here to
proceed
Enter new password

Description
This screen helps in creating a new password for the
users and click proceed for finally set the new
password. As there are different components present
in this screen allow the user to either go back with the
help of a back arrow or him/she can enter a new
password and again by re-entering, a confirmation is
needed, a button to proceed further is also available
to move forward.

Password Set