ABSTRACT
The internet has ingrained itself into every aspect of our lives, but there's one aspect of the digital world that some take for granted. Did you ever notice that many links, specifically hyperlinks, are blue? When a coworker casually asked me why links are blue, I was stumped. As a user experience designer who has created websites since 2001, I've always made my links blue. I have advocated for the specific shade of blue, and for the consistent application of blue, yes, but I've never stopped and wondered, why are links blue? It was just a fact of life. Grass is green and hyperlinks are blue. Culturally, we associate links with the color blue so much that in 2016, when Google changed its links to black, it created quite a disruption [1].
But now, I find myself all consumed by the question, WHY are links blue? WHO decided to make them blue? WHEN was this decision made, and HOW has this decision made such a lasting impact?
Mosaic, an early browser released by Marc Andreessen and Eric Bina on January 23, 1993 [2], had blue hyperlinks. To truly understand the origin and evolution of hyperlinks, I took a journey through technology history and interfaces to explore how links were handled before color monitors, and how interfaces and hyperlinks rapidly evolved once color monitors became an option.
- Lance Ulanoff. “Why Internet links are blue, and what Google's ‘black’ experiment means” mashable, https://mashable.com/article/google-black-link-analysis. Accessed 1 September 2022.Google Scholar
- “Mosaic – The First Global Web Browser” livinginternet.com, https:// www.livinginternet.com/w/wi_mosaic.htm. Accessed 1 September 2022.Google Scholar
- “Project Xanadu” wikipedia, https://en.wikipedia.org/wiki/Project_Xanadu. Accessed 1 September 2022.Google Scholar
- Theodor Holm Nelson and Robert Adamson Smith “BACK TO THE FUTURE: Hypertext the Way It Used To Be” Project Xanadu, https://xanadu.com/XanaduSpace/btf.htm. Accessed 1 September 2022.Google Scholar
- Ben Shneiderman and Catherine Plaisant. “Hypertext Research: The Development of HyperTIES” University of Maryland, http://www.cs.umd.edu/hcil/hyperties/. Accessed 1 September 2022.Google Scholar
- ‘Windows 1.0x’ wikipedia, https://en.wikipedia.org/wiki/Windows_1.0x. Accessed 1 September 2022.Google Scholar
- Larry Koved and Ben Shneiderman “Embedded menus: selecting items in context” ACM Digital Library, https://dl.acm.org/doi/abs/10.1145/5684.5687. Accessed 1 September 2022.Google Scholar
- ‘HyperCard’ wikipedia, https://en.wikipedia.org/wiki/HyperCard. Accessed 1 September 2022.Google Scholar
- Ben Shneiderman “User interface design for the Hyperties electronic encyclopedia (panel session)” ACM Digital Library, https://dl.acm.org/doi/10.1145/317426.317441. Accessed 1 September 2022.Google Scholar
- “Communications of the ACM” ACM.org, https://cacm.acm.org/magazines/1988/7. Accessed 1 September 2022.Google Scholar
- Berners-Lee, Tim. “Information Management: A Proposal.” w3.org, http://www.w3.org/History/1989/proposal.html. Accessed 1 September 2022.Google Scholar
- Alschuler, L. (1991). Hand-crafted Hypertext—Lessons from the ACM. The Society of Text: Hypertext, Hypermedia, and the Social Construction of Information, 343.Google Scholar
- Berners-Lee, Tim. “What were the first WWW browsers?” w3.org, https://www.w3.org/People/Berners-Lee/FAQ.html#browser. Accessed 1 September 2022.Google Scholar
- “1991 WWW NeXT Implementation.” w3.org, https://www.w3.org/History/1991-WWW-NeXT/Implementation/. Accessed 1 September 2022.Google Scholar
- Johnson, Tony. “MidasWWW first release.” w3.org, https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MidasWWW/Announce1.html, Accessed 1 September 2022.Google Scholar
- “Midas WWW.” github.com, https://github.com/dckc/MidasWWW. Accessed 1 September 2022.Google Scholar
- “Midas WWW Anchor.” github.com, https://github.com/dckc/Midas-WWW/blob/f9cbf101e6f13d49a79fac756f9fbe1752dbf2e3/Midaswww. ad#L84-L85 . Accessed 1 September 2022.Google Scholar
- “Midas WWW Visited Anchor.” githib.com, https://github.com/dckc/MidasWWW/blob/f9cbf101e6f13d49a79fac756f9fbe1752dbf2e3/Mi-daswww.ad#L70 . Accessed 1 September 2022.Google Scholar
- “Mosaic (web browser).” wikipedia.com, https://en.wikipedia.org/wiki/Mosaic_(web_browser). Accessed 1 September 2022.Google Scholar
- “Erwise.” wikipedia.com, https://en.wikipedia.org/wiki/Erwise. Accessed 1 September 2022.Google Scholar
- Tim Berners-Lee (29 April 1992). “Comparison with ViolaWWW”. World Wide Web Consortium. Retrieved 15 June 2010.Google Scholar
- “A short history of the web.” home.cern, https://home.cern/science/ computing/birth-web/short-history-web. Accessed 1 September 2022.Google Scholar
- Marc Andreessen. (February 20,1993). NCSA Mosaic Technical Summary. 1-3. http://web.archive.org/web/19991009182307/ http://cbl.leeds.ac.uk/WWW/ps/mosaic.orig.psGoogle Scholar
- Marc Andreessen. (May 8,1993). NCSA Mosaic Technical Summary 2.1.1-5. http://web.archive.org/web/19991009182307/ http://cbl.leeds.ac.uk/WWW/ps/mosaic.2.1.psGoogle Scholar
- Berners-Lee, Tim. “WWW Screenshot” w3.org, https://www.w3.org/History/1994/WWW/Journals/CACM/screensnap2_24c.gif . Accessed 1 September 2022.Google Scholar
- Berners-Lee, Tim. “The WorldWideWeb browser.” w3.org, https://www.w3.org/People/Berners-Lee/WorldWideWeb.html. Accessed 1 September 2022.Google Scholar
- Berners-Lee, Tim. “Frequently asked questions.” w3.org, https://www.w3.org/People/Berners-Lee/FAQ.html. Accessed 1 September 2022.Google Scholar
- Shneiderman, Ben. Plaisant, Catherine. “Hypertext Research: The Development of HyperTIES.” cs.umd, http://www.cs.umd.edu/hcil/hyperties/. Accessed 1 September 2022.Google Scholar
- “Tweet Screenshot.” Twitter, https://twitter.com/pmarca/status/1481095915427577856?s=21. Accessed 1 September 2022.Google Scholar
- “Mosaic (web browser).” Wikipedia, https://en.wikipedia.org/wiki/Mosaic_(web_browser). Accessed 1 September 2022.Google Scholar
- “Apple Macintosh - HyperCard 2.1 - Power Tools (1991) Apple Computer.” Youtube, https://youtu.be/72mv80kH3d8. Accessed 1 September 2022.Google Scholar
- Bernstein, Mark., Joyce, M., & Levine, D. (1992, December). Contours of constructive hypertexts. In ACM ECHT Conference (pp. 161- 170). https://dl.acm.org/doi/pdf/10.1145/168466.168517Google Scholar
- “Windows 1.0 to 10: The changing face of Microsoft's landmark OS.” zdnet.com, https://www.zdnet.com/pictures/windows-1-0-to-10-the-changing-face-of-microsofts-landmark-os/. Accessed 1 September 2022.Google Scholar
- “Gopher Protocol.” M N Computing History, https://mncomputing-history.com/tag/gopher-protocol/. Accessed 1 September 2022.Google Scholar
- “Linux Kernel” Wikipedia, https://en.wikipedia.org/wiki/Linux_kernel#/media/File:Linux_3.0.0_boot.png . Accessed 1 September 2022.Google Scholar
- “VoilaWWW.” Wikipedia, https://en.wikipedia.org/wiki/ViolaWWW. Accessed 1 September 2022.Google Scholar
- “Windows 3.1 Screenshot.” networkencyclopedia.com, https://networkencyclopedia.com/wp-content/uploads/2019/08/windows-3-1-logo. jpg?ezimgfmt=ng:webp/ngcb2. Accessed 1 September 2022.Google Scholar
- “WWW people.” w3.org, https://www.w3.org/History/19921103-hypertext/hypertext/WWW/People.html. Accessed 1 September 2022.Google Scholar
- “IE1.” zdnet.com, https://www.zdnet.com/a/hub/i/2014/08/26/ab-c06d01-2ced-11e4-9e6a-00505685119a/06ie1.png. Accessed 1 September 2022.Google Scholar
- “20 Years Since Netscape Navigator 1.0.” adrianroselli.com, https:// adrianroselli.com/2014/12/20-years-since-netscape-navigator-10.html. Accessed 1 September 2022.Google Scholar
- “Cello.” Favbrowser.com, http://www.favbrowser.com/wp-content/uploads/2010/04/cello-web-browser.gif. Accessed 1 September 2022.Google Scholar
- “Unix GUI.” Wikipedia, https://upload.wikimedia.org/wikipedia/commons/2/25/HP-HP9000-B180-Workstation_37.jpg . Accessed 1 September 2022.Google Scholar
- Andreessen, Marc. “NCSA Mosaic 0.13 released.” ucalgary.ca, http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q2/messages/47.html. Accessed 1 September 2022.Google Scholar
- Furuta, Richard. Stotts, P. David. (December 1990). Dynamic Characteristics of Hypertext. https://nvlpubs.nist.gov/nistpubs/Legacy/IR/nistir4404.pdfGoogle Scholar
- Moline, Judi. Benigni, Dan. Baronas, Jean.. (January 16-18 1990). Proceedings of the Hypertext Standardization Workshop. National Institute of Standards and Technology. https://nvlpubs.nist.gov/nistpubs/Legacy/SP/nistspecialpublication500-178.pdfGoogle Scholar
- Berners-Lee, Tim. “What were the first WWW browsers?” w3.org, https://www.w3.org/People/Berners-Lee/FAQ.html#browser. Accessed 1 September 2022Google Scholar
- Thomas E. Dickey. “Color Influences” invisible-island.net, https://invisible-island.net/ncurses/ncurses-slang.html. Accessed 1 September 2022Google Scholar
- Elise Blanchard. “Why are hyperlinks blue?” mozilla.org, https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue. Accessed 1 September 2022Google Scholar
- Elise Blanchard. “Revisiting why hyperlinks are blue” mozilla.org, https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue-revisited. Accessed 1 September 2022Google Scholar
Recommendations
Mitchell Baker: The Mozilla Foundation
Mitchell Baker describes how Firefox, which has its roots in the browser wars of the mid-1990s, emerged from the ashes of Netscape. The first Web extra at http://youtu.be/FQPjRwahrGw is an audio recording of Charles Severance's Computing Conversations ...
Comments