mumtfinal/database18.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
<!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>Web design elements present in 2012 continued in to 2018. Responsive website design has become even more important, with phones becoming bigger, and more and more users are utilizing a tablet just like they would a laptop. Speed and optimization of a website have also become crucial, with designers opting for fewer images, or even utilizing vector images to make their websites load faster. Navigation has become crucial to a good website, with mega menus and fat footers becoming the navigation trend. </p>
		</article>

		<img src="allmusic2018a.png">
		<img src="allmusic2018b.png">

		<article class="dbtext">
			<p>AllMusic's 2018 website is a drastic change from their earlier websites. Adopting a more sleek, minimalistic design, AllMusic's 2018 design reduces the content clutter and focuses on the important areas of the website, such as expanding the search and adopting the mega menu. Utilizing a mega menu, AllMusic changed its navigation labels, and could now push the content that used to be on the main page into pages a user could peruse at their leisure. </p>
		</article>

		<img src="diamm2018a.png">

		<article class="dbtext">
			<p>This screenshot is taken from the beginning of 2017, not long before the website would undergo a design change that is still in place to this day. The 2017 version of the website is almost identical to the 2012 version, with a negative space design being adopted for the main page. the navigation labels remain the same, and there is a slight re-ordering of objects, with the explanation about DIAMM now on top of the image, but this could have also been done so that a user would see the bold text about the website undergoing maintenance first. </p>
		</article>


		<img src="lastfm2018a.png"><p></p>
		<img src="lastfm2018b.png">

		<article class="dbtext">
			<p>Last.fm's website underwent a massive overhaul between 2012 and 2018. While it continued to use red as one of its main colors, instead of utilizing a background of white and gray, a sleek black has been adopted. Instead of focusing on text and icons, Last.fm is now utilizing minimalistic images and focusing on advertising the uniqueness of scrobbles, which becomes an incentive for a user to join. Some elements of the website are still persisting, such as the scrobble counter, which has been featured on the website since it first launched.  </p>
		</article>

		<article class="dbtext">
			<p>See 2022 for MusicBrainz's website. </p>
		</article>

		<img src="spotify2018a.png"><p></p>
		<img src="spotify2018b.png"><p></p>
		<img src="spotify2018c.png">

		<article class="dbtext">
			<p>Spotify's 2018 website is perhaps the most modern of the five, adopting a calming color scheme instead of the website's usual neon green from the past. While the green is still present in the form of link colors, the redesign of the website is focused on negative space and minimalistic images that are meant to enhance, not distract. By 2018, Spotify had become a household name in the industry, and the website no longer had to focus on bringing in new users, and could simply advertise minimally, as if a user navigated to Spotify, it was most likely with the intent to join the website, as you could not casually browse without an account.  </p>
		</article>

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

</html>