For the last three days my Beautiful Wife and I have been vacationing in Yosemite National Park. If you haven't been to Yosemite it is truly amazing. It is one of the most beautiful and breathe taking places in the country. This is a trip that we had planned for a few months and it was as fantastic as we hoped it would be. This was my second trip to Yosemite and my Beautiful Wife's first.

Saturday was the first day of our visit to the park. We came through the south entrance. It is about a 25 mile drive from the south entrance to Yosemite Valley. Your first view of the valley is just before the tunnel, after going through the tunnel you are greeted with Tunnel View. This is an amazing view of the valley floor. You'll see El Capitan to your left, Bridalveil Falls to your right, and Half Dome smack dab in the center. I'm sure just about everyone has seen Ansel Adam’s "Clearing Winter Storm" photo of this view. This is the first place you’ll learn just how many tourists are there to see Yosemite. We parked the car and I hopped out like a giddy school boy. I quickly gathered my tripod and camera pack and walked over to the wall where the tourist congregate to photograph Tunnel View and start setting up my camera. If I haven’t mentioned it before I’m a hybrid photographer, which means that I use both film and digital cameras. So I’m standing at this beautiful vista, looking out as I set up, which takes about 5 minutes or so. I take out my light meter, get the reading, and set my shutter and aperture accordingly. In the time that it takes me to go through these steps several people have come up, taken their snapshot and ran back to their car and drove away. While I’m composing my shot and checking my settings, I had several people come up and ask me if I’d take their picture. I am always happy to oblige, but what cracked me up is that four out of five times they feel the need to point out to me which button trips the shutter.

Well most of Saturday was spent taking photos of all the popular spots. Then something happened while I was taking some shots from Sentinel Bridge, I thought I had taken 9 or 10 shots but when I checked the film counter was blank. Apparently when I had reloaded the film I forgot to completely wind the camera. So all the shots I took, didn’t actually get recorded. Which I feel, ended up being a good thing because right then I decided that I needed to take photos that weren’t like everyone else’s. I started looking for My Yosemite and not the one I had seen and read about in books. Don’t get me wrong Ansel Adam’s photos of Yosemite are amazing, but I didn’t need to make a perfect copy of his photos. I needed to make photos that were mine, and in my style. I stopped being as concerned about the photos I was taking and started concentrating more on experiencing this beautiful place. One of the most unexpected experiences, which we don’t have any photos of, yet I doubt we’ll ever forget is of watching a coyote running across the meadow walkways.

We were on the north side of the meadow on the Yosemite Falls side, and our car was parked over by Sentinel Bridge. I had just finished taking some photos of Yosemite Falls when we decided to head back to the car. As we started across the meadow footbridge, it started to rain large cold rain drops. We started to pickup our pace when I noticed a healthy sized coyote coming from the west up to the footbridge. My Beautiful Wife looked up and saw him just as a couple that was walking towards us about 75 yards away saw him. We both slowed down, and watched as the coyote looked at both of us to judge our speed and intent. He decided that we were no threat to him and he crossed the footbridge and ran in to a heavily wooded area to get out of the rain. It was such a beautiful and natural moment that we where stunned and in awe.

Sunday was the day we almost made it to the valley floor. However the closer we got the more it snowed, so not having chains, we decided to turn around and decided to go back toward home. However we didn’t rush back, we took our time and pulled off and investigated some of the beautiful creeks on highway 41 that most people drive past at 40 mph. These little creeks and vistas are filled with natural beauty. Alder Creek has to be one of my favorites. I’ll post photos from Alder Creek on my photoblog as soon I get some film developed.

