Interactive Design - Final Project

Interactive Design - Final Project

05/11/19 - 26/11/19 (Week 8 - Week 10)                               
Yap Wei Xuan (0338916)
Interactive Design
Final Project

---

LECTURE NOTES

---

INTRODUCTION

---

FINAL PROJECT

For our final project, we have to find a partner and each of us act to each other as a designer and customer. We need to have 5 pages, and our partner will give us the content and require the style of layout.

We using watapps to send photos:

Fig 1.1 send images 

Fig 1.2 Images that needed

For the color scheme and the information, we open a google docs and exchange our requirement and information there:

Fig 1.3 Information 1 

Fig 1.4 Information 2 

Fig 1.5 Information 3 

Fig 1.6 Information 4 

 Here is the google font that i used:

Fig 1.7 PACIFICO

 I did find some references on pinterest and i design some logo for it

Fig 1.8 references

Fig 1.8.1 Designing logo

The progression while doing the website:

Fig 1.9 html progress

Fig 2.0 css progress

The template that i used:
https://www.tooplate.com/view/2082-pure-mix

Here is the screenshot for the website:

Fig 2.1 Home 

Fig 2.2 home2

Fig 2.3 home3 with button effect

Fig 2.4 About 

Fig 2.5 About 2

Fig 2.6 About 3

Fig 2.7 Travel

Fig 2.8 Travel 2 with button effect

Fig 2.9 Travel 3

Fig 2.10 Travel 4

Fig 2. 11 Travel 5

Fig 2.12 Gallery 

Fig 2.13 Gallery 2

Fig 2.14 Gallery 3 with images effect

Fig 2.15 Gallery 4

Fig 2.16 Gallery 5

Fig 2.17 Contact

Fig 2.18 Contact 2

Fig 2.19 Contact 3

For the link of website click here! Kelly's website

---

FURTHER READING

10 Principles Of Good Website Design by Vitaly Friedman

Fig 3.1 Principles of Good Website

In order to use the principles properly we first need to understand how users interact with websites, how they think and what are the basic patterns of users' behavior.After that, then we start to think and use about these principles

Don’t Make Users Think
should be obvious and self-explanatory

Don’t Squander Users’ Patience
First-time visitors are willing to play with the service, not filling long web forms for an account they might never use in the future.

Manage To Focus Users’ Attention
the better sense of orientation they have and the more trust they can develop towards the company the site represents.

Strive For Feature Exposure
Letting the user see clearly what functions are available

Make Use Of Effective Writing

Strive For Simplicity

Don’t Be Afraid Of The White Space
it makes it possible to perceive the information presented on the screen

Communicate Effectively With A “Visible Language”

• Organize
• Communicate
• Economize

Conventions Are Our Friends
they reduce the learning curve, the need to figure out how things work

Test Early, Test Often