UX Design Explained Through a Maze of a Website

User experience design, or UX design, is an expanding field, with a myriad of definitions that only seem to grow broader with the expansion of artificial reality and the growing complexity of mobile devices, among other things. The following article provides a broad understanding of UX experience design with practical application that anyone can employ to improve website experience and efficacy.

At its core, UX design for arts organizations is the process of design and testing that effects what a patron experiences from the time they go to the website or, more broadly, enter at a touchpoint of the institution including walking through the front doors. For a more in-depth definition, check out this podcast conducted by last year’s chief interactive editor, Jess Bergson.

UX design encompasses how an organization structures their website, how it stations bathrooms in a concert hall, and how easy or difficult it is to buy a ticket. It has applications for organizations of all types and sizes, however, it feels like only the biggest and wealthiest companies have the time and man-power to devote to this field. Contrary to this impression, even the tiniest, one-person marketing team can use elements of UX design to improve their patron experience. 

Although there are different understandings and applications of UX design, there seem to be two areas that specifically impact websites and can be addressed no matter your resources: Interaction Design and Visual Design.

To explain these areas of design,  one website will be used to breakdown how a user would experience their brand. The institution analyzed is provided as an example of a large institution with multiple offerings.  AMT Lab is not working with the institution in any capacity and did not receive permission nor has any knowledge of the institution's current or future planned work on its interface. 

The Boston Symphony Orchestra (BSO)

The BSO is an organization that has a very clear brand. It has existed for well over a century, with a passion for what they do and how they do it. Conviction in the BSO brand in performance should also come across in the construction of their website. While the site has some successes in this area there are also some challenges.

Visual Design is the most noticeable facet of UX design when visiting a new website. It’s the first impressions of the logo, the colors, the images. When going directly to www.bso.org, the landing page looks like this:

 
source: http://www.bso.org

source: http://www.bso.org

 

At the outset, the visual design isn’t bad. It hascontrasting colors and images. From the bar at the top and the footer at the bottom, it’s clear that the website’s structure is also quite flat -- it will only take you a couple of clicks to get to almost anywhere. This flat structure has become more important as people will be accessing their website from phones and mobile devices.

However, digging a little deeper, there are potential improvements.

While the page has a clear purpose with the calendar centrally placed, the information is jam-packed. People with certain visual disabilities may not be able to use this page at all. The images overall are dark and artist focused, and the sponsors are prominent.Once a user begins to investigate the page, the logo in the corner changes with each of the four areas listed at the top[see image below] with the color scheme varying indicating location or sub-site.

All of this leaves the visitor without a clear branded image of the orchestra, it doesn’t show the visitor anything about their potential symphony experience, and it may overwhelm the new or less-informed visitor. The California Symphony did a study with their patrons named "Orchestra X." In their data collection, a participant described their website as "inside baseball." The more overwhelming and the more complex the information, the harder it is for someone less familiar with the orchestra to engage.

The second UX perspective to be investigated is Interaction Design (IxD). IxD refers to how a patron interacts with an organization from the first time visiting the website, to attending an event, to giving feedback afterwards. For websites, it involves the User Interface Design (UI).

With the BSO.org example, this begins along the top. The BSO presents its four distinct offerings at the top in tiny font:

source: http://www.bso.org

source: http://www.bso.org