Refined by Fire

Craft of the {human} Experience

In response to an excellent article by Sharon Lee at ALA, “Human-to-Human Design“, I made comments. I thought it would make a good blog post too. I’m still fleshing these thoughts out. So, any feedback would be helpful.

As a user experience designer to some interesting and large projects, I’ve had to advocate the persons on “the other side of the screen” numerous times. Much of the time to the humbling response of something along the lines of “well, because of the business goals…” [insert objection here].

It seems we ‚Äì as the craftspeople in this industry ‚Äì are in the position to take this type of stand for the humans who must use our clients’ [insert service here.]

In fact, this weekend, I’ve started a process in myself to stoke some emotionality for the “user” and move away from two heavily used terms that I think are actually hindering us from totally empathizing with our audience and creating the best experiences imaginable.

Continue reading Craft of the {human} Experience

Share/Save/Bookmark

Update: Social Media Data Visualization: Twitter Blocks

Interesting to say the least. Not really sure what the benefit is yet, but it looks cool if nothing else!

Twitter Blocks.jpg

Update: Navigation has improved significantly since I first found this. I can now see a real benefit to traversing twitter in this way.

When you roll-over the middle blocks (you’re neighbors’ recent posts), you can branch out into their neighbors. The extended hieght tweets appear to be related to time in between tweets.

Showing Time.jpg

Would definetly recommend playing around with it if you’re interested in a visual of the twitterverse.
Twitter Blocks

Share/Save/Bookmark

24-bit PNG Alpha Transparency Wackiness

It’s the strangest thing. I’ve been able to get this to work before, but for whatever reason, I cannot get my PNGs to render properly in IE. If you see this in-progress site, artisans.blueflamecreative.com, the exact same method is used to good effect. In fact, I just cut-and-pasted from that project to this one. The only thing different are the URIs and the graphics themselves.

Which got me to thinking, perhaps it has something to do with the way in which the PNGs are processed. I reprocessed them, still not good.

Ugh. I didn’t think I’d ever be happy to say, “I cannot wait for the next version of IE to come out,” but alas…

Share/Save/Bookmark

Good XHTML/CSS Design References

Standards-based Web site design is more than an approach, it’s more than a methodology, it’s a discipline. It’s not easy. You’ve got to pay close attention to details, and be considerate of so many facets from alt tags to title attributes, from semantic mark-up to well-formed structure. Don’t even get me started on browser compliance. (It’s one the few things that brought me this close | | to quitting my career.) And a multitude of other concepts, it will become overwhelming. It’s tough. Fortunately, there are some good-natured folks out here looking to lend a helping hand if you’re getting stumped. Rubyist, Ryan Heneise, principal at Art of Mission has sparked a conversation and got me to think back to what’s helped me through the years. So, I want to encourage you. There are some great, well-crafted resources out there to help you along your way.

Believe it or not, until just recently (like three days ago), I’ve had only one printed CSS Reference book that has been a staple on my bookshelf since 1999. (And at this point, it could use some staples to keep it together) Indispensable it is: Cascading Style Sheets: Designing for the Web (2nd Edition), by the original dynamic duo who are to blame for this whole thing: H??kon Wium Lie and Bert Bos. There is apparently a 3rd edition out, though.

The book is great because these guys didn’t just sit around pontificating about how great and wonderful they were in giving us the standard, just clean easy to read facts. And there was this nice convention that showed which browsers supported what and whether it was full or partial support. It was really more of a reference, come to think of it.

I say that because I just picked up this really bright pink and green book called CSS Mastery, by this guy who really knows a lot about CSS and is a superstar who can teach it to the masses. CSS Mastery is more like a practical guide to doing fancy stuff. I got this book, well, because it’s being read by many reputable people. And Molly E. Holzschlag reviewed it for technical accuracy. I mean, that alone says it’s cool. (Anyone who has their first name as their .com domain name has gotta be cool.) Actually, if you don’t know who Molly is, she and this other talented guy, pulled together a little site called the CSS Zen Garden. If you want to see what CSS can do, go there. Now. Come to think it, THAT would probably be one of my most favorite sources for stealing from talented people learning CSS.

Actually, Molly probably doesn’t remember me, but she and I went back and forth on an article I was writing for Digital Web back in 2001. Would have been my first major publishing, but then you know what happened in 2001. Well, I know what happened… dot com boom went BOOM, my job went BYE BYE, and I’ve been living in hole for 5 years… but that’s for another time…I DIGRESS.

As for CSS Mastery, so far it’s, okay. It’s NOT a reference book. You need to get a grip on the the language to really learn from this. It’s enough to get ya rollin’ with some nifty tricks, though. I really like how Andy explains decendents and siblings, and specificity (which is a lot easier to write than pronounce). I think I FINALLY get it. Now I don’t have to mooch borrow so much from other designers.

As for XHTML, Ryan put up my sources: The W3C. 1996 marks the year of my first dabbles with HTML… v3.2. (Is that cool? Or does that mean I’m old? Crud. I think I know the answer to that.) and I watched them clean that dirty old language up into the lean mark-up scriptage that it is today. The language at the W3C is not for the faint of heart, though. It can get…complicated. I just saw a rationalization for learning HTML before (X)HTML. That’s what I did… tred in my tracks at your risk however.

Hopefully you find some of the provided links helpful. Drop a line if you have any others.

Share/Save/Bookmark