I'm going to start by warning you that this post is a rant. A rant that I'm sure most Technology Workers have from time to time. A minimum of once a month I meet someone new outside of work and my family. After some chitchat about the weather or whatever we have in common that brought us to whatever event we are at to keep the conversation going they always ask "That" question, you know which one. "So what do you do for a living?". I hate this question.

There are two very good reasons why I hate this question. First, what I do for a living doesn't really tell you what type of person I am. If you'd truly like to learn who I am and what I'm about, ask me about my family or my hobbies. Ask me what I'm passionate about. These subjects are something I can speak volumes on with such enthusiasm we'd talk for hours. I'd be delighted to tell you what the Little Boy did yesterday. I'd love to tell about my Beautiful Wife, and how we meet, and how wonderful she is to me. Heck, I'll even be happy to talk with you about film verses digital photography and the merits of both.

My second reason, most people have no idea what I do. I'm not trying to be mean or condescending. It just from personal experience I know people who don't work in IT (Information Technology) have no idea what I do. They'll ask me what I do for a living and I say "I'm a Sr. Web Developer." And their eyes glaze over while their brain tries to connect any synapse to any other connection to the words "Web" and "Job". The most common reply is; 'my nephew just built a website, I should send you the link, you'll love it! It's got blinking banners and a cute little bunny picture, it's great!". Honestly this has happened at least a dozens of times. So in a futile attempt I try to clarify by telling them that what I write is Online Banking software. Again, the glazed over look, and then they tell me, "You know I have trouble logging in to my Online Banking, why do you think that is?" By this point I just simply shrug my shoulders and say, I have no idea and change the subject.

I'm sure by now everyone has seen an Apple iPhone. The iPhone's true genius lies in its user interface. The ability to scroll through lists with a swipe of your finger or to resize an image by putting two fingers on the screen and moving them apart is both brilliant and intuitive. This kind of innovation is what is needed for consumer electronics. I’ve had several PDAs including an iPaq with a full size keyboard attachment, yet I was never completely comfortable with it as a single source for all my needs. Most of the time I  carried a laptop around with me too. There always seemed to be this lack of understanding between me and the device on how we should communicate. Being left handed the handwriting recognition and I never saw eye to eye. The stylus was another point of contention. Poking at the device with an object smaller than a crochet hook just didn’t seem like a good way to interact with it, let alone try to put in anything more than a couple of words.

The Wii, and more specifically the Wiimote has shown that consumer electronics that are easy to use will rule the market. Let’s face it for the last two holiday seasons in a row people have lined up to purchase a Wii. There are a plethora of articles about the elderly using and loving the Wii. This is because Nintendo understood that changing how we interacted with the games was more important than having the most realistic graphic engine. I’ve played both the Xbox 360 and the Playstation 3, and they are amazing. The graphics are crystal clear and photorealistic. However they just aren’t nearly as much fun as the Wii. The Wii is just plain fun and anyone of any age group can play it. Again the Wiimote is the reason for this.

The Wiimote is a simple controller built on great technology. It connects to the Wii via Bluetooth technology. The way the Wiimote tracks your movements is done by a infrared camera in the remote, and the Wii sensor bar has infrared LEDs in it which the camera can see. Using these common technologies allow the Wiimote to be used for other uses. That is something that Johnny Lee has done and has done well. He recently gave a TED Talk in Monterey California. If you watch this video until the end you'll notice he gets a well deserved standing ovation.

If you haven’t heard of Johnny Lee he is a research scientist at Carnregie Melon University. Instead of using hyper-expensive hardware that most people won’t have a shot at even seeing he uses the Wiimote to do some amazing things with user interfaces. Being a person that wants to share these technologies he’s put the software that he’s written up on his website. What I really appreciate about his work is that he’s made it freely available, but also decided to use tools that are freely available to almost anyone with a computer and an internet connection.

I feel these kind of innovations are vital and I applaud Johnny Lee and his work. The great thing about these technologies is that you can get your hands on it right now. If you have a Wii, you can start playing with the software with just five dollars worth of parts from Radioshack. You can even buy the IR LEDs and the Safety Glasses with LEDs for under 20 bucks.

After my last post, my Beautiful Wife and I were talking and she suggested that I write a follow up post about all the food that have wheat and wheat gluten in them that you wouldn't suspect. We've found these foods after trial and error. Now that I've been living without wheat or gluten in my regular diet, I find that I can taste wheat immediately in almost anything that actually has it. This has been as valuable as being able to read the labels. There is still somefoods out there that don't correctly list all the ingredients. However most are doing a really good job of it. Hopefully this quickly list will help you as in learning to live gluten free.

Candy
Unfortunately I have a sweet tooth a mile wide. So finding which sweets you can't eat is as important as the ones you can. As with all food, you'll learn that you have to read the package, even if you think it's safe.

