Saturday, April 9, 2011

title pending.


The mansion once sat proudly on the hill. Over the years, the lack of care allowed the paint to chip, the shingles to grey, and the wooden beams to sag ever so slightly under the passing of dozens of seasons of spring rains. Now it looked out indifferently, and the orchard next to it had long since given up the desire to clothe the valley in brilliant shades of green. The comings and goings of the family line that called the mansion their home were of no concern to either of them, even less so as the family shrunk and dwindled down to become the inheritance of an acrid widow and her son, who were now driving up that hill.
The car, on the other hand, harbored an active resentment for the widow. Ostensibly it made its way up, hitting every pothole and puddle in quiet protest to the cruel treatment of her heeled, lead-weighted toes upon its pedals. With every bounce and jostle she cursed under her breath, gripping the wheel with the resolve usually observed in knights holding their swords while riding into battle. The son, Alfred, fidgeted the knobs on the radio, but to no avail. No station’s signal reached out this far out from civilization before the war, and despite the urgency with which war reports and broadcasts were being sputtered out to every wire and antenna across the country, out here they never will.
All of this continued much the same as it would on every weekend, for the clockwork scheduled trip into town, but this time was different; no road, pothole, or muttered oath of a bitter aunt was familiar to the boy riding silently in the back seat, fingers pressed up against the window. Jack felt a very long way from home.
--------------------------
“Be good now, Jack, mind your aunt” were his mother’s parting words at the station, in the hour before he had been sent to parts unknown. She seemed uncomfortable with the prospect of leaving their darling son in the company of her older, hardened sister. Her fingers squeezed and toyed nervously with the hem of her jacket, and her eyes pleaded silently when they met with Jack’s father’s.
“Sarah, we talked about this. He’ll be safer there.”
 Jack’s father, Titus, put his hand on Sarah’s shoulder. He towered in the eyes of the boy, and carried a quiet reassurance in the way that he carried himself and talked. The uniform of a military doctor fit him well, and the doctor’s armband for women volunteers that his mother wore emanated the calm authority of all the knowledge and care that stood behind it. As the three of them knelt near the train, the eyes of the passerby looked upon them as heroes. Jack clenched his suitcase handle and looked away.
“Jack.” His father said again, turning reassuringly from his wife’s eyes down to meet his son’s. “Your mother and I have talked about this, and we want you to be somewhere that we know you’ll be safe. You can make friends with Alfred, and you’ll be able to play in the orchard… I know that you’ll miss things here, but while we are gone we want you to be safe.”
“When will you come to get me?” Jack bit his lip and looked up at his parents, trying to look strong despite the prickling of tears starting to well up in his eyes. He silently cursed them, trying to force them away. If his parents could be brave, and help their country, then he could be brave too.
“They don’t know what kind of virus it is yet. We have an idea, but your mother and I…” Sarah had grabbed Titus’s arm, a startled look in her eyes cutting his sentence short. “… Your mother and I have been asked to help our country by saving lives. In times like these, of all the things we could do, this is the greatest thing. “
“We’ll be back before you know it,” Sarah said as she pulled Jack in and kissed his forehead, running her fingers through his hair as she always would. “Your aunt Miriam and cousin Alfred will be happy to see you, you’ll see.” The train’s steam engine churned to life, and the conductor who had been patiently waiting for them to finish their goodbye nodded to Titus. This train would wait, for a war hero. Titus picked up Jack and lifted him up over his shoulder one more time, and looked at his son.
“Jack, you are your father’s son,” Jack and Titus grinned like they always did. His grandmother had said that once, long ago, and it always made him smile, though he didn’t understand why.
“You will grow up to be big and strong, someday.”
“I know.”
“You have to be brave, and do what’s right.”
“I know, papa.”
“And your mother loves you, and I love you, and we will see you soon.”
“…I love you too, papa.”
They embraced one last time, tears welling up in all their eyes now. The clouds overhead held off seemingly for this moment, and started to let down their carried rain. Titus set Jack down on the steps of the train and handed him his suitcase, and Sarah fixed the collar of his shirt beneath his jacket one last time. They kissed Jack and stepped away, and the train started to slowly lumber off. Jack took his seat, and as he left, his mother kissed his father’s cheek and they all waved goodbye.
------------------------
It had been half a day since then, but it seemed like an eternity. The train stopped at the appointed station, but Miriam gazed sternly at the engine, the conductor, and the passengers in the windows as they rolled by, until the train came to a halt. They were ten minutes late.
“That’s him?” Alfred sneered, “he’s only half my size!” Miriam grabbed Jack’s suitcase and lifted him almost off the ground as she helped him off the steps of the train and onto the aging, crumbling concrete of Wetherbee station.
“Mind your manners, Alfred, he is to be our guest.” Though spoken in a normal tone, it carried all the weight of a barked order. Miriam’s voice carried a weight that was not to be questioned, misunderstood, or require being repeated. For the quiet people of Wetherbee and the surrounding countryside, her word was law. They marched to the car in silence. When Jack and Alfred’s eyes met, Alfred stuck his tongue out.
After loading his suitcase into the trunk of the car, Miriam spun around and leaned her face close to Jack’s. These were words he was meant to remember; she spoke slowly and clearly.
“Jack, your staying with us is a favor to your mother; we don’t live as extravagantly as you’re used to, but that doesn’t mean you’re going to be living with us as a prince. You will help Alfred with the chores, you will mind your own business, and above all else—“ She cocked her head slightly to the side as the words coiled and hissed through her lips, “ She cocked her head slightly to the side as the words coiled and hissed through her lips, “you WILL do as I tell you. There will be none of this over-indulgent affection that your mother seems to love.”

