ITC504 Assignment: Interface Usability Design Concepts & Alternatives

Verified

Added on  2024/05/17

|40
|2127
|390
Practical Assignment
AI Summary
This assignment focuses on interface usability design concepts, presenting two alternatives for a local farm shop's website. It details the purpose, components, and user interactions for each screen in both alternatives, including homepage, registration, login, shop, cart, contact, and feedback pages. The assignment also discusses the requirements and heuristic principles applied in each design. Alternative 2 is recommended for its improved GUI, better alignment, added functionalities, and inclusion of social media links and a site map. The document concludes with references to usability heuristics and prototyping tools, and is available on Desklib for students seeking solved assignments and study resources.
Document Page
ITC504 Assignment-1
INTERFACE USABILITY
DESIGN CONCEPT
Student Name: Abdul Aqeel
Student No: 11612827
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Alternative 1/screen 1
Document Page
Alternative 1/screen 1
Purpose: It is the landing page that opens first when
user search for the website.
Components use: In screen 1 the components used
are label, menu bar, button, block of text and
copyright symbol.
What user can do: At the point when client tap on
login catch the login button will open and when
client tap on register button registration page will be
open.
Document Page
Alternative 1/screen 2
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Alternative 1/screen 2
Purpose: it is the first page that opens first when user
gets registered or logged in to the website. It displays
the details about the company.
Components use: in screen 2 the components used
are label, menu bar, button, block of text, image and
copyright symbol.
What user can do- At the point when client tap on
about us in menu bar this page get displayed, showing
the description of the company.
Document Page
Alternative 1/screen 3
Document Page
Alternative 1/screen 3
Purpose: it is the registration page that registers new
user to the website.
Components use: in screen 3 the components used are
label, text input, button and copyright symbol.
What user can do- for getting registered to the website
user enters the details asked on the page by clicking on
register button user is redirected to shop page.
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Alternative 1/screen 4
Document Page
Alternative 1/screen 4
Purpose: It is the login page that registers new user
to the website.
Components use: In screen 4 the components used
are label, text input, button and copyright symbol.
What user can do- User can login to the website by
entering the details asked on the page that is email
id and password and by clicking on login button user
is redirected to shop page.
Document Page
Alternative 1/screen 5
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Alternative 1/screen 5
Purpose- This page is the shop page. All the
products are displayed in this page.
Components Use - The components used in
screen 5 are Label, image, menu bar, and symbols
like copyright.
What user can do- User can choose among the
products and can view it details like name and
price of the product.
Document Page
Alternative 1/screen 6
chevron_up_icon
1 out of 40
circle_padding
hide_on_mobile
zoom_out_icon
[object Object]