INTERACTIVE DESIGN - Exercise
Chiquita Johanna Roosprameswari
Interactive Design
Exercises
Lectures
Lecture 1: Module Briefing / Web Evaluation
04.04.19
This week, we were briefed on the upcoming exercises and projects for this module. We were introduces to one of the softwares called Adobe Dreamweaver. It is a website that could make websites. Mr.Shamsul told us about 2 common terms used in websites.
HTML = HyperText Marking Language
Common coding at the start of a webpage
CSS = Cascading Style Sheets
Used for color coding, font type/size
Lecture 2: UI & UX Design
11.04.19
We had a lecture of Uses Interface and User experience design.
UX: Design the structure and layout of a website and to anticipate the feel of user interactions.
UI: Functionally where the elements have to be easily accessed, understandable and generally easily displayed on a website.
Lecture 1: Module Briefing / Web Evaluation
04.04.19
This week, we were briefed on the upcoming exercises and projects for this module. We were introduces to one of the softwares called Adobe Dreamweaver. It is a website that could make websites. Mr.Shamsul told us about 2 common terms used in websites.
HTML = HyperText Marking Language
Common coding at the start of a webpage
CSS = Cascading Style Sheets
Used for color coding, font type/size
Lecture 2: UI & UX Design
11.04.19
We had a lecture of Uses Interface and User experience design.
UX: Design the structure and layout of a website and to anticipate the feel of user interactions.
UI: Functionally where the elements have to be easily accessed, understandable and generally easily displayed on a website.
Here is a video that shows why UI and UX are important:
Lecture 3: Web Standards
18.04.19
The class started with a short lecture about Basic Interface Design and briefing regarding to our Project 1.
Lecture 4 : HTML Document Development
25.04.19
Today's class started with a brief lecture regarding to the class activity we're gonna be doing.
Lecture 5 : HTML Document Development02.05.19
Today's class started with a lecture about HTML and a little introduction about CSS.
Lecture 6 : CSS
09.05.19Today's class started with a lecture about CSS.
Lecture 7: Layout Design
16.05.19
Today's class started with a lecture about layout design.
EXERCISES
Web Evaluation
04.04.19 (Week 1)
For our first class, we were divided into groups and we needed to evaluate 6 good websites and 6 bad websites from https://www.thebestdesigns.com and https://www.webbyawards.com .
Here is the link:
The 6 good websites we chose:
This is some of the bad websites we chose:
 |
| Fig 1.1 https://www.hopewellbrewing.com/ |
 |
| Fig 1.2 http://www.wekeeptheotherbadmenfromthedoor.com/#top |
 |
| Fig 1.3 https://urbanelectric.com/ |
 |
| Fig 1.4 https://smashmallow.com/ |
 |
| Fig 1.5 http://palais-coburg.com/en/ |
 |
| Fig 1.6 https://christophemeade.com/ |
This is some of the bad websites we chose:
 |
| Fig 1.1 https://www.jucophoto.com/ |
 |
| Fig 1.2 https://www.bangersaustin.com/ |
 |
| Fig 1.3 https://madebyfew.com/ |
 |
| Fig 1.4 https://auspire.org.au/programs-awards/ |
 |
| Fig 1.5 http://hipointedrivein.com/ |
 | ||
| Fig 1.6 https://www.torpedojuice.co.uk/photography/photography-services-tunbridge-wells
EXERCISE 2 : Interactive Information Kiosk
For this exercise, Mr. Shamsul asked us to make a prototype of a User Interface for Taylor's University Interactive Information Kiosk. We also have to set the target audience, whether Parents, Visitors, or New Students.
|
Comments
Post a Comment