Archive for April, 2012

HIST 697: Fellow Student Critique

In addition to my own blog post, I am going to provide some brief comments on one of my classmate‘s final projects:

Great job on this draft of your final project. I love the idea behind the project itself, and I’ll throw out some comments on the design that hopefully will be helpful.

First of all, your site is extremely image heavy, and for someone with a slow internet connection, like me, this means it is taking forever to load. Can you try reducing the file size of all your background images using Photoshop so it’s a slower load time? Or perhaps simply removing one and using a color code instead? Also, you may want to look at your site in Google Chrome. In that browser the alignment of all the elements is way off, weighted toward the left side of the browser. It also appears to be off in Firefox, so now I’m curious if this skewed alignment was your intention? Either way, check your alignment.

Also, you mentioned font choices in your blog. I’m not sure what specific comments Geoff made to you, but I would remove the use of Papyrus in your header image. That font is just about as ridiculed as Comic Sans. I actually follow a blog dedicated to pointing out and disapproving of, if not downright mocking, every use of Papyrus that people come across in design. Perhaps try pulling out one of the historic serifs from your newspaper to use instead. I think this will also help give a more historic feel to the page. Either way, definitely get rid of the Papyrus. Also, the blue in your footer will probably garner you accusations of oversaturation. It is also quite jarring when compared with the rest of your color scheme.

Other than those critiques, I think you’ve got quite a good start. I look forward to seeing the completed project.

 

30

04 2012

HIST 697: Final Project Draft Redux

This week I spent a lot of time working on the design for my website, trying to take some of the very helpful criticisms I received to heart. I dedicated most of my energy to developing a better information architecture for my site. This meant a re-worked menu bar, which now features a drop down menu that will hopefully direct users much more obviously to my content. The code I used is here, for anyone else who’s interested. I found it to be very easy to work with.

I also redesigned the Watch the Films page so that the actual films themselves are embedded in their entirety on this page. Each film is accompanied by a brief essay and two links, one in the essay itself and one in the caption, directing the user to the film’s dedicated essay page. The film icon next to the film’s title/header also links directly to the film’s dedicated page when clicked. On the essay page, the film in its entirety is presented on the top, but I have re-sized the embedded video so that it is much smaller. This way the user is instantly visually clued into the continuing text. It’s not all hidden below the fold. The essay is both foregrounded and still paired to the film.

The site is otherwise still very light on content. This is partially a reflection of my desire to get the design right first. Once I have that structure in place, I think it will be much easier (and I hope faster) for me to plug in that missing content. It’s also a reflection of my continuing struggles with YouTube. For one thing, I have a very slow DSL connection and I’m not sure how to broach how unacceptable this is with my landlord. Downloading and uploading videos halts my entire connection and I can’t do anything else online until the long slog has finished. So that’s annoying.

Also, I ran into some weird copyright issues. I found some great videos on the Internet Archive that the site identified as in the public domain, but when I uploaded them to YouTube I discovered that there they are flagged as copyrighted. There’s an appeals process, but if you lose they make it sound like you’re doomed to hell fire for all eternity, so I abandoned those particular videos. I also had a time trying to figure out how to upload videos longer than 15 minutes, and when I figured out the solution was to click the link at the bottom of the upload page I felt stupid. So.

Other than uploading context, there are still visual issues that must be addressed, such as the design of my header image, the saturation of my color scheme, and my treatment of the yellow borders. I wanted my page to look like a movie poster, but the point about the yellow against the white is well-taken. I also have yet to even attempt my print stylesheet.

I must also give Jeri a direct shout-out, as her continuing and very thoughtful critique has really helped me understand where I need to go with the site.

29

04 2012

HIST 697: Final Project Rough Draft

I am really late in getting this up, and that’s because I greatly underestimated how hard and time consuming my chosen project was going to be. Uploading videos to YouTube is not as simple as they want you to believe, especially when you have the slowest DSL on earth and your computer randomly decides to remove sound from everything so you have to download everything again and your cat wants to play ALL THE TIME and he breaks things when you ignore him.