• Red Vines: Wheat is it's main ingredient. I loved Red Vines, so this one was hard for me to give up.
• Twix: Twix has a cookie center, wheat...sorry
• KitKat: KitKat is just like Twix

Snacks

• CornNuts: CornNuts, as will most snack foods of this type use wheat as an agent for making the artificial flavoring stick to the snack. The last time I looked original CornNuts were okay, but any of the flavored ones, watch out for.
• Doritos Nacho Cheese Chips: Like the CornNuts, Doritos use wheat as an agent for making the artificial flavoring adhere to the chip.

Condiments

• Soy Sauce: Wheat is the second ingredient in Soy Sauce, water is the first. So as much as we may love it, we have to avoid soy sauce or using very sparingly.
• Hollandaise Sauce: While the original recipe for hollandaise is butter, lemon juice and egg yolks most chain restaurants use a prepackaged hollandaise sauce that they just heat up. Of course this prepackaged sauce uses wheat.

Like a growing number of people, I have an intolerance to wheat gluten. I've had this for the last 10 years, and it definitely makes meal times a little harder. My intolerance to Gluten is due to celiac disease. While I don't have the most severe case of celiac disease, it definitely has several negative affects on me. So I work very hard to avoid wheat gluten whenever possible, and believe me it's a lot of work. You'd be amazed how many foods use wheat gluten as a thickening agent (almost every brand and favor of soup) or just to add texture and crispyness (is that a word?).

So What is Gluten? ¹Gluten is a composite of the proteins gliadin and glutenin. These exist, conjoined with starch, in the endosperms of some grass-related grains, notably wheat, rye, and barley. Gliadin and glutenin comprise about 80% of the protein contained in wheat seed. Basically Gluten is a protein that cause a person with celiac disease not to be able to properly digest and absorb nutrients from their food. The side effect of that for me is severe fatigue.

My challenge is to find things I can eat that don't have wheat, or wheat gluten in them. So the obvious quick meal choices are out, sandwiches, pizza and any kind of bread product. But there are food that have wheat gluten in them that you wouldn't think of. For example French fries are out of the question at the majority of restuarants, however  I can eat the ones at In-N-Out.

Below is a short list in no particular order of fast food restaurants in my area. Some of them have many gluten free choices, and some have none at all.

In-N-Out: In-N-Out is simply the best because basically you can get any burger "Protein Style" Which means they wrap it in lettuce instead of serving it on a bun. Protein Style is listed in their "Secret Menu" Also their french fries are made fresh from potatoes that were wash peeled and cooked minutes before they are served to you. They simply have the freshest food of all the fast food chains in my area.

Wendy's: First off, bravo to Wendy's for having menu items without gluten listed on their website. Not all of the bigger chains do that. Basically all of their hamburgers can be order without a bun. All of their salads that have curtons on the side so you don't have to try and pick them out. Their baked potatoes and chili is gluten free.

Taco Bell: According to Taco Bell's Allergen chart there are only three things on menu that are gluten free.

Side of Rice

Side of Pinto Beans and Cheese

Tostada

Panda Express:  Panda Express' site is very to the point on their FAQ/Contact page , the question is "Which of your menu items are gluten free?" the answer "None of our food is gluten free".  I actually just found this out today doing research for this blog post, and man was I surprised!

McDonald's: I personally don't eat at McDonald's. However I did look at their site to see if they posted an allergen chart. Which they do but they don't. They've mixed the allergen information with the "ingredient" list of their food. Basically they've made it hard to find which items do and don't have gluten in them. With other fast food chains being so forth coming with this information McDonald's hiding it in such a way that they can technically say it's on their website, makes them seem a little shady to me.

Subway: Subway does actually have a few items on their menu that are gluten free. It took a little looking but they do have a allergen chart on their website. Of their 16 salads listed on their menu, 13 are gluten free, 3 are not. Here are the 13 that are gluten free.

• Chicken & Bacon Ranch (includes cheese)
• Cold Cut Combo
• Ham (Black Forest)
• Italian BMT®
• Roast Beef
• Roasted Chicken Breast
• Tuna
• Turkey Breast
• Turkey Breast & Ham
• Spicy Italian
• Subway Club®
• Subway Club®
• Veggie Delite®

Jack in the Box: Like McDonald's Jack and the Box does List the Allergens with the Ingredients of each item, however they did do a little better job of highlighting which items have which allergens. That being said I didn't find any entree that was gluten free.

Carls Jr: It took a little digging around on their site to find the Allergen chart, but they do have a pretty good one. That's the good news. The bad news is that there are really only two items on the menu to eat.

• Lo-Cal Six Dollar Burger
• French Fries (maybe)

I hope you've found this helpful in your search for gluten free fast food.

Bon Appétit

^{1. Quoted from Wikipeda http://en.wikipedia.org/wiki/Gluten}

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