mumtfinal/database06.html at main · maregold/mumtfinal · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE HTML>
<html lang="EN">

	<head>
		<meta charset="UTF-8">
		<title>Music Database Design</title>

		<link rel="stylesheet" type="text/css" href="database.css">
		<script src="databasej.js">  </script>

	</head>

	<body>
		<header><h1>Evaluating Databases: How music database design has evolved through time</h1></header>

		<nav>
			<hr>
			<a href="databasemain.html">Overview</a>
			<a href="database00.html">2000</a>
			<a href="database06.html">2006</a>
			<a href="database12.html">2012</a>
			<a href="database18.html">2018</a>
			<a href="database22.html">2022</a>
			<a href="bib.html">Bibliography</a>
			<hr>
		</nav>


		<article class="dbtext">
			<p>By 2006, usability and flexibility came to the forefront of web design. Negative space began to be adopted, and websites slowly became less cluttered with images, gifs, and other buttons and counters. Color schemes and content placement became important parts of website design, and the complete change in website design is reflected below in some of the databases. </p>
		</article>

    	<img src="allmusic2006a.png">
    	<img src="allmusic2006b.png">

		<article class="dbtext">
			<p>AllMusic's change from a bright, attention-grabbing website with little clutter changed to a more neutral, column-based website. They did continue with real-life correlations, with the genre buttons now being implemented in the navigation bar. The choice of still putting the search bar front and center on the website showcases the hope that a user would just directly search for information but by choosing to put more content on the home page, underneath the search bar, a user could easily be distracted and almost forget what they were looking for in the first place. While overwhelming the user with content may have been popular at the time, it soon fell out of fashion as users began wanting to find information quickly, and not endlessly scrolling to find something they wanted. </p>

		</article>

    	<img src="diamm2006a.png"><p></p>
    	<img src="diamm2006b.png"><p></p>
    	<img src="diamm2006c.png">

    	 <article class="dbtext">
    		<P>With the adoption of a new logo, DIAMM's 2006 website reflects a new color scheme and layout. The website is still rather simple, utilizing mostly only text and a side navigation bar (which did not load properly in any of the crawls for 2006). However, the endless scrolling of updates could be overwhelming to a user, even if it was meant to be helpful. There was some complexity, with the navigation expanding when navigating to an inner page, but the inability to see third level links (Financial Support) unless you were in the second level (Partners/Sponsors) could cause user confusion and frustration when searching for information if they did not know where exactly the information belonged.</P>
    	</article>


    	<img src="lastfm2006a.png"><p></p>
    	<img src="lastfm2006b.png"><p></p>
    	<img src="lastfm2006c.png">

    	<article class="dbtext">
    		<p>In the two years since the last crawl, Last.FM's website also underwent a rather large overhaul. Changing from a rather simple, bare early 2000s website, the 2006 website has a new color scheme and logo icons to catch a user's eye. We also start to see elements of the website that are still there to this day, such as the scrobble counter. The change to put the search bar at the bottom, instead of at the type, showcases the strategy of Last.fm wanting a user to register, and be incentivized by being able to track their own music streaming, rather than focusing on having a user search for artist recommendations blindly.</p>
    	</article>


    	<img src="mb2006a.png"><p></p>
    	<img src="mb2006b.png">


		<article class="dbtext">
			<p>MusicBrainz's 2006 website is almost identical to the 2000 version, with small design changes. These design changes were naturally brought on as the website grew in size, and needed to present more information logically on its main page. The navigational sidebar largely remained the same, with the biggest change being the embedded search in the sidebar. For the menu on the top, a drop-down was established for those elements, which would appear when you would hover over the corresponding link.</p>
		</article>

		<p></p>

		<img src="spotify2006.png">

		<article class="dbtext">
			<p>The Spotify we know of now was drastically different when the site first launched in 2006. This screenshot is actually from before the site officially launched, which accounts for the barrenness of the website. Regardless, even in its bare bones, the site is rather straightforward, with the minimal navigation reflecting the website's needs and the branding and color choices eye-catching enough for a user to be intrigued enough to enter their email to be notified when the website does go online. </p>
		</article>

		<p></p>

		<hr>
		<footer>Marisa Goldman 2022</footer>

	</body>

</html>