Monday we went to both Bridalveil and Verner Falls. While they were both very different, their beauty is undeniable. I do have some recommendations, if it’s less than 40 degrees, you don’t have to hike all the way to the base of Bridalveil, because it will be very wet and cold. You're hands will freeze quickly and your teeth will chatter so hard, you may have to go to the dentist afterwards. However on a hot day, I’m sure it’ll be nice and cool and just what the doctor ordered. Verner Falls is something else. I do have to warn you that it’s a good hike. I don’t mean miles and miles kind of hike, I mean it’s a good hike uphill the entire way and at a fairly steep grade. Being that I had my 50 pound camera bag on my back, it was a lot more work than I expected. One of the beautiful moments of that hike was about half way up the trail to the footbridge, on the west side we saw a beautiful, powerful spring fall that simply won’t be there a month from now. To see such a rare sight on such a hard hike was very rewarding. It was a great trip and I can’t wait to go back to My Yosemite.

Happy Trails

7 years of bliss

Tomorrow my Beautiful Wife and I are leaving for an extended weekend getaway. We plan on spending some time with nature and each other. I've been looking forward to this trip for months as I know she has too. It's not that often we get out just the two of us, so this is something special.

Saturday will be our 7 year wedding anniversary, again it's something special. My Beautiful Wife is the Love of my Life, and my Best Friend. She has a beautiful heart and a rare and deep understand of people and emotions. Not only that, but she's got a great sense of humor. For those of you out there on the interweb not married yet, go with the girl with the great sense of humor she will make you happy for the rest of your life, and she'll make sure you don't take yourself too seriously.

As you may or may not have noticed, I've been working to post something of interest at least twice a week. Mondays and Fridays to be exact. I've decided that each post should do one of two things. Make you laugh, or be informative. Since I'm not going to be here Friday or Monday, here are five links that will make you laugh and five links that are informative.

Something Funny:

1. Pearls of Wisdom from Merlin Mann: I read this pearl of wisdom and couldn't stop laughing to 5 minutes.

2. Why I Cropdusted a Three Year Old: Danny Evans, is funny, wrong, but funny. Warning: yes this is a fart joke.

3. More Merlin Mann Funnies: This one is entitle "Elanor's Agenda", just watch and enjoy.

4. Bottoms Up: My good friend Rick is a nature photographer who specializes in birds. He's found that some times birds just don't want to be photographed. Here's one of his photos that proves that point.

5. Chuck Norris Facts: You've all heard the legends and the urban myths, here's the low down on Chuck.

Something Informative:

1. The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!): Joel On Software explains Unicode, and this is something every Web Developer and Software Engineer should read!

2. The First Rule of Programming: It's Always Your Fault : Yes, it is your fault, and Jeff Atwood explains why.

3. The Developer Life, Yo: Dead Programmers Cafe explains just what a Sr. Developer does. I loved this article, it explains it so well, I was speechless.

4. Is Eeyore Designing Your Software?: Yes it's a strange question, but it's a great blog post on software design.

5. Twitter: The Uselessfulness of Micro-blogging: Scott Always has something funny and interesting to say.

The Challenge

One of my current projects is to making our error and alert messages on the website more flexible and usable. I've actually been thinking about this subject for a little while. I've been noticing some very nice messaging on some of the bigger Web 2.0 sites, such as Flickr and YouTube. They've been doing a great job of letting the user know when they'll be performing maintenance, without negatively affecting the user experience. I know some people aren't terribly keen on "Web 2.0" and other buzz words like it, but you have to admit that some of these sites have really gotten it right when it comes to a rich, usable and cohesive web experience. We're seeing a higher demand for this kind of web experience in surveys and feedback from users. They simply expect and demand these kind of experiences from their online services such as Online Banking.

Of course when I think of website usability, I think of useit.com. This is a wonderful site by Jakob Nielsen. This man knows usability. To say he is an expert in usability and the web experience is an understatement. So I felt sure I'd find exactly what I was looking for on his site. While I did find articles that I felt were relevant to the topic. I didn't find quite what I had in mine. However I definitely think every web developer should read his article on Error Message Guidelines, it's a wealth of information. One of the best take aways I got from the article, is that a common mistake that we all make is to simply display some red text as an error, a thinking that's good enough. Well that's all well and good, but what if the user is color blind, or is viewing your site with a screen reader like Jaws. These are factors we should keep in mind but often don't.

