Learning Record Online



 
Index
Part A
Part B
Part C
 
Part A.1
Part A.2
Observations
Samples
Returns

1. Observations: Tom- 
This is a good observation, about the right length, and focusing on the activity and your experience with it. You can paste it directly into your LRO text file and continue keeping ongoing observations there. (I agree with you about the site) Nice job! 

Project 1 
2. Inventory: Tom- 
This looks great. There’s a clear sense of both the structure and the content that will be very useful as you work on the redesign. Nicely done! (By the way, you should use either the margin controls or tabs to indent lines, rather than spaces, in order to get things to line up properly. See the example in Part I below. 

3.Audience analysis:  
Christopher, Spence, and Tom- 
This overview combines general summaries with specific examples in a helpful way. The classification of the responses among beginners, intermediate,and experienced viewers allows you to make some important distinctions in potential audiences for the site. It is funny that the beginners seem to feel the site would be more useful for experts, partly because of the interface design, while the experts felt the content was more suited to beginners. 

On the interviews: 
Tom, you managed to find excellent respondents for your questionnaire, and you've given them a good set of questions to respond to. The information they provided is valuable feedback that really helps understand this part of the audience. 

I think this set of interviews overall was very well done, although there are no direct observations in the set. Good job in general, though. 

Final Prototype 

Overall impressions: Site is generally clean and attractive. Loads fast. 
Audience considerations: Audience is stipulated in the introduction. However, the "How to Use This Site" section does not reflect the changes you've made in your redesign. 
 

Content: Provided by client. You've done a great job of incorporating so much of the text from the original site. 
Text: 
 Graphics: use of client's graphics is handled very effectively. Turning the Ease of Use banner right side up makes it easier to read, if a little more conventional in design terms. Table borders also serve as graphic elements. 
 
Organization 
 structure: The redesign causes some confusion about the structure. There is an implied process model in your main categories, but under "Production" we find a main subsection called "preparation," which includes some preparation that needs to be done earlier than the design stage. This is part of the problem with a process structure which gives the impression of a linear process, when in fact, web design is very recursive, moving back and forth between planning, design, production, maintenance, and so forth. 

Overall coherence is generally maintained through the use of navigation menus, though a site map would be a help. 
Navigation 
 Formats: multiple menus that need to be stepped through before getting to the content can be frustrating. I suggest putting your submenus on the main index page so that readers can get more directly to the information they are seeking. There is plenty of white space on the main index page, which could easily accommodate the submenus. Once readers are in the main section, I'd put the submenus in table format in the left column, to allow direct and easy navigation within sections. The "forward to" and "back to" links are wonderful, giving readers a preview of what they are going toward or back to. 
Interactivity: 
There's not much interactivity built into the project; it's basically point and click and read. This is one of the key concerns expressed by the client. The simplest form of interactivity is via a "mailto:" which would allow readers to contact you with comments and suggestions. And of course you need a credits page which tells who is responsible for the project. Other forms of interactivity include forms, message forums, and javascript, but we haven't really covered these in class. 

Style 
Text: In some pages the text is coming up as courier (see Design/Content). I would not specify courier as an onscreen font except for short sections of contrast text, as to show keyboard commands, or typewritten documentation. It is very hard to read, both on the screen and on paper, and very ugly. It was designed for typewriters so that each letter would have equal spacing, a good example of art subverted to machine requirements. 
 Color: The color basically reflects the IBM blue motif. I would use a lighter version of the same shade of blue for the highlighting, rather than the robin's egg blue here. Or, use a different color altogether. The blues are clashing with each other.  The black/gray scheme of the original banner is not picked up for the rest of the site. It makes it seem out of place. One way to resolve that is to incorporate those colors in other decorative elements. 

Screen size: The site fits nicely on a normal or small screen and allows resizing which does not distort the design. 

It's a very nice implementation overall!

 
 
Back to Samples Index
Forward to Part B Index

Email comments to tomvaughn@mail.utexas.edu