IT521 Week 6

Topic: Visual Literacy

  • Johnson, J. (2010). Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules (1st ed.). Morgan Kaufmann. Ch. 1, 2, & 3
  • Krug, S. (2005). Don’t Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition (2nd ed.). New Riders Press. Ch. 1

The goal of this week is for all participants to become familiar with visual design principles and how they affect the way users react to and interact with both paper and digital media that you design and produce.

Assignment Reminder: Definition Concept Map and Professional Statement is Due


Peer Rotation E

Asynchronous Activities on Blackboard Due Prior to Synchronous Class Meeting

Due: Your post is due 9/20 at 11:59pm and your comments to other participants are due 9/22 at 11:59pm.

  1. Watch video from about Visual Resources by Elsa Loftis at When you click on the link, you will be taken to a log in page for UT affiliated usernames.  Type your username and password to gain access. The video is approximately a 5 minutes and is about finding visual resources. It may stream right into the next video of her course, but you do not have to watch the next video. Follow the advice from the video to find visual resources for the next task.
  2. Applications of visual design principles. Find 3 examples of electronic media and critique its visual design in relation to perceptual principles and principles related to structure that you read about for this week. Take a screen shot of the media you are going to critique and share it in the designated Blackboard Discussion. Then annotate the image with comments based on visual design principles and share that to the same discussion thread. The media you analyze can be anything that you are able to see on your computer or mobile devices such as iPod, iPhone, iPad, and Android devices and you are able to obtain a screen shot. Please find examples that will provide you with the opportunity to refer to as many principles as possible that include proximity, similarity, continuity, closure, symmetry, figure ground contrast, common fate, and structure. You will have to use a screen capture software and either the same software or another software that will let you annotate. A simple approach would be to import your JPEG screen capture image to a word processor and annotate in it, or convert your image to PDF and annotate using the PDF reader Comment features. If you have access to other screen capture software you can most likely do the annotation within it. Here are some useful links to examine prior to deciding how you would go about grabbing the screen capture and making annotations.
  3. I am not an artist, how am I supposed to create media both electronic and non-electronic that is visually pleasing? Participate in this discussion in the designated Blackboard Discussion to reflect the title question. In your reflection you need to address how as an instructional/educational technologist you are responsible to accommodate to user visual literacy needs.

  4. Post comments to your assigned peers

  5. Usability Testing of a Web Authoring Tool Choices--enter the Blackboard discussion forum and list your choice of WordPress, Google Sites, and Wix in numerical order by 9/22 11:59pm.

Synchronous Activities During Class Hours on Blackboard Collaborate

Discussion Material


  1. Logistical check in
  2. Breakout Room Discussions (Activity Description)
  3. Whole Class Discussions
  4. Instructor Presentation



  1. Individual check in with instructor as needed and individual work time for class.

Last Updated September 23, 2015