Web Design Process: Yet More Lists

ll right, first things first. Before I go trying to put my website together willy nilly, I need a plan, a master list of desired components and functionality, and a general idea of how to get from here to there. Disclaimer: I have not actually done this before! I've worked on sites designed by someone else, I've done some super basic HTML/CSS work (like my pesky resume and my placeholder website), and I've certainly spent plenty of time thinking about it and reading and researching. So here goes:

Things I'd like from my site:

• A Gallery of photos: no commenting, prints for sale, easily populated (Lightroom export?), cataloged by keyword, location, highly searchable, and someday I'd like it to include interactive collaging
• About/info page: bio 
• Contact: email, links to me elsewhere like twitter etc, RSS for photos and blog?
• Blog: old posts from blogger + new posts, shiny layout, browseable, comments, share buttons
• Portfolio: other design work, samples, articles, projects, certificates, whatever else
• Someday: a sandbox area near the portfolio for projects in progress, something to do with Github? 
• Aesthetic: simple, lots of white space (or black space), nice OFL (Open Font License) fonts and thin lines, simple image display, good navigation, one animation/movement/interactive element on top page. 

The basic steps outlined below are a combination of my notes from several sources. I learned most of the prototyping and user-testing steps from a class called Human Computer Interaction taught online by Scott Klemmer from Stanford. Not my favorite class on Coursera due to some frustration with the peer-grading setup, but nonetheless informative.

I also discovered that a local web design etc firm called Clikzy Creative posted their entire design process to their site so that clients will know what they're getting into. My process will be a bit different, of course, but it's good to know how a more formal environment would handle the same task.

• Essentially: "Discovery, Site Map, Content, Wireframe, Mockup, Revise, Develop, SEO, Launch."

The Moxie Design Studio also has their process up on their website. They do a bunch of websites for local Alexandria businesses, so I had seen their work quite a few places already. They also list a general set of project prices on their site, which is somewhat unusual, but very helpful since I had no idea what I should be charging for my work.

• So again, an essential process looks like: "Discussion, Goals, Mockups, Revisions, Development and Programming, Soft Launch and Client Training, Full Launch and two weeks included Support." 

It's really hard being independent and not letting clients take advantage of you by asking "just a quick question" that actually takes half an hour and is billable. And that's just one reason I'd rather not work for myself!

Back to my own website. A few basic steps to get there:

1. Define required elements - site map (above)
2. Find appropriate platform
3. Wireframing, prototypes, mockups - grids?
4. Testing it on unsuspecting potential users - feedback and revision
5. Build, develop, whatever you want to call it
6. Design details/ illustrations? Finishing touches
7. Later additions: animation, better databases? E-commerce... 

Each step along the way will probably be a bit more involved, but that should give me a good starting framework to go on. Don't mind me if both my website and blog suddenly disappear while I'm shuffling things around...

Book Snark: Earth Abides

Perhaps, he felt in his mind, that was the difference! That was the difference between woman and man. She felt only in terms of the immediate, and was more interested in being able to spot her child's birthday than in all the future of civilization. Again, he felt superior. 

Earth Abides, by George R. Stewart (1949).

In fact, in reading this book about the fall of civilization, I am possessed by a great urge to preserve and protect the history of the world for posterity, just in case something should happen. If humanity vanishes for whatever reason, and/or if electricity eventually fails, what will be left? ebooks? I certainly think not. While electronic formats may be "the future," may be convenient, may be efficient, they will not last beyond the next wave of advancements. Neither will mp3 files, dvds, or all the information on the internet. In this fantastic future world, when perhaps everyone will be gone, those who are left, or those who make a galactic archaeological dig of the planet Earth may find files that are in no way compatible with their technology, or they might find vast libraries of knowledge on paper, which have only to be translated.

Earth Abides was a fantastic book, but in the end very frustrating. It became evident that it was not just the aforementioned woman who was uninterested in preserving civilization, but all of the "stolid" people who happened to survive the plague. Apparently it was beyond their capabilities or caring to teach their children how to read or write so much as basic numbers, much less entire books. Strange that in a novel about a post-apocalyptic world that was what I found most unbelievable.

The future may be defined by forward movement, but that movement should not assume complete abandonment of the past.

Obligatory, but festive!

As it turns out, borrowing someone's computer can be very frustrating when it's significantly different from your own. Apologies for poor formatting etc in this post, but wanted to get it up in time to say Merry Christmas!... in a somewhat timely fashion.

Eenywho, just some photos of the cookie-making marathon last weekend. I'm fairly pleased with the results: iced sugar cookes, braunekuchen (molasses/spice cookies), truffles, banana-chocolate-chip-mini-muffins (of hyphenage +1) and raspberry oatmeal ribbon bars.

Wishful listing

Dear Santa,

This year for Christmas I would like to receive the following...

My computer has been acting up lately, fighting back against my overuse by occasionally turning itself off and complaining constantly, or just refusing to comply with my commands. Don't get me wrong, I love my little iBookG4, especially because it still runs OS9 applications (read: games, aka Power Pete, which technically came with OS7), but if I could relieve it of some of its burden we'd both be happier. I'm torn though. Since I also need my computer to be able to handle advanced graphics work, a desktop with a tower and wide-screen might be best, but I'd also like a more competent laptop... For now, the 15 inch solid state MacBook Pro (previous link) would fill in fine; I can always add the larger display later. And the Mac Pro Nehalem can just wait until I pick up the Epson 9900(with orange and green inks. whoa).

Meanwhile, my communications capabilities are suffering from another case of outdated technology. Three years of being in my left pocket have been hard on my Nokia. At the same time, my ipod classic did the thing ipods do and broke its headphone jack, and quite likely has a hard drive failure as well. My immediate thought was to get another ipod, but as it turns out I might as well get an iphone 3GS 32 GB and solve both problems at once. And again, the solid state drive will help a lot when it's bouncing around in pockets and bags. Next issue: bluetooth earbuds/headset and laser keyboard (although I'd prefer if it were a smaller device. If only someone would develop it further!).

If I'm going to be getting that Epson 9900, I should really also have a digital camera. I'm conceding the point of digitization in photography only because buying a few medium-large format film cameras (with lenses and different backs), learning colour processing and setting up a colour darkroom (or at least getting a film scanner and settling with the printer) all poses slightly more difficulty than spending a few grand on two pieces of equipment. A quick browse through some old Photocritic posts pointed me at the Nikon D90, but further research and recommendations are welcome.

On a less selfish note, a good way to connect with other artists/photographers in the area is to hunt down your local darkroom. The Washington School of Photography, for instance, has a camera club and workshops for community members.

...Anyway, Santa, I don't know how to prioritize my phone, computer and camera needs, but there you have it. My best to Mrs. Claus and all the elves. See you in two months!

Yours,
Elli