H697 Final Final Project, WordPress Translation Questions

Tags

, , , ,

The utterly final (for class anyway) version of my project is live.

One of the things I’ve learned about myself and webdesign, particularly when I have a WYSIWYG editor to play with, is that little alignment tricks appeal to the part of my brain which was imprinted in preschool Montessori education. Making things line up! Yay! Which would be why the paragraph text in the sidebar aligns with the edge of the header image, the lists in the sidebar align with the header text, and the right margin of the content text ends on the same line as the text in the top line of the header. Mildly obsessive, maybe, but also fun.

What I’m having the hardest time figuring out is how, exactly, I want to translate all of this into WordPress. Why WordPress? Because it’s a free, user-friendly CMS and the contributors/editors who will be maintaining content once the site is live are not universally tech-savvy. I might consider something like Drupal if I heard people tell me “Yeah, the user interface is totally intuitive once it’s set up!” but so far I haven’t heard that. (Also, a not insignificant fact is that I’ve been using WP for about 4 years now, and have no experience with Drupal…)

Most of the switch from hand-code to WordPress is straightforward, and some of it will even be easier (News, for instance). What I’m having trouble with is the Mentoring Toolkit. I could easily create a Mentoring Category with child categories which match the divisions I’ve sorted the essays into, and then just re-create all the pdfs as posts. Or I could make a static page with PDFs linked. Or I could do both – archive the old essays in a static page and link the static page to an active category. Any thoughts?

H697 Final Project

Tags

,

My (draft) final project is live. All of the content is taken from the organization’s site or mailing list. Because it’s been based exclusively on h-net for so long, there were no images or illustrations for me to work with, hence the low number of images in the site.

Also, it’s worth bearing in mind that the final site redesign, to be drafted up in May, will be a WordPress site.

With that said: SAWH site redesign (css and html), take one.

Comments this week: I commented on Stephanie and Maggie’s blogs.

H697 Changed Way of Seeing

Tags

, , ,

I spent the last four days at a conference, and at this conference there was a poster session. This was my first time ever going to a poster session, and I had no idea what to expect. Still, I had not anticipated wandering around looking at the posters and thinking about them as much in terms of design as content (sometimes more).

I really shouldn’t have been surprised. As this xkcd strip points out, once you learn to see things like kerning, you may never stop seeing them. 

Some of the posters had good visuals but were weak on the information included. They lacked a strong Who, What, Why (not to mention Where, When, How). Others had good topics but were information-heavy, with very little white space and no flow. Most were good, but not outstanding, with a working balance of visuals and text.

There was, however, one which I saw and immediately thought “Wow. They really thought this through.” The overall design clearly evoked a particular cultural marker (tourist postcard), the text was readable, and the whole thing communicated their goal and focus. Here is my slightly skewed cameraphone picture of the poster:

Poster for History in Bloom

History In Bloom poster, OAH/NCPH 2012

It looks like an old postcard, especially in the filter they used to posterize (I think?) the picture of the Smithsonian Castle. The planted borders subtly connect the three text boxes. The eye is drawn from upper left to lower right by the larger font of the project title, History in Bloom, and the postcard greeting. The colors are consistent, the text is readable, and it clearly communicated the overall project in a format which was comfortable to read in the crowded space between tables and posters.

Apparently the project in its final form was sufficiently well-produced to be adopted by the Smithsonian; check out the History in Bloom page on the Smithsonian Gardens site.

New Cities and New Civilizations

Tags

, ,

One of the things I love about (the idea of) attending conferences is getting to cities or parts of the country you might not visit otherwise. Admittedly, I’ve only been to a handful of conferences prior to this one, and only one was in a city I had never visited (VAM, AASLH in Richmond; SIHC in Williamsburg; one DecArts conference/seminar at Winterthur). The frustrating thing is being so busy with the conference sessions that you don’t get to see as much of the host city as you would like.