However like I said I was looking for something a little different. You see in our implementation of error and alerts we'll put up a variety of messages. Error messages letting them know that a transaction was not completed and the reason why. Warning messages about upcoming scheduled maintenance. Information messages that let the users know about new features that are available to them. We want this messages to be highly visible to the user, without being completely annoying and making them feel as if they are being bombarded. As you know this is not an easy task.

The Idea

I wanted to create an easy to use and intuitive method for conveying to the user the importance of any given message. There may be multiple messages for the user to read. So this system must allow users to quickly identify which messages are important versus which messages are just information to them is mandatory. So I decided I needed to use a design metaphor that allows me to relay the severity of a message to the user in a way that's easy to understand.

As mentioned in a Jakob Nielsen article using a metaphor can be tough, especially when you are designing for international usability. So I decided to use a metaphor that most people use everyday, Traffic signs. Most people see traffic signs and understand what will be required of them at a glance. That is by a very specific and exacting design. Have you ever seen the design specifications related to Standard Highway Signs? These documents are huge. I mean there is not one thing left to chance. Font size, font weight, font color, sign size, sign ratios for curves, all of it has been meticulously documented. The Regulatory sign section alone is almost 200 pages.

So with my design metaphor I won't be as strict as the Federal Highway Administration, I'm just going to use red, yellow and blue in my palette. This quick visual aid should help to get the point across nicely. Red means, stop, and pay attention, yellow means that this is a warning message and some action maybe needed soon. And blue of course means that this message is informational, and no action will be required of you.

Along with the color coding, Icons will be used to help show the severity of the message. Since these Icons will be graphics, we can assign them a severity in the image alt attribute as well. This should take care of both those who are color blind as well as those that use screen readers.

Implementing the Idea

Up to this point I have an idea, I have a color scheme picked out that works with the design metaphor I've chosen, but now I need to figure out how to best implement this idea. Specifically I need to figure out what size my message should be and more importantly where the location of the message will be. The location is key to our message being read. I need to choose a location that assures that the message will be read, while also making sure that I'm not changing the design that would cause a negative user experience After that will need to make it fit into our existing design. Fortunately this is a wheel we don't have to reinvent.

Most people read websites in a very specific and repeated pattern. This pattern is actually shaped like the letter F, therefore it's called The F-Shaped Reading Pattern. Again useit.com has an article on "F-Shaped Pattern for Reading Web Content" that I believe all web developers should read. It's well worth the time. One of the things this article mentions is that users simply will not read all of your content. They will choose to scan the page looking for what they feel is the most relevant information. So that very top line of the F Shaped Pattern is critical. The most important information needs to be on this line.

So do we put these messages at the top of the page? No, no we don't. Why?, because that isn't where the F Shape Pattern for web content starts! Again we go back to our usability Guru Jakob Nielsen to find out why. This time we're going to look at an article called "Banner Blindness: Old and New Findings", what they discovered is that anything above the primary navigation is simply ignored. Users have learned that content above the primary navigation is advertising, so they simply don't look at this area any more. Where does the top of the F Shaped Pattern start then? At the top of the content area, of course.

Now that we know where we should place our message, lets see how to make it fit into our design. I've mocked up a couple of wireframes for a pretty basic 2 column website design. In the first wireframe design we have just the basic site layout. Logo in the top left hand corner, primary navigation next to that. Below the logo we have the secondary navigation and next to that is the content area. Now in our second wireframe design with the message is only change very subtly. We basically just move the content area down a little bit so that it's now at the top of the F Shape Pattern. However we only do this when we have a message to display. This way we do no disturb the F Shape Pattern. The last thing we want to do is change the way our users read the content.