That being said, here is what I have up so far:

  • Civil Defense Cinema: This is the front page for my project. Some of you may recognize it from my design project. Currently only one link works, and that is…
  • Watch the Films!: This is the crux of my website. Here users will be able to scroll down a list of links to films and then select the ones they want to watch. I have two films up to show what the design will look like, but only one link works and that is…
  • Let’s Face It: This is a model for the kind of page my users will interact with. After clicking the link, the first thing they’ll see is the embedded YouTube video, which they can then watch. As they scroll down they will read a brief summary of the video, and then, as you can see, I have broken the video down into specific subsections. Each screenshot represents a certain important aspect of the civil defense film, which I explain in the accompanying text. If the user clicks the screen shot they will be taken directly to the part of the video that I am discussing in the text. Interactive!

There is still much left to do. As you can see, I’ve continued with my cinema theme at the bottom of the page. All the currently playing links do work, they just go directly to the YouTube pages for the videos and many of them don’t even have descriptive text there. I have more videos to upload, but that is a long, slow slog, and it shuts down my entire internet so I have to work around it.

Other things I need to do:

  • The link currently titled “About Us!” will be changed to say “Civil Defense!” Users can visit this page to read a short summary of what civil defense is and learn the meaning of some key terms, themes, and tropes related to the program. Basically, historical background information. I plan to embed an “about me” page in the footer, as David did.
  • “Further Reading!” also has to be changed. I’m actually thinking of making it say “More Stuff!” That goes with the campy, movie poster feel of the site, at least. On this page I’m going to put links to other resources, including all the books on civil defense I read for the project, links to all the free archives where I found the videos and images, and links to other wonderful civil defense websites.
  • Spell check. Lots and lots of spell check.

Part of what’s taking up so much time, other than struggling with YouTube, is writing all the content. Taking all those screen shots and editing them is easy but incredibly time consuming, as is deciding what I want to focus on in which video. Some of the important subtext is repeated over and over, so I have to decide if I want to highlight it in each individual video or not. I think treating each as an individual piece is best, but that is definitely time consuming.

I plan to keep working on my website all the way up until class time, so hopefully there will be a bit more content by then. I’ve really enjoyed watching the videos, and working with them, and I hope I’ve at least begun to come up with a good way to collect and display them to users, as well as pair them with historical narrative. The design of the site is making me nervous, but in trying to generate and upload content I’ve neglected that side. I guess I won’t know until I get some actual users to comment, so I look forward to tomorrow’s criticism and I’m really glad I have that full two weeks to work on this. I will say, however, that I really like this project a lot. It’s a great way for ME to gather and think about my primary sources, and my audience, and if it works out I can envision myself keeping up with the project after CLIO, or at least transforming it into something else.

Edit: This week I commented on David’s revised final project draft.

23

04 2012

HIST 697: Designing History

After reading my classmates’ blogs, I noticed that many of them posted about their own designs as well as critiquing each other’s, so I thought I’d briefly blog about mine as well. Like Megan, I chose to go in and make some changes to my site after receiving Sheri’s very helpful comments. This is the site as edited after reading Sheri’s comments. This is the original version of the site, though the CSS here does include the skip nav that I had originally omitted.

Like many of my classmates, this website will serve, at the very least, as a rough template for my final project. As you may gather from the body content of the site, I plan to pair civil defense films with historical commentary on the films themselves. I plan to upload the films I’ve found for free on the Internet Archive to my own YouTube channel (yet to be created) which I will then embed in the site. Users can then play the videos and will have a chance to read my deconstruction of what they’ve seen. I will pair the commentary itself with screen shots from the films and other supplementary materials so that the text will also be image rich. My challenge will to be to keep my narrative both accessible and informative. For the moment I plan to let the YouTube channel stand as a place for users to add their own comments, taking advantage of that existing infrastructure for interactivity. Perhaps I will also create some sort of page or form soliciting film submissions as well.

I also hope to create a page listing other resources visitors can use to learn more about the history of civil defense. There is where I plan to list and acknowledge the many monographs I’ve used over the course of my own research. It may even serve as a nice annotated bibliography. I’m also considering contacting other enthusiast civil defense sites on the web to create a mutual support network. Enthusiasts seem to have done a lot of important work in civil defense history, especially when it comes to collecting primary source material.