....to be continued.

Thursday, February 17, 2011

Applying the Template

I've made good progress towards creating a similar, more slender template to mimic the site's current design. I'm allocating room on the server for the new version, so I will be able to test browser compatibility and review before I replace the current site with my design.

A lot of the remaining content can just be copied/pasted into the template for now, and updated as I receive or write the new content .Until then, this will be good enough.

One of the pages that is getting a serious makeover, however, is the personnel pages for the CVCN and COBRE staff. The current structure is made by tables, but I am trying to convert them to divs (both out of principle, and also as good practice).

When I do this tomorrow, I'll go over good practices for converting tables to divs.

Wednesday, February 16, 2011

Beginning the Update

In order to update the previous site, whilst working on the new one, the word content of the previous site can be updated quickly, requiring only the new design to be applied later on.

It becomes a bit of a balancing act, as the old site was designed using bad design principles (as mentioned in the previous post). I can't change the content until I make a more flexible layout, I can't test out the layout until I have better content.. and on and on.

The About Us Page

This page seemed a good place to start, for a number of reasons. It features a large body of text, and is practically bloated with buzz-word cruft. I was looking for tools to help check text readability, and came across a fairly useful one - using the Gunning-Fog index we can check readability based on how difficult its words are (based on amount of words with more than 3 syllables, with an increasing scale of difficulty). The old site scored an index of 30 - ranking worse than most government or academia pages.

My new content scores at 12, which is about the level of a magazine or newspaper.

By starting here, the page with the most written content, I can start to set the mood of the content for the rest of the site. Once this is given the thumb's up, I'll be able to assemble the rest of the template, and then fill in the content for the rest of the pages. A good start, indeed!

Tuesday, February 15, 2011

Leave a Legacy

I can't find any good articles on the subject, but I do have a few things to point out today.

I am going over the site that the previous designer designed, and I have noticed more things that need changing than I anticipated. On the surface the site looks good, but having a chance to look "under the hood" I've noticed things that I would have done differently.. as I hope most designers would.

Mistakes to look out for, if you're taking notes, are things like...

Mish-mash of code components.

The previous designer used a php navigation bar, javascript for some elements, flash for others, layout elements in CSS and in tables, all signs that the site may have just been made up as he went along. Looking at all this, it might be a miracle (or mad genius?) that the site runs at all. It can certainly run cleaner and faster (And be easier to modify in the future).

Absolute Locations with magic numbers.

 It now makes sense in a dreadful sort of way as to why the footer would be positioned so far down below the content of the page. The footer (for each page!) was set at a custom absolute position, ranging at about 1500~5000 pixels from the top of the screen. None of these were formatted correctly; all seem to be at least 1000 pixels taller than they need to be.

Times New Roman Font.

A minor offense, but still one I noticed because he changed the font for each and every part of the layout to TNR deliberately. Microsoft Word abandoned Times New Roman as its default font for a good reason; any person who wants a design looking more recent than 2003 would never even touch it.

Good design practices will fix a lot of these things, and it is always good to design a website with the perspective of the person tasked to update it after you've passed on in mind.

