Interactive Design | Exercise 2
24/10/2025 - 1/10/2025
Meerabella Charles , 0368295
Bachelor's of Design (Honors) in Creative Media
Interactive Design
Exercise 2 : HTML exercise : Simple Personal Profile
Page.
1. Lecture
2. Instruction
3. Exercise
4. Feedback
5. Reflection
1 . Lecture
Week 2 : Usability : Designing products for User Satisfaction
What is usability? It is how
- effective
- efficient
- successful
a particular user can utilize a product . It is a part of user experience
(UX) , Second level of UX
Usability is also the first encounter an interface also its a way to find
their way easily enough to achieve the objective.
-Principles of Usability
- Consistency
- Simplicity
- Visibility
- Feedback
- Error Prevention
1) Consistency
- Key factor in website for visual elements and functionality
- Ensures website looks coherent and works harmoniously across all
elements like headers, footers, sidebars and navigation bars.
2) Simplicity
- Principles that UI should be simple
- Used loosely to refer the need to minimize the number of steps involved
in a process
- Simplicity in design will help design better UI by helping users
achieve their goals faster and more efficiently .
3) Visibility
- Basic principle like
the more visible an element is = more users will know about them and how
to use them.
- Users will know by just looking at an interface, their opinion and how
to access them.
4) Feedback
- Communicates the result of interaction making it both visible and
understandable.
- Example is when you are on mobile app and selected icon changes colour
when you are in the selected screen.
5) Error Prevention
- Alerting user when they're making an error, making it easy for them to
do whatever they are doing without making mistake.
Avoid pitfalls -
- Complex interfaces
- Confusing Navigations
- Poor feedback
- Inadequate error handling
Week 3 : Understanding website structure
A website structure is a basic foundation of a user- friendly and
accessible website.
Websites are divided into
3 elements
1) Header
- Top section of the website
- Contains logo , nav menu , contact information
- Provides essential informations
2) Body
- Main content are of the webpage
- Contains text, images , many more elements
- Good structure and balance is important for body structure because it
gives better readability
3) Footer
- Bottom of the page
- Contains copyright information , links and contact details
- Conclusion to the webpage and more nav option .
Organizing Content
- Content being organized is also a important key to well structured
website
- Using headings like H1,H2,H3 to create a hierarchical
structure.
- Grouping of content and clear labelling of section can improve the user
experience.
Navigation Menu
- To help users move around the website
- Clear and understandable labels for menu items
- Consider having dropdown menu for some complex sites for easy
experience.
Week 4 : Web standards
- The most important part of a website is content .
The standard markup languages are HTML AND CSS
Why web standard?
- To make internet better place for developers and users
- Ensure all browsers will display the website properly
How the web works?
- To find the location of the web server, the browser will connect to DOMAIN NAME SYSTEM (DNS)
SERVER first
Structure of the webpage
- Understanding structure
- Learning about markup
- Tags and elements
2. Instruction
3) Exercise : HTML Exercise : Create simple personal profile page.
In Week 3 we did a html exercise using TextEdit to create a simple
profile about us.
Working progress:
side by side comparison on my html code in textedit and published
version.
My working website in Netlify:
After doing the html exercise in TextEdit , In Week 4 Mr. Shamsul thought
us to add css .
In the css exercise, we have to add background image. a timetable and and
add font.
4. Feedback
Week 2 :
Mr. Shamsul said the replication task is to understand the structure
and how a website is created so when we do our website, we can have this
as a guide / experience on how to create the layout properly
.
5. Reflection
After completing this assignment, I got to know the importance
of a well structured layout. It is not always about aesthetics but
adding the principles and using good elements that make a good website
at the end. The experience is always based on how we place our
elements and how elements play a crucial role in user experience. The
websites we create must be simple and easy to use / understand by the
user.
Comments
Post a Comment