My Kind of Website

As discussed in a previous post, the design of a website should be heavily influenced by the intended audience of that site. I recently got a chance to put this theory into practice when I used Google Sites to create the website How To License Music. The intent of this site was to teach and inform about the process of licensing a piece of music for a visual project, and it was designed with a specific audience in mind--myself. That is, someone with a learning style similar to my own.

After taking this Index of Learning Styles Questionnaire, it was revealed that I was a highly Reflective and Global learner and a moderately high Intuitive and Verbal learner. Using these descriptions of the different learning styles as a guiding tool, I went about designing my website so that it would best be utilized by an audience with these particular learning styles.

In general, my website is designed to present information in a broad, conceptual manner. This is partially achieved by having the key important terms stand out, which are first seen on the page as bolded text, as such:


When these terms are "moused over," more information and an additional description is revealed. This is illustrated below, showing how the page looks when the cursor hovers over the the bolded term "Music Library" at the bottom of the page:

Bolding the text in this way causes it to stand out, which highlights these important concepts at a glance. This way of presenting information is conducive to the global learner, who prefers to see the larger, more important concepts first, as opposed to the tiny details. The ability to see the terms first and then find out more information about them will help the reflective learner, who learns best by taking things slowly and having time to digest and "reflect" on the information.

In addition, there is a separate "Important Terms" page that collects all of the bolded terms used throughout the site and presents them in a dictionary-like format. This uses language to enhance the visual aspects of the page, which aids the verbal learner:


In keeping with this theme, a universal aspect of the website's design is that all of the navigational icons are enhanced with text, as seen here:

And here, with the illustrations of various movie scenes having captions underneath:


Site navigation is also presented in outline format with clickable text, as opposed to images or icons. In terms of the background and color scheme, pale yellows and grays give the page a muted look, causing the text to stand out as hierarchically dominant. All of this plays to the strengths of the verbal learner, who generally prefer words to images. This does not mean that there is no use for visuals; rather, the optimum learning experience is to strike the right balance between both verbal and visual information. This is the point in having all the images enhanced with additional text.

I also employed design features that were helpful to the other ends of the learning spectrum. Attachments of actual licensing contracts give practical examples of the issues discussed, which encourages the "sensing" learner who prefers to see connections to the real world. In addition, pages are presented in a logical, sequenced order, which helps the "sequential" learner. Employing these design features helps to broaden the reach of the website and also challenges the other types of learner to overcome their limitations.

As this was my first foray into web design, it was quite useful to have this background knowledge on how to use design elements so that they are geared towards a certain audience. This helped me develop a focused site that should specifically appeal to learners like myself but also be accessible to a general audience.