ITC 504: Interface Usability Report - Hibyk App Design Alternatives
VerifiedAdded on 2024/07/01
|37
|1766
|181
Report
AI Summary
This report presents an analysis of the interface usability of the Hibyk app, exploring two design alternatives. Alternative 1 focuses on a minimalistic design with essential features for bike hiring services, emphasizing security, smooth navigation, and flexibility. Alternative 2 builds upon the first, incorp...
ITC 504-Interface Usability
STUDENT NAME: DINESH CHANDRA
STUDENT ID: 11622448
ASSESSMENT ITEM-1
STUDENT NAME: DINESH CHANDRA
STUDENT ID: 11622448
ASSESSMENT ITEM-1
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 1/screen 1
Alternative 1/screen 1
Purpose: it is a home page of the application that
displays while opening the Hibyk application.
Components use: this interface contains several
components like symbols, breadcrumbs, label, subtitle.
What user can do- this page helps the user to interact
with the application by navigating them to the register
or login page.
Purpose: it is a home page of the application that
displays while opening the Hibyk application.
Components use: this interface contains several
components like symbols, breadcrumbs, label, subtitle.
What user can do- this page helps the user to interact
with the application by navigating them to the register
or login page.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 1/screen 2
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 1/screen 2
Purpose: it is a login interface of the application that
displays after clicking on sign in symbol on home page
of the Hibyk application.
Components use: this interface contains several
components like subtitle, label, button and text input.
What user can do- this page helps existing user to get
into the application with their credentials for hiring the
bike.
Purpose: it is a login interface of the application that
displays after clicking on sign in symbol on home page
of the Hibyk application.
Components use: this interface contains several
components like subtitle, label, button and text input.
What user can do- this page helps existing user to get
into the application with their credentials for hiring the
bike.
Alternative 1/screen 3
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 1/screen 3
Purpose: it is an add user interface of the application
that displays after clicking on add user symbol on
home page of the Hibyk application.
Components use: this interface contains several
components like subtitle, label, button and text input.
What user can do- this page helps new user to get into
the application with their credentials for hiring the bike.
Purpose: it is an add user interface of the application
that displays after clicking on add user symbol on
home page of the Hibyk application.
Components use: this interface contains several
components like subtitle, label, button and text input.
What user can do- this page helps new user to get into
the application with their credentials for hiring the bike.
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 1/screen 4
Alternative 1/screen 4
Purpose: it is a bike type interface of the application.
Components use: this interface contains several
components like subtitle, label, button breadcrumbs
and symbols.
What user can do- this page helps user to select the
desired bike they want to hire, after selecting bike click
go on screen.
Purpose: it is a bike type interface of the application.
Components use: this interface contains several
components like subtitle, label, button breadcrumbs
and symbols.
What user can do- this page helps user to select the
desired bike they want to hire, after selecting bike click
go on screen.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 1/screen 5
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 1/screen 5
Purpose: it is a find bike interface of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, button,
street map and symbols.
What user can do- this page helps user to find the
selected bike location they want to hire, after selecting
bike click go on screen.
Purpose: it is a find bike interface of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, button,
street map and symbols.
What user can do- this page helps user to find the
selected bike location they want to hire, after selecting
bike click go on screen.
Alternative 1/screen 6
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 1/screen 6
Purpose: it is an unlock interface of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, button
and symbols.
What user can do- this page helps user to unlock the
bike they want to hire.
Purpose: it is an unlock interface of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, button
and symbols.
What user can do- this page helps user to unlock the
bike they want to hire.
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 1/screen 7
Alternative 1/screen 7
Purpose: it is a scan bike code screen of the
application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, text
input, QR symbol and other symbols.
What user can do- this page helps user scan or input
the bike code they have hired to start the ride.
Purpose: it is a scan bike code screen of the
application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, text
input, QR symbol and other symbols.
What user can do- this page helps user scan or input
the bike code they have hired to start the ride.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 1/screen 8
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 1/screen 8
Purpose: it is an FAQ screen of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, a block
of text and symbols.
What user can do- this page helps users to solve their
queries by providing them frequently asked question
solutions.
Purpose: it is an FAQ screen of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, a block
of text and symbols.
What user can do- this page helps users to solve their
queries by providing them frequently asked question
solutions.
Alternative 2/screen 1
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 2/screen 1
Purpose: it is a home page of the application that
displays while opening the Hibyk application.
Components use: this interface contains several
components like symbols, breadcrumbs, label, back
button, logo and subtitle.
What user can do- this page helps user to interact with
the application by navigating them to the register or
login page.
Purpose: it is a home page of the application that
displays while opening the Hibyk application.
Components use: this interface contains several
components like symbols, breadcrumbs, label, back
button, logo and subtitle.
What user can do- this page helps user to interact with
the application by navigating them to the register or
login page.
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 2/screen 2
Alternative 2/screen 2
Purpose: it is a login interface of the application that
displays after clicking on sign in symbol on home page
of the Hibyk application.
Components use: this interface contains several
components like subtitle, back button, logo, label,
button and text input.
What user can do- this page helps existing user to get
into the application with their credentials for hiring the
bike.
Purpose: it is a login interface of the application that
displays after clicking on sign in symbol on home page
of the Hibyk application.
Components use: this interface contains several
components like subtitle, back button, logo, label,
button and text input.
What user can do- this page helps existing user to get
into the application with their credentials for hiring the
bike.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 2/screen 3
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 2/screen 3
Purpose: it is an add user interface of the application
that displays after clicking on add user symbol on
home page of the Hibyk application.
Components use: this interface contains several
components like subtitle, label, back button, logo,
button and text input.
What user can do- this page helps new user to get into
the application with their credentials for hiring the bike.
Purpose: it is an add user interface of the application
that displays after clicking on add user symbol on
home page of the Hibyk application.
Components use: this interface contains several
components like subtitle, label, back button, logo,
button and text input.
What user can do- this page helps new user to get into
the application with their credentials for hiring the bike.
Alternative 2/screen 4
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 2/screen 4
Purpose: it is a bike type interface of the application.
Components use: this interface contains several
components like subtitle, back button, sign-out button,
logo, label, button breadcrumbs and symbols.
What user can do- this page helps user to select the
desired bike they want to hire, after selecting bike click
go on screen.
Purpose: it is a bike type interface of the application.
Components use: this interface contains several
components like subtitle, back button, sign-out button,
logo, label, button breadcrumbs and symbols.
What user can do- this page helps user to select the
desired bike they want to hire, after selecting bike click
go on screen.
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 2/screen 5
Alternative 2/screen 5
Purpose: it is a find bike interface of the application.
Components use: this interface contains several
components like subtitle, back button, sign-out button,
logo, label, breadcrumbs, button, street map and
symbols.
What user can do- this page helps user to find the
selected bike location they want to hire, after selecting
bike click go on screen.
Purpose: it is a find bike interface of the application.
Components use: this interface contains several
components like subtitle, back button, sign-out button,
logo, label, breadcrumbs, button, street map and
symbols.
What user can do- this page helps user to find the
selected bike location they want to hire, after selecting
bike click go on screen.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 2/screen 6
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 2/screen 6
Purpose: it is an unlock interface of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, back
button, button and symbols.
What user can do- this page helps user to unlock the
bike they want to hire. Also, the helmet is always by
default selected as it is compulsory to hire helmet.
Purpose: it is an unlock interface of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, back
button, button and symbols.
What user can do- this page helps user to unlock the
bike they want to hire. Also, the helmet is always by
default selected as it is compulsory to hire helmet.
Alternative 2/screen 7
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Alternative 2/screen 7
Purpose: it is a scan bike code screen of the
application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, text
input, QR symbol and other symbols.
What user can do- this page helps user scan or input
the bike code they have hired to start the ride.
Purpose: it is a scan bike code screen of the
application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, text
input, QR symbol and other symbols.
What user can do- this page helps user scan or input
the bike code they have hired to start the ride.
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Alternative 2/screen 8
Alternative 2/screen 8
Purpose: it is an FAQ screen of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, block of
text and symbols.
What user can do- this page helps users to solve their
queries by providing them frequently asked question
solutions.
Purpose: it is an FAQ screen of the application.
Components use: this interface contains several
components like subtitle, label, breadcrumbs, block of
text and symbols.
What user can do- this page helps users to solve their
queries by providing them frequently asked question
solutions.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
Reasons for Alternative-1
The first alternative was designed as a prototype which can fulfil the
desired requirement of the client that needs to be included in the
application interface.
Some of the features that are required to incorporate in the
application are;
Application must be secure to use.
Application should appropriately work for providing bike
hiring services online to the user.
The navigation among the interface of bike application must
be smooth.
Minimalistic design: First alternative follows the moderate plan
highlight as the interface outline just comprises of the applicable
data and no unessential information is incorporated into the outline.
Help and documentation: The screen in slide 16 that is FAQ is
additionally outlined in the designed interface to accomplish this
principle.
Flexibility: The application composed in first alternate design is
likewise adaptable and is effortlessly justifiable for the client.
The first alternative was designed as a prototype which can fulfil the
desired requirement of the client that needs to be included in the
application interface.
Some of the features that are required to incorporate in the
application are;
Application must be secure to use.
Application should appropriately work for providing bike
hiring services online to the user.
The navigation among the interface of bike application must
be smooth.
Minimalistic design: First alternative follows the moderate plan
highlight as the interface outline just comprises of the applicable
data and no unessential information is incorporated into the outline.
Help and documentation: The screen in slide 16 that is FAQ is
additionally outlined in the designed interface to accomplish this
principle.
Flexibility: The application composed in first alternate design is
likewise adaptable and is effortlessly justifiable for the client.
Paraphrase This Document
Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Reasons for Alternative-2
It was needed to design the second alternative for the interface application because
many requirements remained missed in the first.
In Second alternative design components are more appropriately aligned and
incorporates several more functionalities.
It contains some more features like back button, sign out button and more on each
screen designed.
Second alternate design have followed the heuristic rules that are as per the
following;
Match between Real world and system: The designed second alternative that
are justifiable to the client and takes after the rule that is coordinate among this
present reality and framework.
Flexibility: The designed second alternate is adaptable to utilize and is
effective.
Help and documentation: The outline likewise takes after this heuristic standard
by including FAQ function on every single page.
Consistency and Standard: these are kept up in the planned option.
User freedom: By including the sign-out symbol on all the screen in the
designed alternative this principle is followed.
It was needed to design the second alternative for the interface application because
many requirements remained missed in the first.
In Second alternative design components are more appropriately aligned and
incorporates several more functionalities.
It contains some more features like back button, sign out button and more on each
screen designed.
Second alternate design have followed the heuristic rules that are as per the
following;
Match between Real world and system: The designed second alternative that
are justifiable to the client and takes after the rule that is coordinate among this
present reality and framework.
Flexibility: The designed second alternate is adaptable to utilize and is
effective.
Help and documentation: The outline likewise takes after this heuristic standard
by including FAQ function on every single page.
Consistency and Standard: these are kept up in the planned option.
User freedom: By including the sign-out symbol on all the screen in the
designed alternative this principle is followed.
Recommendations
The second designed alternative is preferred over the first
alternative because;
In the slide 22 the back option has been inserted in the design
which makes navigation more smooth.
In the slide 24 the sign-out option is also added to each screen
through which alternative 2 follows the user freedom heuristic
principle.
The second alternative designed is more appealing from the user
view.
Alternative second design contains more components and features.
All the screens in second alternative is consistent.
Each screen of the second alternative has components properly
aligned.
The second designed alternative is preferred over the first
alternative because;
In the slide 22 the back option has been inserted in the design
which makes navigation more smooth.
In the slide 24 the sign-out option is also added to each screen
through which alternative 2 follows the user freedom heuristic
principle.
The second alternative designed is more appealing from the user
view.
Alternative second design contains more components and features.
All the screens in second alternative is consistent.
Each screen of the second alternative has components properly
aligned.
⊘ This is a preview!⊘
Do you want full access?
Subscribe today to unlock all pages.
Trusted by 1+ million students worldwide
References
Nielsen, J. (2013). 10 Usability Heuristics for User Interface Design |
Design Principles FTW. Designprinciplesftw. Retrieved 6 March 2018,
from https://www.designprinciplesftw.com/collections/10-usability-
heuristics-for-user-interface-design.
Ali, A., Alrasheedi, M., Ouda, A., & Capretz, L. F. (2015). A study
of the interface usability issues of mobile learning applications
for smart phones from the users perspective. arXiv preprint
arXiv:1501.01875.
Wang, C. M., & Huang, C. H. (2015). A study of usability
principles and interface design for mobile e-
books. Ergonomics, 58(8), 1253-1265.
Horsky, J., Schiff, G. D., Johnston, D., Mercincavage, L., Bell,
D., & Middleton, B. (2012). Interface design principles for usable
decision support: a targeted review of best practices for clinical
prescribing interventions. Journal of biomedical informatics,
45(6), 1202-1216.
Nielsen, J. (2013). 10 Usability Heuristics for User Interface Design |
Design Principles FTW. Designprinciplesftw. Retrieved 6 March 2018,
from https://www.designprinciplesftw.com/collections/10-usability-
heuristics-for-user-interface-design.
Ali, A., Alrasheedi, M., Ouda, A., & Capretz, L. F. (2015). A study
of the interface usability issues of mobile learning applications
for smart phones from the users perspective. arXiv preprint
arXiv:1501.01875.
Wang, C. M., & Huang, C. H. (2015). A study of usability
principles and interface design for mobile e-
books. Ergonomics, 58(8), 1253-1265.
Horsky, J., Schiff, G. D., Johnston, D., Mercincavage, L., Bell,
D., & Middleton, B. (2012). Interface design principles for usable
decision support: a targeted review of best practices for clinical
prescribing interventions. Journal of biomedical informatics,
45(6), 1202-1216.
1 out of 37
Related Documents
Your All-in-One AI-Powered Toolkit for Academic Success.
+13062052269
info@desklib.com
Available 24*7 on WhatsApp / Email
![[object Object]](/_next/static/media/star-bottom.7253800d.svg)
Unlock your academic potential
© 2024 | Zucol Services PVT LTD | All rights reserved.