All that is a prelude to saying that Milwaukee, WI, is a really fascinating city with wonderful restaurants and (so I hear) interesting museums. I’ve seen a tiny bit of part of downtown thanks to the inevitable Seeking Out Dinner. A grad student mixer took me to the Riverwest neighborhood where I saw the bar/bowling alley home of a Polish fraternal athletic order and a public house (bar) owned by a co-operative. I’ve managed to find a source for fried cheese curds and a variety of local microbrews. Sadly, I doubt I’ll make it to any of the museums within a few blocks of the convention center, or down to the historic Third Ward.

In the future, I will either schedule in time to get out and see the cities where conferences are, or try to pad a day on one end of the trip to just explore. I love to travel and conferences provide an excellent justification. As it is, I think I will have to try and work in a return visit to Milwaukee someday, to see all the things I’ve missed this time.

H697 Review of G. Cohrs Design Assignment

Tags

, , ,

For this week’s blog I am reviewing Geoff’s design assignment page, Mapping Civil War Alexandria. This particular page, which looks to be part of a larger envisioned project, is focused on May 1861.

First, some strengths and nice touches:

  • I like the use of the outer container div as matting, which evokes a manuscript document on a desk (at least for me).
  • The sidebar color picks up on the color of the water in the header image, which is a very nice touch.
  • Separation of nav into horizontal for primary and vertical for secondary (I’m assuming that’s that the “Explore the City” is?)
  • Nothing is so far away from another element that it feels isolated or confusingly floating. I particularly like the consistency of one block (callout or image) for each section of text.
  • Great captions, very informative.
  • Use of a primary source quotation for a callout, to flesh out the text, and repeating the matting color for that callout.
Some things which might be tweaked:
  • Two of your three h3s are in all caps, and one is not. It’s such a bold font that I don’t think all caps is necessary, although it certainly works and doesn’t read as shouting. Either way, they need to be consistent.
  • The header image is great, but the script font is a little hard to read. Maybe fading out the image more and using one of the layer blending tricks might help it stand out? Also, I’m not sure where the two lines are supposed to have the same emphasis, but if the script is supposed to be more important you might make it bigger.
  • Body font could be a little bigger to be more readable (I looked at your CSS and noticed odd values for your ems. Maybe one of the fonts is throwing things off?).
  • Also, the sidebar text is more dominant on the first view than the primary text; it works here because you want people to know it’s an assignment, but in a larger project you might want to de-emphasize sidebar text. Unless, of course, in a larger project you’re only using the sidebar for nav in which case ignore me.

Overall, I find the site to be very visually appealing, not to mention interesting for its content. I love the way all the colors work together, even the pictures of Robert Knox Sneden and the view of Alexandria have similar tones/values. Good work!

 

H697 Design Assignment

Tags

,

My design assignment is live – twice!

The first iteration of my design assignment is live and linked from my portfolio page. Lindsey critiqued this design and I am grateful for her suggestions. What you see at design.html is what she critiqued, with the exception of one fixed typo (four digit years! not three!).

I have taken her suggestions into consideration and done some further tweaking to try and reduce the gulf between header and content. A revised version of the page can currently be found with the name design_2.html. Some time in the next week I will switch these urls around, preserving the first draft as design1.html and updating the page linked from my portfolio page.

One of the things I’ve fixed is adding in links in the content. I had left them out initially for two reasons. The first is that the source text, from the current SAWH homepage, is not very link-heavy. The second is that I was trying to think in 1970s terms, drawing from two magazine sources, and magazines in the 1970s did not have hyperlinks. I wasn’t exactly trying to be clever, I just got so wrapped up in trying to imitate my design inspiration that I forget to update it.

Many thanks to Lindsey for her helpful comments! (and I left a comment over on her blog, linked above).

H697 Less Myst, More Clarity

Tags

, , , , ,

The readings this week were to explore the website The Lost Museum and read an essay which explains some of the ideas and motivations behind the project.

