mumtfinal/database22.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
83
84
85
86
87
88
89
90
91
92
93
<!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>As the web begins to prepare for Web 3.0, one of the main features of website design today is accessibility. Dark mode has become a feature on laptops, tablets, and phones, and HTML5 has changed tag wording to be more accessible to screen readers. Accessibility also reinforces the importance of good website organization, as a good navigation bar can be used by anyone, regardless if they are using assistive technology or not</p>
		</article>

		<img src="allmusic2022a.png"><p></p>
		<img src="allmusic2022b.png"><p></p>
		<img src="allmusic2022c.png">

		<article class="dbtext">
			<p>There is only a slight change from the 2018 AllMusic website, and that is ad placement. This could be because the Wayback Machine does not show ads, but on the 2022 live website, the ad placement is glaringly obvious. There is one when the website first loads, one that takes up a chunk of the sidebar, sliding the search further down, and even one as you scroll through the website that can be toggled away. Ads are something most users are used to, as they are one of the few ways a website can generate income, but in AllMusic's case, the ads take away from the website content, as they're constantly in a user's way. Having an ad in multiple places means a higher chance of a user clicking on it, but it can also lead to user frustration.</p>
		</article>

		<img src="diamm2022a.png"><p></p>
		<img src="diamm2022b.png">

		<article class="dbtext">
			<p>The new DIAMM website brings it into modern web times. The search bar is front and center, which is the most important part of the website. The website utilizes a column approach to showcase other information such as the news, recent publications, and recently updated sources. However, one of the downsides of having that information on the home page, is that it has to be constantly monitored in order for it to be up to date. The current DIAMM website gives no indication of when it was last updated, and even when you navigate to areas in order to find when it was last updated, it was sometime in 2021. Out-of-date information is harmful to users, so when including elements that need to be constantly updated, the website manager should be prepared to do that.</p>
		</article>

		<img src="diamm2022c.png"><p></p>
		<img src="diamm2022d.png">

		<article class="dbtext">
			<p>A fat footer and a mega menu have also been established. While the fat footer is not being utilized in the best way, it is still setting a precedent for use in the future. The mega menu is a great feature for DIAMM, which has always struggled with properly showing the third-level links. With the mega menu, a user can see at a glance all the links they may need and navigate accordingly.  </p>
		</article>


		<img src="lastfm2022a.png"><p></p>
		<img src="lastfm2022c.png">


		<article class="dbtext">
			<p>Between 2018 and 2022 there were minimal design changes on Last.fm's website. Instead of focusing on user tracking, the first spot on the website is now held by spiking artists in an eye-catching image graph form. The website continues to utilize a fat footer with its navigation, as its global navigation menu continues to focus on features of the website, that a user may quickly need to locate.  </p>
		</article>


		<img src="mb2022a.png">
		<img src="mb2022b.png">

		<article class="dbtext">
			<p>While not a drastic overall change from their previous websites, what does stand out about MusicBrainz's 2022 website is the change in branding. After sticking with the purple/yellow color scheme for almost 18 years, the change to pink/orange, and the overall layout change bring a breath of fresh air to the website. MusicBrainz utilizes everything a user may need on the home page approach, with the dropdown menu having further information that only a select group of users may need. The touch of having recent additions on the bottom of the website is a good approach, and brings a human-like element to the website, showcasing the constant change and growth that has been present since the website first went live in 2000.</p>
		</article>

		<img src="spotify2022a.png"><p></p>
		<img src="spotify2022b.png"><p></p>
		<img src="spotify2022c.png">

		<article class="dbtext">
			<p>While different from the 2018 website, Spotify's 2022 website follows much of the same trends. Now with a global navigation bar and a fat footer, Spotify's 2022 website continues to be eye-catching and user friendly, to continue to entice users to sign up for the service. Using minimal pictures and graphics ensures a fast load time, and the color contrast ensures accessibility. The change to having black as the main color, instead of white, showcases how the dark mode change is influencing websites, as the Spotify app and web streamer are in dark mode.</p>
		</article>

				<hr>

		<article class="dbtext">
			<p>From 2000 to 2022, the web has changed drastically, and website design and architecture have reflected those changes through the years. Some websites, such as MusicBrainz, have taken those developments and applied them to their already developed brand, leading to a consistent website structure, no matter how many years have passed. Websites like Last.fm and Spotify, which are constantly competing with not only each other, but other streaming services, have to stay on top of the trends, and sometimes even be in front of the trends, in order to remain popular and innovative. AllMusic and DIAMM are more niche websites, which allows them to change at a pace that would be beneficial to users, as they continue to host more information and users need more intricate items, such as an advanced search system. </p>

			<p> Responsiveness and Accessibility should remain at the forefront of website design and architecture, as phones and tablets begin replacing standard size computers and screen reading technology continues to advance. As the web becomes more advanced, and as more and more users begin to grow up online, surrounded by the Internet and a multitude of devices, websites, regardless of the information they host, will have to continue to adapt and modify their website design and architecture to comply to user needs and suggestions. </p>

		</article>

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

</html>