This brings up another very important point. If a message is warning or informational the users should be able to choose not to see the message again. This allows the user to acknowledge the message, but also to clear it out of their view. Remember we're not pretending that the message is the content they wanted. We are just telling them about an error, a warning or something informational. I feel that error messages are to be shown until the error is resolved. Warning messages are shown once per session. And Informational messages can have a "please don't show me again" option. Along with our design metaphor this helps cement in the users mind the importance of each of the messages.

Conclusion

A little research into usability goes a long way in designing anything on your site. Fortunately there are great resources out there that we can use and incorporate into our designs. We don't have to reinvent the wheel. In fact it's best if we don't, because using a "standard" way of doing things allows our users to better and more quickly navigate and use our site. In the end, isn't that really what we as designers want?

Happy Designing

As you can tell I've been reviewing my blog the last couple weeks. Sprucing it up, making it a little more user friendly. In doing this I've gone back through and read a lot of my older post. While not all of them are masterpieces, there are some gems. My last post was my Top Five Tech Post, so I figured this one should be my Top Five Family Post.

If you've read this blog for any length of time you know that I am one of those guys that just adores his family. They mean the world to me, and are pretty darn funny besides. So please take a walk down memory lane with me as we revisit some of my favorite family posts.

5. Fred Potatoes, A Shave and Three Words: I know this is a recent post, so of course it's still on my mind, but it means a lot to me.

4. Boys Vs Boredom and Boys Vs Boredom Part II: This is of course a two part post, that started mainly because my brother and I were talking about when we were kids. Childhood memories are the best, check it out, and see if we have similar experiences.

3. Capt'n Cranky : This was an interesting time in my life. I was having some "male" problems. My Wife was actually surprised I wrote this blog post. But I figured if I was going through it, there had to be someone else who was going though the same thing. So if I could make them laugh and not feel alone, then it was worth the little bit of embarassment. By the way, my favorite word in this blog post is "man-o-gram".

2. Is That a Peacock in my Livingroom or are you just Happy to See Me : It's not everyday you come home and there's a peacock in your livingroom. A bright blue peacock, yeah, enough said, huh?

1. The Little Boy Goes for a Joyride : I think this one is pretty self explainatory. When the Little Boy was three he felt like going for a drive. This post is mostly in my Wife's words, and it's really sweet and funny.

Well I hope you get a chuckle from these posts. I know they make me smile.

Happy Life

Today I was taking a little time to look through the web logs for the blog and found it very interesting to see which posts were the most popular. It's always interesting to see how people get to your blog and what search terms they used. After reviewing this data I decided to make a quick list of the top 5 technical posts. So what I did was compile them by both visits and search results. I think my favorite part about this list is it's all over the map as far as technology goes. The fact the number 1 post is about trying to write software using a Microsoft language on an Apple computer is my favorite part.

5. Playing with Google Maps: It seems that I'm not the only one that gets a kick out of playing with google APIs.

4. Teaching XSL and AJAX to work together Part I and Teaching XSL and AJAX to work together Part II: Yes, I know these are actually two posts, but it's a series, and I thought I'd listed them together. XSL and AJAX work well together with just a few tricks.

3. Browser Troubleshooting 101 Part I and Browser Troubleshooting 101 Part II: Another series of post that came about from training some of our help desk people on how to trouble shoot browser issues.

2. Searching Indexing Services with ASP.NET and C# and Searching Indexing Services with ASP.NET and C# Part II: Yet another series of post. This one came out of a project that I had write for our Board of Director. They needed an extremely fast search function for the Extranet application they used. This series of post also comes up almost daily in search results.

1. Writing in C# on Mac OS X: After listening Scott Hanselman's Hanselminutes Podcast I had to try playing with Mono on my Beautiful Wife's Mac. This post was the result of that playing around and the post shows up every day in the referral by search category.

I hope you found this quick list helpful.
Happy Coding

It's amazing to me how much time I get to code these days. Actually I should say how little time I get to code any more.