I read the essay first, because I initially visited both via iPad and didn’t want to deal with audio/video in a public place (I’m unable to wear headphones comfortably at the moment). Even if I hadn’t started with the essay, I would have seen the influence of the game Myst on the exhibit. I can understand way the designers might have been drawn to it as a model: it was an immersive experience, award-winning, stunning graphics for the time. However, I think it was a poor choice of model for a historical game, at least one you’re expecting people to come to without any preparation.

Continue reading »

My Oldest Friend

Tags

, , , ,

My oldest friend, by which I mean the friend I have known the longest, leaves the country today. She is off on her first posting as an employee of the US Agency for International Development (USAID), and over the next twenty or thirty years she will get to live in all sorts of interesting places.

Her father worked for USAID all during our childhoods, so she has already lived or spent extended periods of time in Peru, Bolivia, Nepal, Ghana, Tanzania, and Bangladesh, not to mention North Carolina, Massachusetts, and the DC metro area. Every summer, she would come back to our hometown in North Carolina with her mother and brother. Her mom had seen too many USAID and foreign service kids grow up without a sense of place, a rootedness, so she determined that my friend and her brother would spend months every year in the town where both their grandparents lived.

Recently, we went out to dinner. My friend had just finished speaking at a panel on “third culture kids,” a term for children whose parents work and live in country or culture different from that of their origin. Most of the literature about third culture kids talks about their distance from their ‘home’ country, the place which issues their passport. I get the sense that coming back to North Carolina helped assuage some of that alienation and differentiation, which was, of course, the point.

Why, you may ask, am I talking about all of this on a blog which focuses more on history and my experiences as a PhD student? Because my friend’s experience resonates with the family about whom I want to write my dissertation. One of the first US consuls in England, married an Englishwoman and had five children, all of whom em/immigrated to the United States at some point in adulthood and there stayed. Were they English or American or something else? These five people are in some ways the cultural precursors of my oldest friend. I can’t say that I wouldn’t be intrigued by their story if I hadn’t grown up with a friend who lived overseas, but neither can I deny an increasing interest in the cultural history of early diplomats and citizens living abroad and their families.

When my friend was applying for the job, I got to sit down with someone and act as a reference. They wanted to know if she was reliable (she is), but also get a sense of how well she would represent the country. I answered, truthfully, that I felt she had grown up knowing that she was a representative of the country, and I thought she did it really well. What did it mean for people (men, women and children) to represent a nation which was only years or months old?

Safe travels, friend. Who knows where the future is going to take either of us.

 

H697 Listening with Your Eyes and Ears

Part of our reading this week was to watch two TED talks, each only about 15 minutes long. One was Larry Lessig about laws that restrict us from being a read/write culture to a read only one, and the other was Hans Rosling talking about erroneous assumptions about the third world and the need to get data out where people can see it. These ideas, of the need for freedom to remix and of getting publicly-funded data out where the public can use it, are really important. But they’re not what I’m going to talk about (today).

I spent the presentations paying attention to the content of the visual half. This isn’t to say that I wasn’t listening (because I definitely was), but the two were very different and yet both made good visual impact. And, for the record, I’m one of those people who does much better if I have something to look at in addition to listen to (which is why I don’t do well at symphony concerts). Continue reading »

H697 Accessibility

Tags

,

I was not initially clear about reading Tufte in the same week as accessibility, but now it begins to make sense. Visual representations won’t be of much use to blind site users, but using graphics to communicate information could be really helpful for people who have trouble parsing text.

I was very struck by what Joe Clark bringing up people with learning disabilities. When I’d thought about accessibility, I’d pretty much only thought about screen readers, and the need for captions/transcripts of anything with audio (I have a few friends with hearing aids and it’s made me very aware how few YouTube videos with the CC button actually have CC). But I know so many people with learning disabilities and Processing Disorders. I think that remembering these populations could really challenge us to go beyond simple text-on-screen websites. Continue reading »