As I think about my final project I’m concerned not only about the text I plan to write for the site, but also how to display the videos in a visually pleasing way in terms of the site’s design itself. I think I’ve done all right when it comes to creating a certain period atmosphere for the site, but now I have to see how functional that design can be. Other nitpicks : I’m still not happy with the font. It’s so interesting Sheri picked up on it, because I tried for several days and just sort of gave up. She hit on what was wrong with the Trebuchet: it was too round. So I’ve switched to the straighter Verdana for now. Also, that Geiger counter guy at the bottom needs some sort of caption or text floating next to him. He’s there to fill what was too much white space. I got him from a civil defense pamphlet. I am going to continue pondering how to fix that blip at the bottom of the page. It’s actually been giving me trouble for several days as well.

15

04 2012

HIST 697: Design Assignment

This week I will be critiquing my classmate David’s design assignment, Santa Anna Goes to Washington. I’m excited that I get to work with David’s assignment, as he’s quite adept with both code and design and I’m always learning (and “borrowing”) from him.

So first, positive:

  • I’ll state simply that you’ve nailed CARP. I really love the way you’ve used the different borders and colors to create interesting boxes on your page that almost mimic a flag. The color scheme is quite nice – the blue really adds a lively pop, especially when contrasted with the yellows in your logo.
  • I think you’ve done well going for the period look. Part of this achievement is the aforementioned color scheme, and the addition of the historical map and figure in your logo. But the font choices, both in your logo and the serif in your body copy, are excellent. The choice of font color contrasted with the background really looks like ink on aged paper, but because of the strong blue and red, and the crisp logo image, your site avoids looking cliche and instead looks like quite lively.
  • I’m just going to say that I really am still quite impressed that you’ve managed to draw together such a complex color scheme and detailed logo image in such a way that still looks simple and usable over all.
  • Small point, but I actually really like the way you’ve used your footer to include the about you information. It’s well styled, and it’s a good use of the space. I may have to mimic you when I’m working on fixing my own design.

Areas for improvement:

  • Ah, that ornament. It is a great ornament. But I’m still not quite sure it works. It is okay on the main page, but when you start clicking into the meat of your site, which I’m sure isn’t finished yet, it looks very awkward just hanging out at the top all by itself. Maybe try making it smaller? Its size may be one reason it’s so jarring. Also, in this case we only see it once – there’s no repetition. If you choose to leave it in, you might find it becomes less clunky and awkward if it’s quite obviously part of a “scheme.” It would have shown up more than once in a document, yes? And also, it’s not the right color. Turn that black into one of the browns in your font, the darker one from your headers. Then it will look like everything was printed in the same ink on the same page. Right now it stands out as an image, especially because there is still some white around the edges I think – it’s not entirely transparent. I am rooting for the ornament, I really am, but you may have to let it go. Or maybe it’s that particular ornament? Anyway, I am eager to see what you can do. Trying to make it look more natural will probably help some of the issues.
  • Let me stop and talk about the content of your main page. I was praising you for the simplicity, and that is one reason the page really, really works, but at the same time, almost all of my attention is drawn to that logo and the content of the page itself comes as an afterthought. This is both in terms of the design and the actual body copy. What is there to pull my eye down? The ornament is the only visually interesting element. I assume each of your sections will be replete with images – perhaps pull one image from each section and make a small thumbnail graphic, then put it next to each link in the list, like a bulleted list but with icons? If they are very simple they could serve to draw attention down to the nav in your body and also, by virtue of your content, instantly inform the user just a little bit about each section’s content. Also, spice up the actual text a bit. I know things sometimes work better short and sweet on the web, but I’m not sure you’ve provided enough impetus here to get people clicking based on that teeny tiny paragraph at the beginning. You know why your project is cool and exciting, and so do we (your classmates), but have you communicated that coolness and excitement to other audiences? Who is your audience?
  • In terms of that horizontal nav bar, it looks great, but I might consider listing “Background” before “Meet the Travelers.” I think I can guess at your original design choice – you want to highlight the travelers, get your user to engage with their personalities, and use those things to pull the user into the story itself. But every time I looked at it the order just bothered me. Maybe find another word for “Background,” one that’s more exciting? That is a tall order. But I would seriously ponder the order of links here, or the descriptive words you choose, as this is part of your narrative arc.
  • I’m going to make some comments about the inside pages of your site, and I’m aware you may not have finished styling them yet, but on I go nevertheless. In terms of the navigation inside the website, once you get into the archive, it looks quite awkward. For example, when you’re clicking through the travelers and all their names are just hanging out up there at the top. Is there a way to move those around? Perhaps make them a left nav so they don’t get confused with your navigation at the top, or simply lost? I know you’re working with Omeka, so your choices may be limited. But when I first clicked through your site I was terribly confused by the sudden changes in navigation. It may simply be a case of a styled front page vs. an as-yet unstyled archive, and if so, I apologize.
  • Also, I see in your one completed biography of Santa Anna his picture is at the bottom of the page. Again, I’m not sure the limitations you’re up against when working with Omeka, but I would try to put all of your images above the fold, especially when they’re of people. Also, make sure all your images are facing into the text.