Leaving comments for any CSS rules (why is there left padding on the third bullet in every list?) that seem ambiguous or arbitrary will prevent a well-meaning developer from changing them and panicking as they watch the site collapse into an unceremonious heap.

There is a difference between a shortcut and a clever, efficient design. Can you guess which of the two will be easily understood after you've moved on?

Keep your files tidy - Nest folders inside the site's structure to group together files that are only used locally, but don't drown someone in them if they're trying to track down the basics (main pages, common images, templates, etc.).

Construct a site map. A person just looking at your site's structure for the first time should have a good idea of what they're getting into. If there are half-finished or unconnected sites on your domain, ask yourself whether they should even exist. Going along with the previous point, it may make you come off as sloppy to the next developer in line.

Monday, February 14, 2011

First staff meeting

Today I'll be meeting with my boss and going over changes to make to some of the pages. This will help me get a feel for the website he wants (or thinks he wants, at this point), and plan accordingly. Keeping in mind that I'm not talking to a client that has a background in design, instead of trying to gain a tenuous grasp on vocabulary, I'm jumping ahead to provide visual cues and examples of what I'm looking to make.

For example, here is the current bios page. It reads very much like a reference page, so it serves its purpose. However, I would like to construct it to read more like a business or organization's bios page, such as this one - the information remains professional, but is more consistent and easier to understand.

This information is out of date, and will probably be the first to be updated. I've decided to take an approach of keeping the current site up-to-date as I work on a parallel site. As this site has a smaller audience and fairly basic functionality, I do not see any problems with implementing the new site all at once, at this point. However, I'll be doing research as I work to make sure that this is a good idea.

Edit:

Update. Meeting went very well.. it is always good to have a client that trusts your style. Going through the profile pages today and tomorrow, and hopefully should have the information updated by then.

Friday, February 11, 2011

Quick Thinking

I commute across state lines to work every day, and in that laborious morning journey I had a burst of sudden insight. The CVCN is closely related to the university in which it is based. I was a student at North Dakota State University until recently, when I decided to pursue web design instead. I will probably touch on that later, but for today my task is now to try to track down and meet with their site's web master (or better still, web designers).

Networking is a valuable strategy, especially for a newcomer to the field. A successful web site is the result of much time spent behind the scenes, tweaking and fine-tuning the code on which the website is built. Cross-browser compatibility, accessibility concerns, and even principles of design from a seasoned professional could prove to be great assets to a beginner such as myself.

I also now have a name of who to talk to for each page of the current website (who would be responsible for its content). From here, I'll be able to make sure all the content for each page is correct.. and from there, start to know which pages the new design will need.

Thursday, February 10, 2011

Thoughts on the new Design

With today I've started two tasks: sizing up how much of the current site's content must be changed/updated, and beginning to think about what the new site could look like. More on that one in a bit.

Example Critique Sheet for the Home Page
The Current Site's Content

The current site, as I talked about in the previous post, contains a lot of information. It is written at an academic level, which projects a sense of professionalism and intelligence - however, I'm wondering if maybe this makes it difficult to read at times. I will have to check with the department to see how much of this information is even up to date, and what all should be added or moved beyond that.

There isn't a lot in place for pictures, or other visual elements. The banner across the top contains a logo for the department, but I'm not sure if I will keep it for the redesign. As it stands, it isn't very effective at communicating the meaning of the site. The font is default Times New Roman and isn't easily readable. Depending on the new design, I might consider changing to a sans-serif font.

The Potential of a New Design

I will probably be spending several days (if not more) looking at and analyzing elements to incorporate into the new design. Right now the questions I'm trying to answer are fundamental to the purpose of what this new site should do.

  • What is the purpose of the new site? To inform, educate, advertise, etc. ?
  • What words would describe this website?
    • Academic
    • Professional
    • Edgy
    • Smart
    • Clean
    • Practical
    • etc.
  • Who is the audience for the site?
  • How dynamic is the site? How often will it be updated, and by who?
Some of these questions refer to the aspects of the design in regards to colors, fonts, images, backgrounds.. even the style and amount of written content is on the site. The finished product could look anything from an e-commerce site, to an art site.. all depending on those factors alone. The last question pertains to what the site is built on; should this site be maintained through using a CMS, or as a static web page (like it has been, in the past)?

A lot to consider, and while I start to gather how much of the content is changing, I'll also be considering possible answers to those questions.