Interactive Design - Project 2
Abigail Bea Chong Ka Yee (0333966)
Interactive Design
Project 2 - The Troublemaker Manifesto: A Design Colloquium (Microsite)
LECTURE NOTES
Lecture 8: Responsive Web Design
15.10.19 (Week 8)
Mr Lun gave a lecture about responsive web design.
Lecture 9: No lecture
22.10.19 (Week 9)
Lecture 10: No lecture
29.10.19 (Week 10)
We didn't have a lecture today but Mr Shamsul briefed us about our final project where we would have to design a website based on our partner's request that will be our 'client'.
INSTRUCTIONS
PROJECT 2
This project is a continuation of our collateral project in Advanced Typography, where we have to create a microsite of the Troublemakers Manifesto event. We can either use the examples from bootstrap or Mr Lun's existing framework where he used bootstrap to help him create his website when doing this project. For the microsite, we have to use and place the information all on one page; the collaterals produced in the other module will also have to be included. Before we begin we had to sketch out our wireframes:
 |
| Fig 1.1 Wireframe sketch |
 |
| Fig 1.3 Collaterals |
 |
| Fig 1.4 Colour Scheme |
The process of making the microsite in Dreamweaver.
 |
| Fig 1.5 HTML codes |
 |
| Fig 1.6 CSS codes |
The link to the website: https://epic-goldstine-6f4c44.netlify.com/
FEEDBACK
Week 10
Mr Shamsul told me to make the logo bigger and adjust the padding/margin sizes. He also told us that if we downloaded our own fonts on the computer he won't be able to see it unless we used google fonts.
FURTHER READING
Principles of User Interface Design by Joshua Porter
 |
| Fig 1.1 |
There were about 19 different principles in this article but the one that surpised me the most was 'clarity is job #1' it states that clarity is any interface's first and most important job. To be productive using an application you've created, people need to be able to know what it is, be vigilant why they'd use it, consider what the interface makes them communicate with it, foresee what's going to happen when they use it, and then connect with it effectively. Although there is space in interfaces for ambiguity and delayed gratification, there is no room for confusion. Clarity encourages confidence and contributes to further use. It is superior to a mere cluttered one hundred flat displays.
Comments
Post a Comment