INTERACTIVE DESIGN EXERCISE

August 26, 2019

INTERACTIVE DESIGN EXERCISE

27 Aug 2019 -
Ating Otobong Melvin Abang(0333700)
Interactive Design
Exercises

LECTURES

Lecture 1-Briefing And Web Evaluation
27 Aug 2019(Week 01)

Today We were briefed by Mr Shamsul and Mr Lun, then the software that we can use for this class is Bootstrap, Bracket or Adobe Dreamweaver. Mr. Shamsul said that we should avoid using a crack version of Adobe Dreamweaver as it wouldn't be effective in terms of information. Then we were split into groups and presented qualities that make up a good or a bad website. Here are the Good qualities

Good:

Must be User-friendly
Consistency
Interactive
Responsive- Being able to adapt to screen sizes and when Minimized Can still be worked.
Hamburger Menu
Minimalism(Keep it simple)
Must be quick in Loading

Bad:

misalignment
Lack of Sufficient information
Too much information
Unresponsive
too much of advertising

Here is the PDF File for the Lecture.

Lecture 2-UI VS UX
3 Sept 2019(Week 02)

Today's class was on UX and UI, Mr. Shamsul and Mr. Lee explained in details what Ux And Ui was and also went Introduced keywords that we should remember when designing a website.

User Experience (UX): the main focus is to design the structure and layout of a website and to anticipate the feel of user interactions

User Interface (UI): This is more focused on user functionality and is done in such a way were elements are easily accessed, understandable and easily displayed on a website.

There is no recipe that’s going to make your
design appropriate for all applications and users

• “There’s no such thing as good design,”- Nielsen

UX(User Experience)- is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product.

UI(User Interface)- This has to do with the look and feel of the Web site

Here is the PDF for this Lecturer

Lecture 4
24th Sept 2019(week05)

Exercises

Week 1
Exercise 1
Website Evaluation.
Group work.

So for this week, we were split into roughly 4 groups and then each group was to present on 3 good websites and 3 bad websites from the Link provided which were The Best Designs and The Webby Awards.

Here are the links to each website

Webby Awards Website.

The Best Designs Website.

After evaluating each website fairly enough the best design came out tops reason being that arrangement wise it's quite uniform and wear as the Webby Awards came out being more tasking To Navigate through the page.

Here is the PDF Version of my groups' presentation.

After the Presentations from different groups, Mr. Samshul and Mr. Lun told us that we need to familiarize ourselves with the terminologies used in designing and evaluation of a website.

Week 2
Exercise 2
Website prototype model.

This Exercise we were required to split into 4 groups and we were In this week's group activity, we were told to create and design a UI prototype for Taylor's University Interactive Information Kiosk with the use of paper and pencils.
Our target audiences may be parents, visitors, new students or all of the above. Our team has two tasks: first, to find the folder for the Grand Hall, second, to find the directory for the Family Mart.

Fig 1.1 sample for task 1

Fig 1.2 Sample for task 2

Fig 1.3 Sample for task 3

Week 04
Exercise 3

For this exercise, we have to create a basic site with Html on the bracket or notepad. we followed step by step with what Mr.Shamsul is showing in class.