Yesterday for example, I spent a couple hours in Excel (ick, sorry, not a huge fan of the whole Office Suite), at least 25 minute in TrackIt (Task Tracking Software) a few hours in SQL Query Analyzer and about 15 minutes coding in C#.  The only reason I got the 15 minutes was I wrote a little console app to write some very long SQL Queries. Mostly because I didn't want to have to write them by hand. The rest of the day was spent working on an issue a user had, duplicated it and we reported it to the vendor.

I find that more often then not most of my work days are these kind of tasks. If I'm not fixing a users issue, and creating a fix (most of the time it's a browser setting), I'm coordinating with vendors on updates of their software they need to make or service issues that come up. This leaves few and fewer hours in the day for doing the part of my job I love, writing code. Heck for writing HTML pages, AJAX, Javascript and XML I still rather hand code. I use HTMLKit for this kind of work, and it's brilliant!

I've recently started reading and putting into practice the task management principles of GTD (Getting Things Done) and I find I'm becoming more productive and getting through my task much quicker with greater follow through. Initally I felt that by being more productive and getting these task done quicker I'd have more time to code. Of course that hasn't quite been the case. A former boss use to say "no good deed goes unrevised", and believe me, truer words have not been said.

Where I work being Sr. Web Developer means wearing lots of hats. I do web development of course, but I also do server management, log management, vendor management and about ten other things that just aren't coming to the top of my head. Don't get me wrong, I'm happy to get to work on all these things. They help my to be more well rounded and I'm grateful for the opportunity to learn all these things. But the thing that got me in to Web Development in the first place was the code. Or more importantly learning to code.

You see simply writing code that I've written before isn't what I'm after. I mean anything I have to write more than twice, I've already created a template in CodeSmith to do. You see what I'm after is the learning that goes with a big new project. Pushing yourself to learn more, be more creative and to write applications that people really use.

So I've decided, like all things of this nature, I just have to take it back. I'm going to start slow, and see if I can set aside 1 hour during the work day to write new exciting code that makes me think and learn. I'm going to try the first hour of the day. 8am the coding hour. What do you think?

Happy Coding

I got a call from my friend RP today. He had a story to tell me that he was sure I could appreciate. You see he rides his bike to work almost everyday. However his ride home isn't along traffic filled streets, with hundreds of cars puffing out smog. He rides right along the marina. He gets some great photographs on his rides to and from work. If you look at his work you can tell that birds are the majority of what he shoots and posts. Well a few days ago he posted a pick of a seagull. He half joking said, please feel free to print it out and use it on your dart board. RP grew up in Florida along the beach. He grew up fishing and surfing, so he knows that seagulls are rats with wings.

Well today, that changed, he saw a seagull that was in a bad way. Apparently this seagull had a lure that was hooked in it's beak and his feet. In the water this little fellow wasn't going to make it. So RP did what most people wouldn't, he hopped off his bike, ran down and fished the seagull out, took him to the boathouse near by and free the bird from the lure. He did a good thing, even though he doesn't like seagulls.

This made me think of a time that I hopped into a fountain to rescue a pigeon that I didn't want to see drown. Like RPs dislike of seagulls, I detest pigeons. I mean "pig" is right there at the start of their name. So why don't I like pigeons? Well I didn't always have the desk job I have now. I worked with my Dad for many wonderful years. However the jobs weren't always wonderful.

On one rainy cold night we got a call from a client, a bank that isn't around anymore, anyhow in one of their loan offices there was a mess to clean up and patch. You see the building had a flat roof. The pigeons had found a way between the roof and the ceiling. Well with the rain, there were lots of pigeons in that nest. Lots of pigeons equals lots of pigeons poop! Well with all the water from the rain and the mess that the unfortunately this pigeon bomb, made the the ceiling collapse right on to a loan officers desk. Our job was to clean it up and to patch the ceiling and to patch the roof in the rain. The pouring freezing rain. So of course I think, strike that I know that pigeons are rats with wings.

So you could see why I don't like pigeons, and I'd imagine that RP has a story like it.  So why did RP save that seagull and why did I save that pigeon. Well respect for life. That's something worth respecting.

Happy Life