Okay, this is what I see at first glance. I think you’ve got a very impressive start. I really is a lovely site to look at, and I can see what you’re building toward. I am eager to see and interact with the finished product. It’s been very fun watching this idea develop over these past two semesters.

15

04 2012

HIST 697: Digital Museums

As I worked my way through The Lost Museum website and began taking down notes on my first impressions, I realized some of my judgments may be rather unfair considering the site was built in the early Aughts and therefore adhered to different standards and technological capabilities than the websites we work with today as users and builders. For example, the immediate music and sound that played the instant I wanted to view a (slow-loading, tiny) video is by now a well-accepted faux pas. I also felt irritated that I had to register to play the mystery game, and once there found absolutely nothing intuitive about how the game actually worked, even after having read about it. The interface felt heavily static and reminded me of educational games that I never found appealing. Because I chose to evaluate the hyperlinks linearly, I didn’t reach the lengthy, text-heavy How to Use This Site  page until after I’d been through the entire site, and when presented with that amazing chunk of small-fonted information, I didn’t bother reading it.

At first I liked the simple design of the site’s opening page, but working through the site it became clear to me that more navigation explanation, if not direction, would have benefited the user greatly. It did not have to be extensive. Also, the inconsistency in the sites design as a whole was jarring – the stark contrast between the spartan black design of the interactive museum pages and the white-backed, text-heavy archival pages and essays. I will say, I found the archival pages to be of the most interest, and to be the most useful. It’s too bad they aren’t the featured content on the site, or at least more clearly identified right off the bat.

It would be interesting to read a report on the site’s usage today, and I also found it interesting to experience the site after reading the article about its design. I almost feel that in attempting to give the reader too much freedom, the builders became completely disconnected from giving users adequate signposts, if not guidance. Also, the part of the site built on exploration of a three dimensional space still lacked a compelling narrative, and to me didn’t link to the archival content and historical essays other than being compiled in the same place. Further, it seems the site is attempting to appeal to a mixed audience, which is fine, but in the way the content is presented the site also seems to completely divorce separate audiences from each other. I’m not sure that’s effective in this case, especially without the aforementioned signposts.

Despite my criticisms, I think it’s a great synthetic effort, and a great attempt to take advantage of 3D virtual worlds to imbue them with intellectual content. Perhaps they needed to hire more game designers to help them with the process. This disconnect may be evidence of where we need to see more interdisciplinary work being done to build synthetic tools and online environments that combine different types of media and information into one satisfying whole.

It’s especially interesting for me to interact with this website as I work on my own design project and final project. My site centers around educational civil defense films, and I haven’t even begun to tackle how to embed the videos in my site in a way that will encourage viewing, let alone how to integrate the videos with a historical narrative. Further, how do I meet the challenges of getting my users to both watch the videos and interact with the narrative content? How do I even lay out my navigation menu? Which links take precedence? How many videos do I chose? How do I personally deconstruct the videos I watch? How do I translate my analysis into something readable for a lay and academic web audience?

