For this week we use the ideas of CARP: Contrast, Alignment, Repetition and Proximity. Below is my image and justification. The image I created is a flash player which can be found at my project website here.
One of my design goals for this course was to learn to use most of the Adobe suite software. It is amazingly powerful and I hate feeling inept when trying to use this expensive tool. For this activity, I used Illustrator to create the images, Catalyst to make the Flash player and Dreamweaver to put it together.
I believe my solution will work because it uses a simple design and adds interactivity with the user. Instead of listing each of the lesson steps, I wanted to have students consciously locate the information. I did this by creating a reel-to-reel spool that sort of rolls as the information changes in the screen. I used contrast by making the title word white in correlation with the information in the box and put the two pieces of information close together. Lohr highlights this by citing Chandler and Sweller (1991), “Students learn better when corresponding words and pictures are presented near rather than far from each other on the page or screen” (2008, p. 199). Contrast was also used throughout to give the appearance of depth and highlighting important elements like buttons and the topic reel (Lohr, 2008, p.207).
Users mostly liked what I accomplished with this page and had nothing of note to offer. However, I am not satisfied with the end product as some of my early design mistakes came back to haunt me when the visual started to move. Much of this takes endless hours to go back through and correct so already being late with my assignment, I have decided to submit and work with it more later.
Things I plan to change include the buttons. I used the stock buttons in Catalyst but I plan to make my own. I will also recreate the reel so that the rolling effect doesn’t distort. Also, the display film area needs to match the color of the reel so that will be changed as well. I will fix the minor grammar mistakes in the lesson descriptions. And finally and much of why this is late, I will attempt to solve the missing video issue.
Lohr, L. (2008). Creating graphics for learning and performance: Lessons in visual literacy. Upper Saddle River, N.J: Pearson/Merrill/Prentice Hall.