user interface design by applying theories of aesthetics - Theseus

LIST OF FIGURES
Figure 1: Research process 3
Figure 2: Thesis structure 4
Figure 3: Research framework diagram 5
Figure 4: Conceptual map of research 6
Figure 5: Deductive approach 7
Figure 6: Seven stages of interview 9
Figure 7: As to users, user interface is part of the computer system 13
Figure 8: C divides the line segment AB based on golden ratio 16
Figure 9: Continues factor in golden rectangle 16
Figure 10: Golden section in layout design 17
Figure 11: Dynamic symmetry 18
Figure 12: Law of proximity on website navigation 20
Figure 13: The website designed by breaking down aesthetic principles 23
Figure 14: The non-aesthetic website breaks Gestalt laws in Gallery Page 24
Figure 15: The aesthetic website 26
Figure 16: The aesthetic website layout design process 27
Figure 17: The aesthetic website by using Gestalt laws in its elements distribution
design 28
Figure 18: Coded data for two websites 30
Figure 19: Source code of music function 43
Figure 20: Source code of moving background 44
Figure 21: Source code of buttons 46