Brown and his fellow builders asked the same types of questions as they built The Lost Museum and wrote the first successful edition of Who Built America?, but they captured a very brief moment in time when educational CD-ROMs seemed so appealing, perhaps simply because they were so new. They tried to build on the fleeting success of that format by transplanting it to the web, when what they needed to do was translate it. We struggle every day to catch up the changing uses and meanings of the internet. So my users will be familiar with YouTube, I expect, will they be willing to watch a video embedded in my site? In 10 years will historians such as myself be using similar techniques to allow our users to watch our motion picture sources (when not protected my copyright) or will that technique soon seem clunky and out of fashion? Or am I simply having my own unique user-end experience, one that has taught me what I’m going to try and avoid doing, anyway?

07

04 2012

HIST 697: Remixing the Internet

Watching Hans Rosling’s TED Talk, Debunking Third-World Myths, the first thing I thought was, “Wow, all that data and the way it’s displayed is wonderful. I’m so glad there are other people out there who want to do things like that, because I sure don’t.” Then his lecture ended with a bit on how actually, no one wants to compile, display, and analyze data the way he does. Actually, what he didn’t make clear, at least to me, was whether or not this impediment is caused by those who keep the data in regards to monetary concerns – they simply don’t want to fund it? They don’t want to  release it without making a profit?

And so what was the point, really, of his talk? That we need not only people willing to do this kind of statistical analysis (which I think he proved is completely possible) but that we also need  freedom of access to the information and between those working on the data? I found myself far more interested in the very large among of time he spent using the statistical analysis/data to deconstruct his students’ (and perhaps our own) notions about the way the world looks in terms of its economic flatness. It reminded me of the First World Problems Meme:

Making jokes about having “first world problems” I think began as a way for those of us in the “first world” to acknowledge how truly, truly trivial some of the things that vex us can be. It’s ostensibly meant to be mocking of ourselves. But this meme, and these kind of jokes, have quite rightly come under fire for being, well, racist may be the right word, and if not certainly ignorant, in assuming that just because someone lives in the “third world” they wouldn’t have problems with things like takeout menus or cellphones not working properly or wifi being slow because we flatten the “Third World” and forget or aren’t even aware that these technologies and the ridiculous vexations that come along with them are also globally available. Another, more explicitly race-coded term for these jokes is “white people problems.” Naming the meme is this way makes its problematic title that more clear.

Seeing the data Rosling displayed really drove home to me how valid the criticisms of this meme are – when Rosling displayed as world flattened by the internet he was raising an interesting point that I wish he’d spent a bit more time on. Designing for a web audience means that we are designing for a world wide audience, and this means we must redefine our understanding of audience. This audience may speak a different language but have the same literacy skills and face the same kinds of challenges we do, and also have the same interests and curiosities we do. We cannot, must not, look at the internet as a first world problem.

The second TED Talk, Lawrence Lessig’s How Creativity is Being Strangled, also spoke, much more directly than Rosling, to the ways in which the old system of information and cultural creation and dissemination (read culture) refuses to cede ground to the re-emergence of read-write culture. I though a lot about his notion that presenting the established paradigm with competition is the best way to disable or shift it, and I think he’s right. I wonder just how powerful these new technologies are. The simple expectation of new users that the right to remix (and it is seen as a right) be available to them (us) suggests to me that those in control are fighting a losing battle.

Even before watching Lessig’s video, I wanted to share this website with you all. In it, Kevin Weir has gone into the Library of Congress’s digital archive of historical images and animated many of them. Some of them are ghostly reimaginings of what the photo might look like brought to life:

But wait, who’s that in the background? Surely it’s not H.P. Lovecraft’s Cthulhu! Still, consciously intended or not, this image communicates a sense of looming dread over the evils of warfare, whether or not you know who Cthulhu is. The image of a dark monster peering out through drifting smoke, peering down at the bombed out ruins of a town is quite evocative. Indeed, many of the animations are much less subtle and border on the absurd; many are almost Monty Pythonesque.

Perhaps we scholars wouldn’t use images like these with such artistic license, but it made me think about our ongoing debates in class about what it means to alter an image, when it’s appropriate. Sometimes, even, and perhaps especially in their caricature, these animations capture the way we in the present might imagine the historical mood of the image:

These images also represent the way that, through remix culture, we might be able to bring historical images to life. Image you’re staring at a photograph of Abraham Lincoln and he blinks at you. How does that alter not only the users experience, but our own narrative?

Edit: So far this week I have commented on Sheri’s blog, as well as Richard’s.

01

04 2012