<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5973674194796766880</id><updated>2011-11-27T16:00:07.673-08:00</updated><category term='Semantic Web'/><category term='website localization'/><category term='blogger'/><category term='John Markoff'/><category term='research'/><category term='Web 2.0'/><category term='wordpress'/><category term='Web 3.0'/><category term='Tim O&apos;Reilly'/><title type='text'>Fresh Airwave</title><subtitle type='html'>Notes from a student of online communications.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>26</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-801720407353000286</id><published>2010-12-04T12:39:00.000-08:00</published><updated>2010-12-04T13:03:07.042-08:00</updated><title type='text'>Hotels.com localization for Asia</title><content type='html'>As I have mentioned in previous posts, I am conducting research on the localization of corporate websites for Asia. I found an interesting article recently related to this topic: &lt;a href="http://www.webintravel.com/news/hotelscom-bets-on-scale-and-localisation_1189"&gt;Hotels.com bets on scale and localisation&lt;/a&gt;. The article caught my eye because I lived in Asia (Singapore) for 3+ years starting in 2002 during which I always used Hotels.com to book my travel reservations. I was surprised to see this article touting Hotels.com as an emerging popular resource for travel in Asia. I thought it was popular already! What are they doing differently from when I last used the website?&lt;br /&gt;&lt;br /&gt;Well, it turns out that Hotels.com is beginning to hone in on a very specific localization strategy. Their new motto, according to the article, is "to become more local than the locals." And they are certainly getting there. Listed below are some of the localization tactics they are starting to employ.&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Their websites are translated into several different languages with localized regional content.&lt;/li&gt; &lt;li&gt;They are starting to encourage bookings in Asia via smartphones. Internet connections within different parts of Asia are surprisingly slow. Smartphones circumvent this problem. Many people in Asia are starting to perform functions on smartphones that they would not bother with on their computers, and Hotels.com is taking advantage of this opportunity to reach a wider customer base.&lt;/li&gt; &lt;li&gt;They are starting to market to corporate travelers with a view toward smaller Asian businesses trying to get by in harsh economic times.&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;As the article acknowledges, Asia is picking itself up out of the recent global economic slump. Corporate travel is on the rise, and the leisure travel market is growing. In order to take advantage of this market, Hotels.com will have to pay close attention to areas where it is to their advantage to employ further localization strategies. Personally, I would suggest they look to their social media pages. For example, the &lt;a href="http://www.facebook.com/#%21/hotelsdotcom"&gt;Hotels.com Facebook&lt;/a&gt; could start compiling their separate regional fan pages into one using the new Facebook location feature. &lt;a href="http://adage.com/digital/article?article_id=143742"&gt;McDonald's has gained considerable attention from employing such a strategy&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;In the meantime, the Hotels.com website is much improved from when I last used it in Asia. There are clearly localization efforts taking place and I look forward to checking back to see what changes they make.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;Click on the image to check out the Hotels.com website.&lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.hotels.com/"&gt;&lt;img style="cursor: pointer; width: 320px; height: 224px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/TPqnZ0hx9jI/AAAAAAAAAL0/B1J70WgX6E4/s320/01.gif" alt="" id="BLOGGER_PHOTO_ID_5546929953099085362" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Cross-posted at &lt;a href="https://blogs.njit.edu/lr32/2010/12/04/hotelscom-localization-for-asia/"&gt;More than Manuals&lt;/a&gt;. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-801720407353000286?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/801720407353000286/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2010/12/hotelscom-localization-for-asia.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/801720407353000286'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/801720407353000286'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2010/12/hotelscom-localization-for-asia.html' title='Hotels.com localization for Asia'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_HdP_e5245qI/TPqnZ0hx9jI/AAAAAAAAAL0/B1J70WgX6E4/s72-c/01.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-8632478247772491062</id><published>2010-11-28T12:20:00.000-08:00</published><updated>2010-11-28T12:29:35.811-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='research'/><category scheme='http://www.blogger.com/atom/ns#' term='website localization'/><title type='text'>Corporate web localization blogging. Let's talk it up!</title><content type='html'>&lt;p align="left"&gt;As someone who works with websites for a sizable organization, I often look to blogs for unbiased advice about best practices regarding corprorate websites. Corporate website  localization is such a multi-faceted topic with potential for great discussion. I hope the future  promises further expression of opinion and discovery related to this topic by web design and development bloggers. A recent search I performed on the topic came up relatively empty. I describe the results of my search below.&lt;/p&gt;&lt;br /&gt;I recently tried to perform a Google search for "corporate web localization." I found pages upon pages of search results for companies selling website localization services. In between, I found a few research pieces written on the topic. In comparison to other searches I have done while researching corporate websites, I found this very strange. Searching "corporate websites" alone will get you a ton of blogs listing corporate websites with "the best" designs, information architecture structures, online commerce strategies, and more. Why don't bloggers appear too keen on talking about best practices in corporate website localization?&lt;br /&gt;&lt;br /&gt;Upon further searching, I found a small handful of bloggers addressing this topic. There are a few that stood out to me. In bold below, I list my reactions to these blogs/bloggers followed by a brief explanation.&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;strong&gt;Hold up!&lt;/strong&gt; This Malalysian website design firm appears to be a reputable source of information. In their blog, they write about many of their design projects to showcase their expertise. Their article on &lt;a href="http://jobberies.com/gosee-design/globalization-vs-localization-website-design/"&gt;Globalization vs. Localization Website Design&lt;/a&gt; really caught my eye. In it, they define globalization as what I know to be standard Western (US/Europe) best practices in website design. I was inclined to totally disagree with their definition, until I wondered what they meant by it. As Asian designers themselves, do they get the impression that the generic global standard for web design should be something as close as possible to what &lt;a href="http://www.useit.com/"&gt;Jacob Nielsen&lt;/a&gt; might recommend? Although their definition of localization does closely align with mine, I think their post brings up many debatable, unanswered questions - all great sparks for further conversation.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;strong&gt;But there's so much more! &lt;/strong&gt;Smashing Magazine is a web design and development blog based out of Germany that I often look to for advice regarding all things related to websites. Suprisingly, their blog revealed a dearth of information on website localization. There were a few posts peripherally connected to the topic. These focused on &lt;a href="http://www.smashingmagazine.com/2010/06/28/50-powerful-time-savers-for-web-designers/"&gt;managing string translations in a CMS&lt;/a&gt;, &lt;a href="http://www.smashingmagazine.com/2008/11/13/15-useful-project-management-tools/"&gt;project management strategies&lt;/a&gt;, and the blog's &lt;a href="http://www.smashingmagazine.com/2010/07/16/an-interview-with-some-smashing-authors/"&gt;multi-cultural writing staff&lt;/a&gt;. I know the staff at Smashing Magazine has a lot more to offer from this topic given their multi-cultural backgrounds.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;strong&gt;That's definitely a good start. &lt;/strong&gt;Abduzeedo is a great blog focused on web and graphic design started by Brazilian web designer, Fabio Sasso. Their post, &lt;a href="http://abduzeedo.com/web-localisation-important-why-and-how"&gt;Web Localisation is Important... buy Why and How?&lt;/a&gt;, introduces a good overview of key considerations for website localization. And yet, more detail is needed.&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;My overall reaction to my quick search is that web design and development bloggers need to step up and educate themselves about best practices in corporate website localizations. There appears to be a lack of confidence and expertise among these bloggers on this topic. As these bloggers lead the charge in all other issues concerning website design and development, from typography concerns to best practices with CSS, I challenge them further to lead the charge in conversations concerning website localization. Many could benefit from a healthy debate on corporate website localization.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Cross posted at &lt;/span&gt;&lt;a style="font-style: italic;" href="https://blogs.njit.edu/lr32/2010/11/28/corporate-web-localization-blogging-lets-talk-it-up/"&gt;More than Manuals&lt;/a&gt;&lt;span style="font-style: italic;"&gt;. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-8632478247772491062?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/8632478247772491062/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2010/11/corporate-web-localization-blogging.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/8632478247772491062'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/8632478247772491062'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2010/11/corporate-web-localization-blogging.html' title='Corporate web localization blogging. Let&apos;s talk it up!'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-7950461565420353420</id><published>2010-11-28T12:05:00.000-08:00</published><updated>2010-11-28T12:18:37.696-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='research'/><category scheme='http://www.blogger.com/atom/ns#' term='website localization'/><title type='text'>The importance of thinking ahead in corporate website localization</title><content type='html'>&lt;p&gt;In my previous post I wrote about a conference I was planning to  attend on the localization of business communications for global  markets. It was a great conference with some interesting speakers from a  wide range of fields - technical writing, medical writing, web design,  and more. I took away quite few tips.&lt;/p&gt; &lt;p&gt;One lesson I found particularly important was how having a global  mindset at the start of any project can avoid "language afterthought  syndrome," Gilbane runs a superb &lt;a href="http://gilbane.com/blog/"&gt;blog&lt;/a&gt;  where they discuss this issue, among others, in depth. Language  afterthought syndrome occurs when thoughts on translation enter a  project's scope late in the game. If you haven't thought about  translation early on, customizing any type of documentation for global  markets post-production can be very labor-intensive and costly.&lt;/p&gt; &lt;p&gt;With websites, I believe that there is a lot of time and money to be  saved in the assumption that your corporate website may eventually  require translation and localization. There are many issues to consider,  but I would suggest starting with the following:&lt;/p&gt; &lt;ul&gt;&lt;li&gt;Avoiding colloquialisms in web copy will help to avoid confused translators (or worse - incorrect translations).&lt;/li&gt;&lt;li&gt;Lightening the load of content on your home page could speed up load  times for the various regions of the world with slower internet  connections.&lt;/li&gt;&lt;li&gt;Choosing globally neutral graphics could help to lessen the extent to which you need to customize your visuals by region.&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-style: italic;"&gt;&lt;br /&gt;Cross posted at &lt;a href="https://blogs.njit.edu/lr32/2010/11/21/the-importance-of-thinking-ahead-in-corporate-website-localization/"&gt;More than Manuals&lt;/a&gt;. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-7950461565420353420?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/7950461565420353420/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2010/11/importance-of-thinking-ahead-in.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/7950461565420353420'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/7950461565420353420'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2010/11/importance-of-thinking-ahead-in.html' title='The importance of thinking ahead in corporate website localization'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-520193701400628220</id><published>2010-11-28T12:02:00.000-08:00</published><updated>2010-11-28T12:05:37.319-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='research'/><category scheme='http://www.blogger.com/atom/ns#' term='website localization'/><title type='text'>Connecting the dots in research</title><content type='html'>&lt;p&gt;One of the most rewarding parts of research is connecting the dots. I  have just embarked on a rather large-scale research project. I plan to  extrapolate from existing research a set of guidelines for the  localization of corporate websites on a global scale. From a web  usability standpoint, international corporations should take into  account the web usability concerns of the individual regions for which  they plan to localize their websites. From a technical communication  theory perspective this is also true - the experts (the corporation  itself) should work to address the non-experts/audience (regions for  which the website is localized) appropriately. I believe there is a  great deal of truth in both of these statements. I am currently  gathering facts to back up my convictions.&lt;/p&gt; &lt;p&gt;Next week I will be attending a conference focused on localizing  corporate web presences for the international market. I'm hoping it will  help me to make more connections. Perhaps it will provide me with  further information with which to enrich my research. I think this is a  relevant issue because many big businesses think a cookie-cutter  translation of their original website is sufficient for presentation to a  global market.&lt;/p&gt; &lt;p&gt;Here is an interesting article I found that closely aligns with my point of view:  &lt;a href="http://research.microsoft.com/en-us/um/people/marycz/hfweb98/barber"&gt;http://research.microsoft.com/en-us/um/people/marycz/hfweb98/barber&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-style: italic;"&gt;Cross posted at &lt;a href="https://blogs.njit.edu/lr32/2010/10/27/connecting-the-dots-in-research/"&gt;More than Manuals&lt;/a&gt;. &lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;span style="text-decoration: underline;"&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-520193701400628220?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/520193701400628220/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2010/11/connecting-dots-in-research.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/520193701400628220'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/520193701400628220'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2010/11/connecting-dots-in-research.html' title='Connecting the dots in research'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-6963317797439337415</id><published>2010-09-16T17:10:00.000-07:00</published><updated>2010-11-28T12:24:17.659-08:00</updated><title type='text'>Post structuralism and web usability</title><content type='html'>&lt;p&gt;I am looking forward to learning about communication theory this  fall. I plan to blog about topics relevant and interesting to me in this  field.&lt;/p&gt; &lt;p&gt;To start the semester, my classmates and I recently read through a large historical overview of communication theory by &lt;a href="http://www.londonmet.ac.uk/depts/dass/staff/paul-cobley/paul-cobley_home.cfm"&gt;Dr. Paul Cobley&lt;/a&gt;.  One concept that sparked my curiosity was the idea of  post-structuralism in linguistics. Post-structuralism is a school of  thought that developed in contrast to a concept called structuralism.  Structuralism traces its roots back to the linguist, Ferdinand de  Saussure, and it focused on the idea that there was no  real link  between a linguistic sign and the idea it was designated to  express.  Saussure concluded that language was a collective, yet  arbitrarily  chosen, way to communicate socially. Post-structuralism came out of a  school of thought influenced by scholars such as the linguist  Benveniste, the psychoanalyst Jaques Lacan, and  philosopher Jaques  Derrida. Unlike Saussure, these scholars claim the  link between a  linguistic sign and the idea it expresses is not  arbitrary but in fact  very deliberate.&lt;/p&gt; &lt;p&gt;Although this may be a stretch, I am now interested in looking at web  usability in terms of post-structural principles. To be specific, I  think that many international websites are designed from a structuralist  perspective. These sites - e.g., &lt;a href="http://www.facebook.com/"&gt;Facebook&lt;/a&gt;  - are cookie-cutter versions of one another with translated text. The  designers of these sites communicate a structuralist disposition in that  they seem to be saying that the site’s appearance is an arbitrary  preference of the design team and has no bearing on the ideas it is  meant to express. Expression is accomplished exclusively through text.  Better web usability at an international level can only be achieved with  a post-structural outlook. A good example of this is the &lt;a href="http://www.citroen.com/"&gt;Citroen&lt;/a&gt;  site. I believe web designers who realize that a site’s appearance (and  not just its text) can be used to communicate will succeed big-time.  Using deliberately different design (subtle or otherwise) to accommodate  various cultural preferences is a necessary step toward greater  international web usability.&lt;/p&gt;&lt;p&gt;&lt;span style="font-style: italic;"&gt;Cross-posted at &lt;a href="https://blogs.njit.edu/lr32/2010/09/12/post-structuralism-and-web-usability/"&gt;More than Manuals&lt;/a&gt;. &lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-6963317797439337415?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/6963317797439337415/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2010/09/post-structuralism-and-web-usability.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6963317797439337415'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6963317797439337415'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2010/09/post-structuralism-and-web-usability.html' title='Post structuralism and web usability'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-4671878000535720586</id><published>2010-08-30T16:47:00.000-07:00</published><updated>2010-08-30T17:33:09.360-07:00</updated><title type='text'>Back in action!</title><content type='html'>I let this blog go all summer long, and I'm not proud of that. In fact, I feel as if I stopped mid-sentence, not having shown my updated, now-not-so-ugly, &lt;a href="http://web.njit.edu/%7Elr32/index.html"&gt;portfolio&lt;/a&gt;. Someone needs to invent an unpublish my blog button for down time. Blogs on hold are sad. But this blog is no longer on hold. I am back in action, ready for the adventures in academia once more. Fall semester 2010, here I come!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-4671878000535720586?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/4671878000535720586/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2010/08/back-in-action.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/4671878000535720586'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/4671878000535720586'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2010/08/back-in-action.html' title='Back in action!'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-3576395270653494787</id><published>2010-03-13T21:14:00.000-08:00</published><updated>2010-03-13T21:38:19.005-08:00</updated><title type='text'>Updating my ugly portfolio: Icons</title><content type='html'>Here are some icons I recently created to add to my portfolio. My program requires students to demonstrate their abilities through the following core competencies. It's a lot to design for, and I'm not sure I made the right decision in "designing" these. A few are a little abstract. I tried to carry over the dot theme and a few graphic elements from my banner (see previous post). Feedback appreciated.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/S5xxaIv4kOI/AAAAAAAAAKk/BUv58U24A3Q/s1600-h/portfolioiconset.jpg"&gt;&lt;img style="cursor: pointer; width: 400px; height: 289px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/S5xxaIv4kOI/AAAAAAAAAKk/BUv58U24A3Q/s400/portfolioiconset.jpg" alt="" id="BLOGGER_PHOTO_ID_5448354343050318050" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-3576395270653494787?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/3576395270653494787/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2010/03/updating-my-ugly-portfolio-icons.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/3576395270653494787'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/3576395270653494787'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2010/03/updating-my-ugly-portfolio-icons.html' title='Updating my ugly portfolio: Icons'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_HdP_e5245qI/S5xxaIv4kOI/AAAAAAAAAKk/BUv58U24A3Q/s72-c/portfolioiconset.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-8627948782868981549</id><published>2010-01-31T12:10:00.000-08:00</published><updated>2010-01-31T12:49:59.796-08:00</updated><title type='text'>Updating my ugly portfolio: Banner and Palette</title><content type='html'>In an effort to hold myself accountable for updating my hideous online portfolio (I'm not providing a url because it is really that embarrassing.), I plan to post updates on my progress to this blog. First items on the list: a new banner and color palette.&lt;br /&gt;&lt;strong&gt;&lt;u&gt;&lt;br /&gt;Banner&lt;/u&gt;&lt;/strong&gt; (designed in Photoshop)&lt;br /&gt;&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_HdP_e5245qI/S2XlNvE7FVI/AAAAAAAAAKM/z97pXAUl4Cg/s1600-h/PORTFOLIO+BANNER.jpg"&gt;&lt;img style="cursor: pointer; width: 400px; height: 100px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/S2XlNvE7FVI/AAAAAAAAAKM/z97pXAUl4Cg/s400/PORTFOLIO+BANNER.jpg" alt="" id="BLOGGER_PHOTO_ID_5433000549630547282" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;strong&gt;Fonts:&lt;/strong&gt; ABC Pipe Font by &lt;a href="http://www.dafont.com/abc-pipe.font"&gt;Inoue Yoshikazu&lt;/a&gt;; Calibri&lt;br /&gt;&lt;strong&gt;Brushes:&lt;/strong&gt; Vector Stalks by &lt;a href="http://myphotoshopbrushes.com/brushes/id/36"&gt;melemel&lt;/a&gt;; Rising Sun by &lt;a href="http://qbrushes.net/objects/risingsun-brushes/"&gt;JavierZhX&lt;/a&gt;&lt;br /&gt;&lt;strong&gt;Concept: &lt;/strong&gt;I often use &lt;em&gt;iamrodan&lt;/em&gt; as a screen name and I think it is catchier than using my  first and last name. I will include an introductory sentence with my full name  on my site’s homepage. I decreased the opacity of the brushes to make the text  stand out. The green dots in the pipe text are meant to tie “through” to the  sentence on the right, which formulates at the pipe’s opening. &lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;&lt;strong&gt;&lt;u&gt;&lt;br /&gt;Palette&lt;/u&gt;&lt;/strong&gt; (designed in COLOURlovers, viewable &lt;a href="http://www.colourlovers.com/palette/1091894/This_better_be_good."&gt;here&lt;/a&gt;)&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/S2XshamZrgI/AAAAAAAAAKc/LWuis4mtV6w/s1600-h/PTC+606+Assignment+1_01+Jan.+31+15.33.gif"&gt;&lt;img style="cursor: pointer; width: 301px; height: 85px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/S2XshamZrgI/AAAAAAAAAKc/LWuis4mtV6w/s400/PTC+606+Assignment+1_01+Jan.+31+15.33.gif" alt="" id="BLOGGER_PHOTO_ID_5433008584312598018" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;This  palette (with the exception of the black and white) was created in  COLOURlovers. I was aiming for a color combination reminiscent of a Microsoft  Word Document yet edgier (hence the hot pink and lime green). With it, I plan  to create a cleaner look for my site, using lots more white. Any and all feedback much appreciated.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-8627948782868981549?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/8627948782868981549/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2010/01/updating-my-ugly-portfolio-banner-and.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/8627948782868981549'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/8627948782868981549'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2010/01/updating-my-ugly-portfolio-banner-and.html' title='Updating my ugly portfolio: Banner and Palette'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_HdP_e5245qI/S2XlNvE7FVI/AAAAAAAAAKM/z97pXAUl4Cg/s72-c/PORTFOLIO+BANNER.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-6636499122447695140</id><published>2009-12-11T11:50:00.000-08:00</published><updated>2009-12-12T11:42:34.670-08:00</updated><title type='text'>A few thoughts on blogging</title><content type='html'>I've been doing a lot of thinking about what makes a good blog, consciously trying to improve my own blogging skills. Here are some of the ideas I've been pondering.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;Storytelling vs. Saying Something&lt;/span&gt;&lt;br /&gt;I read a fair amount of blogs regularly, from humor blogs to web design. Some of my favorites include &lt;a href="http://luckybeans.typepad.com/my_weblog/"&gt;Luckybeans&lt;/a&gt;, &lt;a href="http://www.dooce.com/"&gt;Dooce&lt;/a&gt;, &lt;a href="http://www.smashingmagazine.com/"&gt;Smashing &lt;/a&gt;&lt;a href="http://www.smashingmagazine.com/"&gt;Magazine&lt;/a&gt;, and &lt;a href="http://www.colourlovers.com/blog"&gt;COLOURlovers&lt;/a&gt;. It always amazes me to see how effortless the writers of these blogs make it look to create captivating, colorful posts. I read these blogs regularly because I know they always have a story to tell. On my good days as a blogger, I feel I have stories to tell. Other days, I simply feel pressured to say something. This dichotomy is something I've struggled with since starting this blog a few months ago. I used to think this made me a bad blogger, but I've changed my mind since. I'm sure every blogger is faced with this dilemma. The good ones are simply more conscious of the fact that they have an audience that expects a decent story. Now, I try to keep this thought in mind with each blog post I write.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;Breaking up Information and Making it Meaningful&lt;/span&gt;&lt;br /&gt;Consciously having a story to tell is one aspect of good blogging, but there's so much more to it than that. A good blogger presents their ideas thoughtfully. When I started writing this blog, I wrote some very long-winded posts. Graphics and links I provided often did not assist the reader's understanding of the post - they were very haphazardly placed. &lt;a href="http://freshairwave.blogspot.com/2009/10/two-genuinely-terrific-corporate-blogs.html"&gt;For an example, here is a relentlessly long post I wrote on corporate blogging.&lt;/a&gt; You will notice that graphics and links seem to be there almost solely for the sake of having graphics and links.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic; font-weight: bold;font-size:85%;" &gt;Before: &lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://freshairwave.blogspot.com/2009/10/two-genuinely-terrific-corporate-blogs.html"&gt;&lt;img style="cursor: pointer; width: 90px; height: 200px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/SyPj_zgMarI/AAAAAAAAAJk/eOJ5IT8gptI/s200/ScreenHunter_01+Dec.+12+13.40.gif" alt="" id="BLOGGER_PHOTO_ID_5414421862325971634" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;I soon came to the conclusion that the blogs I liked best did not look mine. I noticed that when those bloggers wrote long posts, they tended to break their ideas into chunks. Sometimes they did this with headers, graphics, or formatting (bold, ital, etc.). As I became aware of this, I adapted the practice for my own blogging. I think I am improving at it. &lt;a href="http://freshairwave.blogspot.com/2009/12/project-defero-part-ii-building-social.html"&gt;For an example, see the following post I wrote about a social media strategy I was contracted to develop.&lt;/a&gt; In this post, I tried to chunk information under headings. I broke up text with graphics and a video. I only put links where I thought they would enhance a reader's understanding of my writing.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-style: italic;"&gt;&lt;span style="font-weight: bold;"&gt;After:&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://freshairwave.blogspot.com/2009/12/project-defero-part-ii-building-social.html"&gt;&lt;img style="cursor: pointer; width: 75px; height: 200px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SyPkFlxblmI/AAAAAAAAAJs/h-6I1IAsT9U/s200/ScreenHunter_02+Dec.+12+13.41.gif" alt="" id="BLOGGER_PHOTO_ID_5414421961719387746" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;&lt;br /&gt;Designing for Usability&lt;/span&gt;&lt;br /&gt;I've overhauled this blog's design twice since I started it. Here are two posts I wrote talking about each of those revamps.&lt;ol&gt;&lt;li&gt;&lt;a href="http://freshairwave.blogspot.com/2009/10/tweaking-blogger-templates.html"&gt;Tweaking Blogger Templates&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://freshairwave.blogspot.com/2009/11/blog-redesign-2.html"&gt;Tweaking Blogger Templates, Again!&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;So far, I've toyed around with color, the width of different page elements, and a banner. But I feel far from finished. I haven't really put much thought into a blog redesign from a usability standpoint. For instance, I feel that I should find the code (I know it is out there) to cut my long posts so that interested readers can click a link to "read more." Like this:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SyPvTDdRy4I/AAAAAAAAAJ0/bkjEVMJKCSI/s1600-h/ScreenHunter_04+Dec.+12+14.26.gif"&gt;&lt;img style="cursor: pointer; width: 200px; height: 90px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SyPvTDdRy4I/AAAAAAAAAJ0/bkjEVMJKCSI/s200/ScreenHunter_04+Dec.+12+14.26.gif" alt="" id="BLOGGER_PHOTO_ID_5414434287654128514" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;I would also like to move my comments to the top of each blog next to my title. I think this makes commenting options more obvious and inviting to readers. For instance, I really like how &lt;a href="http://www.webdesignerdepot.com/"&gt;Webdesigner Depot&lt;/a&gt; clearly displays the number of comments at the top of each post.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SyPvaH-gQbI/AAAAAAAAAJ8/j2mq2CR2fHA/s1600-h/ScreenHunter_03+Dec.+12+14.25.gif"&gt;&lt;img style="cursor: pointer; width: 200px; height: 42px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SyPvaH-gQbI/AAAAAAAAAJ8/j2mq2CR2fHA/s200/ScreenHunter_03+Dec.+12+14.25.gif" alt="" id="BLOGGER_PHOTO_ID_5414434409126314418" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Again, these are just some of the ways I have been looking to improve myself as a blogger and some of the plans I have for this blog's future. I know this blog is only worth the time I put into it, and I hope that a few months down the line I'll have a few more ideas for improvements.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-6636499122447695140?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/6636499122447695140/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/12/few-thoughts-on-blogging.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6636499122447695140'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6636499122447695140'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/12/few-thoughts-on-blogging.html' title='A few thoughts on blogging'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_HdP_e5245qI/SyPj_zgMarI/AAAAAAAAAJk/eOJ5IT8gptI/s72-c/ScreenHunter_01+Dec.+12+13.40.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-5700859892066679126</id><published>2009-12-06T11:49:00.000-08:00</published><updated>2009-12-11T16:37:35.107-08:00</updated><title type='text'>Project defero, Part II: building a social media strategy</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://projectdefero.wordpress.com/"&gt;&lt;img style="cursor: pointer; width: 200px; height: 78px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SyLdMYyttNI/AAAAAAAAAIU/IUXk8CGez4A/s200/blog+header.jpg" alt="" id="BLOGGER_PHOTO_ID_5414132906936087762" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;In a &lt;a href="http://freshairwave.blogspot.com/2009/12/project-defero-part-i-presentation-tool.html"&gt;previous post&lt;/a&gt;, I mentioned the social media strategy I was working to build for defero, a communications firm looking to move from traditional media to new media. Without further ado, here is &lt;a href="http://projectdefero.wordpress.com/"&gt;Project defer&lt;/a&gt;&lt;a href="http://projectdefero.wordpress.com/"&gt;o&lt;/a&gt;! In this post, I would like to talk about the social media strategy I have constructed.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;I built &lt;a href="http://projectdefero.wordpress.com/"&gt;Project defero&lt;/a&gt; as a teach&lt;/span&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;ing tool.&lt;/span&gt;&lt;br /&gt;Through experience, I've learned that you cannot force a creative process on anyone. Companies launching themselves into social media are essentially re-creating their images, identities, and reputations. All of these things are very dear to them, and anyone working in the capacity of a consultant should recognize this. In my proposal, I was very careful not to force particular ideas on defero. Instead, I aimed to empower them, as experts in their field, through education by example and suggestion. Companies do not launch themselves into social media overnight, and those that do tend to fail miserably. Knowing this, I proposed that defero and I meet for four working sessions which would serve as a way to teach their staff how to identify, form, and pursue their own goals related to new media.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;It was a challenge to show large quantities of information by example. &lt;/span&gt;&lt;br /&gt;I employed a couple of strategies to do this to the best of my ability.&lt;br /&gt;&lt;ul&gt;&lt;li&gt;I used &lt;a href="http://delicious.com/"&gt;delicious&lt;/a&gt;, a social bookmarking tool, to track links of interesting articles, videos, and more that the defero team would find practical and meaningful. I tagged all of these articles "project defero." I have displayed them on my proposal site using a Wordpress widget to make them appear as a streaming list. I like this list because it gives defero staff immediate accessibility to my links without their having to sign into delicious. &lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SyLbo25_-NI/AAAAAAAAAIM/fmXoJzaEzFY/s1600-h/ScreenHunter_01+Dec.+11+18.28.gif"&gt;&lt;img style="cursor: pointer; width: 93px; height: 200px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SyLbo25_-NI/AAAAAAAAAIM/fmXoJzaEzFY/s200/ScreenHunter_01+Dec.+11+18.28.gif" alt="" id="BLOGGER_PHOTO_ID_5414131197032790226" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;I posted videos throughout the proposal site from an excellent &lt;a href="http://vimeo.com/gaspedal/videos/search:blogwell/sort:newest"&gt;series on vimeo&lt;/a&gt;. The series comes from &lt;a href="http://gaspedal.com/blogwell/"&gt;BlogWell&lt;/a&gt;, a social media conference held in multiple cities for companies to share ideas and case studies relating to social media. Many of the speakers are people who handle social media for large, powerful companies. They offer lot of insight into best practices, concerns, triumphs, and failures of corporate social media and provide great examples for defero staff to discuss, critique, and learn from. Here is an example of one video I thought was a great example for defero. It is about General Mills' move from traditional to social media.&lt;br /&gt;&lt;object width="400" height="270"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6677922&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=c9ff23&amp;amp;fullscreen=1"&gt;&lt;embed src="http://vimeo.com/moogaloop.swf?clip_id=6677922&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=c9ff23&amp;amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="270"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/li&gt;&lt;li&gt;Throughout the proposal site, I included many links to top communications professionals in new media (&lt;a href="http://www.ketchum.com/"&gt;Ketchum&lt;/a&gt;, &lt;a href="http://www.publicisgroupe.com/site/"&gt;Publici&lt;/a&gt;&lt;a href="http://www.publicisgroupe.com/site/"&gt;s Groupe&lt;/a&gt;, &lt;a href="http://www.interpublic.com/"&gt;IPG&lt;/a&gt;, &lt;a href="http://www.wpp.com/wpp/"&gt;WPP&lt;/a&gt;), scholars (&lt;a href="http://www.useit.com/alertbox/"&gt;Jakob Nielsen&lt;/a&gt;), and relevant services (&lt;a href="http://basecamphq.com/"&gt;Basecamp&lt;/a&gt;, &lt;a href="http://www.surveymonkey.com/"&gt;Survey Monkey&lt;/a&gt;, &lt;a href="http://www.google.com/analytics/"&gt;Google&lt;/a&gt;&lt;a href="http://www.google.com/analytics/"&gt; Analytics&lt;/a&gt;, &lt;a href="http://www.omniture.com/en/"&gt;Omniture&lt;/a&gt;, &lt;a href="http://www.techsmith.com/camtasia.asp"&gt;C&lt;/a&gt;&lt;a href="http://www.techsmith.com/camtasia.asp"&gt;amtasia&lt;/a&gt;). I hope that my highlighting of these items help defero become experts in new media so that they can make the best choices to harness it in order to grow their business.&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SyLfb0JPrOI/AAAAAAAAAIc/4SxnBwhUqTk/s1600-h/ScreenHunter_04+Dec.+11+18.59.gif"&gt;&lt;img style="cursor: pointer; width: 200px; height: 46px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SyLfb0JPrOI/AAAAAAAAAIc/4SxnBwhUqTk/s200/ScreenHunter_04+Dec.+11+18.59.gif" alt="" id="BLOGGER_PHOTO_ID_5414135370999639266" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_HdP_e5245qI/SyLfpdUL55I/AAAAAAAAAIk/Yah1zWDUplQ/s1600-h/ScreenHunter_05+Dec.+11+19.00.gif"&gt;&lt;img style="cursor: pointer; width: 88px; height: 41px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/SyLfpdUL55I/AAAAAAAAAIk/Yah1zWDUplQ/s200/ScreenHunter_05+Dec.+11+19.00.gif" alt="" id="BLOGGER_PHOTO_ID_5414135605389682578" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SyLft7UK2UI/AAAAAAAAAIs/GCGaJBbVFMk/s1600-h/ScreenHunter_03+Dec.+11+18.29.gif"&gt;&lt;img style="cursor: pointer; width: 200px; height: 52px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SyLft7UK2UI/AAAAAAAAAIs/GCGaJBbVFMk/s200/ScreenHunter_03+Dec.+11+18.29.gif" alt="" id="BLOGGER_PHOTO_ID_5414135682162153794" border="0" /&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Separating the information into four sessions helped to present defero's social media strategy as an agenda.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;Together, these four sessions will empower defero staff to become experts in corporate social media. Once we have worked through all of these sessions, defero will be in an ideal place to implement the new media strategy I will help them to focus and sustain.&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-weight: bold;" href="http://projectdefero.wordpress.com/observationandresearch/"&gt;Session 1&lt;/a&gt; outlines a plan for con&lt;/span&gt;&lt;span style="font-size:100%;"&gt;tinual &lt;span style="font-weight: bold;"&gt;Obse&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;"&gt;rvation &amp;amp; Research&lt;/span&gt; of social media trends. In this session, I outline some key questions that defero staff should always be asking themselves.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-weight: bold;" href="http://projectdefero.wordpress.com/internal-strategy/"&gt;Session 2&lt;/a&gt; provides an&lt;/span&gt;&lt;span style="font-size:100%;"&gt;d &lt;span style="font-weight: bold;"&gt;Internal Strategy&lt;/span&gt; to help defero staff build their own awaren&lt;/span&gt;&lt;span style="font-size:100%;"&gt;ess and knowledge of trends and best practices in corporate social media. I outline several steps they need to achieve this insight.&lt;br /&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-weight: bold;" href="http://projectdefero.wordpress.com/external-strategy/"&gt;Session 3&lt;/a&gt; initiates an &lt;span style="font-weight: bold;"&gt;External Strategy&lt;/span&gt; aimed at enabling defero present themselves as an authority in their field &lt;/span&gt;&lt;span style="font-size:100%;"&gt;by using social media in their best interests. Here is where I expand on the steps outlined in Session 2.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;a style="font-weight: bold;" href="http://projectdefero.wordpress.com/appearanceandbranding/"&gt;Session 4&lt;/a&gt; reveals an &lt;span style="font-weight: bold;"&gt;Appeara&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;"&gt;nce &amp;amp; Branding&lt;/span&gt; ca&lt;/span&gt;&lt;span style="font-size:100%;"&gt;mpaign I designed for use in all of defero's marketing initiatives, online or off. It is here that I explain how I developed a color palette, logo, and icons appropriate for the "new" defero.&lt;br /&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SyLhHsRv0-I/AAAAAAAAAJc/NG6_3YoqvIU/s1600-h/ScreenHunter_06+Dec.+11+19.17.gif"&gt;&lt;img style="cursor: pointer; width: 138px; height: 97px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SyLhHsRv0-I/AAAAAAAAAJc/NG6_3YoqvIU/s200/ScreenHunter_06+Dec.+11+19.17.gif" alt="" id="BLOGGER_PHOTO_ID_5414137224313689058" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SyLgZImGcsI/AAAAAAAAAJM/jV5TVO-aaGk/s1600-h/LOGO+with+background.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 78px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SyLgZImGcsI/AAAAAAAAAJM/jV5TVO-aaGk/s200/LOGO+with+background.jpg" alt="" id="BLOGGER_PHOTO_ID_5414136424461398722" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SyLgQtt3meI/AAAAAAAAAJE/xhBMMXpYKAg/s1600-h/LOGO+no+background.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 75px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SyLgQtt3meI/AAAAAAAAAJE/xhBMMXpYKAg/s200/LOGO+no+background.jpg" alt="" id="BLOGGER_PHOTO_ID_5414136279807269346" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SyLg4SiYwKI/AAAAAAAAAJU/PVpfrT08AkM/s1600-h/deferoicons.jpg"&gt;&lt;img style="cursor: pointer; width: 159px; height: 80px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SyLg4SiYwKI/AAAAAAAAAJU/PVpfrT08AkM/s200/deferoicons.jpg" alt="" id="BLOGGER_PHOTO_ID_5414136959706120354" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_HdP_e5245qI/SyLgEvR60HI/AAAAAAAAAI8/JTbJKwi2ZB4/s1600-h/defero_icon.jpg"&gt;&lt;img style="cursor: pointer; width: 48px; height: 48px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/SyLgEvR60HI/AAAAAAAAAI8/JTbJKwi2ZB4/s200/defero_icon.jpg" alt="" id="BLOGGER_PHOTO_ID_5414136074068480114" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Overall, I am very satisfied with the social media strategy I have built for defero. I am happy that I was able to create a working relationship where mutual expertise is acknowledged: mine as the consultant in corporate social media and theirs as communications experts in traditional media. I believe we will learn a lot from each other.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-5700859892066679126?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/5700859892066679126/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/12/project-defero-part-ii-building-social.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/5700859892066679126'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/5700859892066679126'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/12/project-defero-part-ii-building-social.html' title='Project defero, Part II: building a social media strategy'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_HdP_e5245qI/SyLdMYyttNI/AAAAAAAAAIU/IUXk8CGez4A/s72-c/blog+header.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-8884935726016774792</id><published>2009-12-06T11:21:00.000-08:00</published><updated>2009-12-06T13:08:01.526-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='wordpress'/><category scheme='http://www.blogger.com/atom/ns#' term='blogger'/><title type='text'>Project defero, Part I: the presentation tool</title><content type='html'>For the past few weeks, I have been working on a social media strategy for a communications/marketing company looking to make the move from traditional to new media. I have secured their permission to blog about this project, as an educational tool for others in the same boat. For my first post on this project, I would like to blog about the tool I chose to house my proposal for defero. I wanted an online tool that would allow the folks at defero to comment on my work. My requirements were that it look sleek, and that it allow me to focus on the content of my proposal rather than the "wrapper."&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;Blogger vs. Wordpress&lt;/span&gt;&lt;br /&gt;I thought about using Blogger, but in the end, I chose Wordpress instead. I had read articles about &lt;a href="http://www.smashingmagazine.com/2009/04/29/ultimate-guide-to-using-wordpress-for-a-portfolio/"&gt;using Wordpress as a CMS&lt;/a&gt;, and they looked promising. Now, having used both Blogger and Wordpress, I am constantly comparing them. Here are a few of my initial impressions:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Blogger (+)&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Customizing your layout's code on Blogger is free. &lt;/span&gt;This is something I appreciate immensely. Not sure how? I've found &lt;a href="http://www.bloggerbuster.com/"&gt;Blogger Buster&lt;/a&gt; tutorials particularly helpful, although there are many other excellent tutorials out there.&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;You may choose a&lt;span style="font-size:100%;"&gt; Blogger template, download one from somewhere else, or build your own. &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;Blogger offers a lot of options in terms of choosing your layout. Of course, you have to be careful becaus&lt;/span&gt;e someone else's homemade template may not work as well as one of their custom ones. Nevertheless, having all these options is terrific.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Embedding code for badges and videos has never been a problem.&lt;/span&gt; I've never had a problem embedding an element in a blog post. If I am ever unsure, there are many tutorials on how to do this.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;Wordpress (+)&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Many of the layout templates on Wordpress, unlike Blogger, have a very sleek design.&lt;/span&gt; I get this impression from color combinations and the use of sophisticated design elements like gradients and typography. Also, the fact that these templates vary in the number and positioning of columns makes them more "grown-up" looking than Blogger templates. &lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Inserting graphics int&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;o a Wordpress post is a much simpler process than it is on Blogger.&lt;/span&gt; Any graphic I insert appears wherever I put my cursor before I uploaded it. That's more like it! I don't have to drag any graphics down into my post.&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Graphics do not need to be linked to anything in Wordpress.&lt;/span&gt; If you want to remove a link from a graphic and just have it as a flat image that your user is not meant to click on, you can do this. I find this is a great feature. I don't think images on a website should be linked to a white screen where they are featured solo. If there is no purposeful link from an image, why have a link at all?&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;There is a full-screen toggle feature that allows you to allow the screen you are blogging in to take up your entire monitor.&lt;/span&gt; I don't see this feature on Blogger. It's very convenient to be able to do this, especially when writing longer posts. &lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Favicons are easily added in Wordpress.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-weight: bold;"&gt;          &lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SxwXEntNulI/AAAAAAAAAH8/plNPRKcB4yg/s1600-h/ScreenHunter_03+Dec.+06+15.38.gif"&gt;&lt;img style="cursor: pointer; width: 74px; height: 47px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SxwXEntNulI/AAAAAAAAAH8/plNPRKcB4yg/s400/ScreenHunter_03+Dec.+06+15.38.gif" alt="" id="BLOGGER_PHOTO_ID_5412226220338035282" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;You can add pages to a Wordpress blog to make it more like a website. &lt;/span&gt;This is a feature Blogger does not have. It is something I really appreciated coming from the perspective of wanting more of a website presentation than a running blog for my proposal.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-size:130%;"&gt;Blogger (-)&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Templates provided by Blogger have a very elementary feel to them.&lt;/span&gt; They do not look professional out-of-the-box. I would have had to fiddle with the template before I could make it look presentable in a corporate setting - not something I wanted to do for this project.&lt;br /&gt;&lt;/li&gt;&lt;li style="text-align: left;"&gt;&lt;span style="font-weight: bold;"&gt;Adding graphics to a post is not a user-friendly experience on Blogger.&lt;/span&gt; The fact that I have to drag graphics down into my post after importing them is tedious and time-consuming. &lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Viewing graphics in a post can &lt;/span&gt;&lt;span style="font-weight: bold;"&gt;get confusing because they always appear as links. &lt;/span&gt;Regardless of whether you want them to, all graphics show up as links. If you haven't added a link to that particular graphic, the link will lead to your graphic on an empty page. Click on the following (supposedly unlinked) graphic to see what happens:&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_HdP_e5245qI/SxwcUebtNXI/AAAAAAAAAIE/pRkYS8DqrUo/s1600-h/defero_icon.jpg"&gt;&lt;img style="cursor: pointer; width: 63px; height: 63px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/SxwcUebtNXI/AAAAAAAAAIE/pRkYS8DqrUo/s200/defero_icon.jpg" alt="" id="BLOGGER_PHOTO_ID_5412231990284727666" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Favicons are very difficult to add to a Blogger blog.&lt;/span&gt; I've tried to do this multiple times for this blog, but my favicon inevitably gets replaced with the white "B" in the orange box. I've given up.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;Wordpress (-)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Code to alter Wordpress' layout is only available to those who pay an annual subscription.&lt;/span&gt; I found this rather deceptive because I only found it out after setting up Wordpress and clicking on "edit CSS" in the Dashboard. I would need to pay to see my changes live on my site. I decided this feature was not worthwhile for my project because I would have to pay year after year to make the site show up with whatever alterations I had made. Since this is a one-off project, and not a Wordpress site I plan to add to and continually work on, I could not justify the investment.&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Templates for free Wordpress accounts can only be chosen from the Wordpress site. &lt;/span&gt;I was excited to use Wordpress because I have seen so many fantastic blog layouts designed in Wordpress. &lt;a href="http://www.smashingmagazine.com/"&gt;Smashing Magazine&lt;/a&gt; always  has a couple of &lt;a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/"&gt;gorgeous ones&lt;/a&gt; to look at. I was really disappointed when I found out I could only use this with a paid subscription account.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Embedding badges can be tricky in Wordpress.&lt;/span&gt; For example, I can't for the life of me find a way to add a delicious badge to Wordpress (I have a list of links, but no badge for my specific delicious account). The same action was a piece of cake in Blogger. Usually, someone has written a little tutorial about how to embed specific files in Wordpress. Most work just fine.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;Despite the few negatives I've attached to using Wordpress so far, I have to say I am very satisfied with my choice given the fact that I am using the platform as a "wrapper" only. If I wanted to change the appearance of the blogging platform significantly, I don't think I would choose Wordpress again unless I was prepared to pay for a subscription. Stay tuned my next blog post - a presentation of the social media strategy I created for defero.&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-8884935726016774792?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/8884935726016774792/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/12/project-defero-part-i-presentation-tool.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/8884935726016774792'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/8884935726016774792'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/12/project-defero-part-i-presentation-tool.html' title='Project defero, Part I: the presentation tool'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_HdP_e5245qI/SxwXEntNulI/AAAAAAAAAH8/plNPRKcB4yg/s72-c/ScreenHunter_03+Dec.+06+15.38.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-129090429212055935</id><published>2009-12-05T14:19:00.000-08:00</published><updated>2009-12-12T11:41:32.784-08:00</updated><title type='text'>Google Wave for collaborative writing</title><content type='html'>Recently, I co-wrote a blog post with my classmate &lt;a href="http://isaokato.blogspot.com/"&gt;Isao&lt;/a&gt; on &lt;a href="https://wave.google.com/wave/"&gt;Google Wave&lt;/a&gt;. If you are not part of the Wave, you may &lt;a href="https://services.google.com/fb/forms/wavesignup/"&gt;request an invite from Google&lt;/a&gt;. In this post, I would like to share a couple of thoughts on Google Wave as a tool for collaborative writing.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Google Wave as a tool for collaboration: positives and negatives&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Google Wave is a very effective way to collaborate on short, uncomplicated documents. I wouldn't recommend it for co-writing a lengthy annual report. You will not be able to keep track of pages, nor will you be able to find things easily once you put too much text on a single wave. I would recommend it for drafting emails, brainstorming, or other short pieces of work. Since your text shows up in real time, you and the person you are working with must be comfortable with this. Not having any time to think about what you've written before it's sent to the other person may take some getting used to.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;The software itself (strengths/weaknesses)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Google Wave has a great bunch of editing tools attached to its software. I was surpirsed to see that I could search for links right on the wave itself. Adding images is easy. Also, while writing with Isao, it was very easy for us to click the highlight function to differentiate our text (he was green and I was blue). Nevertheless, there are some problems we saw as we went along. Wave crashed Firefox twice over the course of our conversation. Luckily, all information is constantly saved. I'm not sure it would have been possible for us to lose parts of our conversation. One other negative I found is that if you invite someone on a Wave, you cannot remove them. I looked this up and it happens to be one of &lt;a href="http://www.google.com/support/wave/bin/static.py?page=known_issues.cs"&gt;known issues in Wave&lt;/a&gt;. Here's a great video I learned a lot from when I first started using Wave. For those of you not on Wave yet, this is a good introduction to Wave's interface to see if it is something you might be interested in testing out.&lt;br /&gt;&lt;object width="500" height="315"&gt;&lt;param name="movie" value="http://www.youtube.com/v/OG0OjpzZa94&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;color1=0x234900&amp;amp;color2=0x4e9e00&amp;amp;border=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/OG0OjpzZa94&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;color1=0x234900&amp;amp;color2=0x4e9e00&amp;amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="315"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;The resulting content&lt;/span&gt;&lt;br /&gt;The content that came out of my collaboration with Isao was rather rough, and a bit abstract. This was intentional. We decided to use Wave as a brainstorming tool rather than a tool to craft a cohesive response. We did this because our opinions on the topic differed and we did not want to write the same thing. Had we tried to write a cohesive piece, I think we could have done this well. In fact, I am thinking of all the times at work when someone asks you to look at a draft of their email. I would certainly put a drafted email on Wave, inviting colleagues to make edits. I think this would work much quicker than sending the email back and forth in Outlook through all of its various drafts. Is waving better than working on a document alone? Well, that depends on your content. I would collaborate on a document in Wave only if that document was something I'd be willing collaborate on pre-Wave.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;Setting parameters for collaboration and evaluating contributions&lt;/span&gt;&lt;br /&gt;Isao and I established a few parameters for our collaboration before we started. We decided we wouldn't delete each other's content (although we both have the power to do so), we would only speak in the colors we had chosen for ourselves, and anything that was not part of the collaborative document would be written in magenta so we could easily go back and delete it later. I think that because Isao and I decided to write in separate colors, it was very easy to evaluate our contributions to the document. I would do this again if I thought it were important to show the extent of my collaboration in relation to others on a wave.&lt;br /&gt;&lt;br /&gt;All in all, I think Google Wave is a spectacular tool for collaboration. Once it becomes mainstream, I expect to see this used most frequently in the workplace and for collaborative school assignments. I'm sure corporations will eventually learn to harness this tool - possibly to collaborate with their customers. I am particularly curious to see what new strategies the corporate world will develop in relation to Google Wave.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-129090429212055935?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/129090429212055935/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/12/google-wave-for-collaborative-writing.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/129090429212055935'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/129090429212055935'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/12/google-wave-for-collaborative-writing.html' title='Google Wave for collaborative writing'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-530381431583550049</id><published>2009-12-03T18:28:00.000-08:00</published><updated>2009-12-03T19:23:02.299-08:00</updated><title type='text'>Co-blogging on Collaboration with Isao</title><content type='html'>Today I will be blogging together with one of my grad school classmates, Isao Kato from &lt;a href="http://isaokato.blogspot.com/"&gt;Helping others 'get' it&lt;/a&gt;. We attempted to co-write a blog post using Google Wave. We just started using Wave this week, and this is a little experiment. Our topic for this blog was collaboration as it relates to a large class project we are working on, higher education, and the workplace.&lt;br /&gt;&lt;br /&gt;Unfortunately, this post cannot be viewed unless you are signed into a Google Wave account. Do you want to collaborate in real time and explore the Wave everyone is buzzing about? &lt;a href="https://services.google.com/fb/forms/wavesignup/"&gt;Request an invitation to Wave.&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id="wave" style="width: 560px; height: 420px;"&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-530381431583550049?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/530381431583550049/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/12/co-blogging-on-collaboration-with-isao.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/530381431583550049'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/530381431583550049'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/12/co-blogging-on-collaboration-with-isao.html' title='Co-blogging on Collaboration with Isao'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-9183991268942126914</id><published>2009-11-26T20:14:00.000-08:00</published><updated>2009-11-26T23:13:03.913-08:00</updated><title type='text'>On Readability Testing</title><content type='html'>I recently read a comprehensive article on readability tests. The article did a great job of attempting to clarify the function, usefulness, and capabilities of readability testing. I will try to summarize some of the article's most valuable points here.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;What is readability testing methodology?&lt;/span&gt;&lt;br /&gt;Readability testing methodology allows for quick, cursory assessment of a body of text. Generally, testing readability refers to testing a text’s metrics. How many words are there per sentence/paragraph? How many syllables are in each word? Readability testing can act as a way to screen text to determine whether it is too dense, or simple. A test such as this is useful in the sense that it can provide quantifiable measurement of how appropriate a text is for its intended audience.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/Sw9z2qXLLRI/AAAAAAAAAGY/RNYOUgEmLxI/s1600/readability.png"&gt;&lt;img style="cursor: pointer; width: 320px; height: 311px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/Sw9z2qXLLRI/AAAAAAAAAGY/RNYOUgEmLxI/s320/readability.png" alt="" id="BLOGGER_PHOTO_ID_5408669060416875794" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;How can readability play a role in usability testing of written work?&lt;/span&gt;&lt;br /&gt;Readability testing can serve a limited but meaningful purpose in the usability testing of written work. For instance, an author writing a book for young adults may want to run a readability test to ensure that their text is neither too dense nor too simple for their target age group.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;How can readability be utilized in visual design?&lt;/span&gt;&lt;br /&gt;A readability test can help ensure a text's visual appearance is appropriate for its intended audience. For example, a technical document would likely have a fairly low level of readability. Its appearance should reflect this, displaying rather densely written text with long sentences and paragraphs. A readability test could be used to confirm these expectations have been met throughout the document. Similarly, someone hired to write content for a website may want to use a readability tests to check that their writing is appropriate for the web. Good writing for the web relies on a writer's ability to be as direct and forthcoming as possible. It often starts with a conclusion and continues in an inverted pyramid style where the most important information for the reader is revealed at the very beginning. A readability test for web text could confirm that the visual design of a website's content is appropriate. It could check for an inverted pyramid structure in lengthier texts on a site - confirming that the first few sentences of that text carry more complexity than the text body. For shorter pieces of text on a site, readability tests could confirm simplicity and ability to be understood by a wide variety of readers.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-style: italic;"&gt;inspiration for this post:&lt;/span&gt;&lt;br /&gt;What is readability? author unknown&lt;br /&gt;&lt;a href="http://www.useit.com/alertbox/9710a.html"&gt;How Users Read on the Web&lt;/a&gt; Jakob Nielsen&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-9183991268942126914?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/9183991268942126914/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/11/on-readability-testing.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/9183991268942126914'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/9183991268942126914'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/11/on-readability-testing.html' title='On Readability Testing'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_HdP_e5245qI/Sw9z2qXLLRI/AAAAAAAAAGY/RNYOUgEmLxI/s72-c/readability.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-6105155844484804394</id><published>2009-11-13T11:12:00.000-08:00</published><updated>2009-11-14T11:35:35.689-08:00</updated><title type='text'>Tweaking Blogger Templates, Again!</title><content type='html'>There were a few things I wanted to change about this blog since its last redesign. Here's what it looked like then.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/Sv26hwL_t9I/AAAAAAAAAFw/HSDcjXcL2Uc/s1600-h/fresh+airwaves+v2.JPG"&gt;&lt;img style="cursor: pointer; width: 320px; height: 200px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/Sv26hwL_t9I/AAAAAAAAAFw/HSDcjXcL2Uc/s320/fresh+airwaves+v2.JPG" alt="" id="BLOGGER_PHOTO_ID_5403680216948127698" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;What I Didn't Like&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;The color palette was not at all friendly on the eyes. The rich, saturated turquoise background clashed with some of the coral/red lettering I was using for post titles. &lt;/li&gt;&lt;li&gt;The blog title didn't stand out. It was still in the same font from the original template. It was boring.&lt;/li&gt;&lt;li&gt;The body wrapper of the blog wasn't wide enough.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Improvements Made&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;I changed the color palette. I wanted to set the body of the blog on a lighter background with darker text to ease legibility.&lt;/li&gt;&lt;li&gt;I made a little banner/logo for Fresh Airwave in Photoshop. I used the &lt;a href="http://nl.toyota.be/cars/new_cars/iq/iq_font.aspx"&gt;Toyota IQ&lt;/a&gt; font together with these &lt;a href="http://www.brushking.eu/38/equalizer-brushes.html"&gt;equalizer brushes&lt;/a&gt;  to create a more unique identity for my blog title. I thought the IQ font blended well with the wavy background, and that the equalizer brushes might symbolically represent a type of "fresh airwave."&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/Sv2_c1-7w1I/AAAAAAAAAF4/mOZB_EsICQ8/s1600-h/FRESH.jpg"&gt;&lt;img style="cursor: pointer; width: 320px; height: 80px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/Sv2_c1-7w1I/AAAAAAAAAF4/mOZB_EsICQ8/s320/FRESH.jpg" alt="" id="BLOGGER_PHOTO_ID_5403685630162748242" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Additionally, I widened the body wrapper of the blog. It used to be 660px, and now it is 760px.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;I added two lines to act as borders on either side of the blog body in green to contrast with the off-white background.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;Do you think it looks any better? Are there any other changes you would suggest? I'm still new to this, and I appreciate any input you may have.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-6105155844484804394?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/6105155844484804394/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/11/blog-redesign-2.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6105155844484804394'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6105155844484804394'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/11/blog-redesign-2.html' title='Tweaking Blogger Templates, Again!'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_HdP_e5245qI/Sv26hwL_t9I/AAAAAAAAAFw/HSDcjXcL2Uc/s72-c/fresh+airwaves+v2.JPG' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-2557011920801859982</id><published>2009-11-03T18:46:00.000-08:00</published><updated>2009-11-05T16:59:19.669-08:00</updated><title type='text'>Google Sites project for specific learning styles: Hire Wire</title><content type='html'>As part of a project, I have been working to create a website with &lt;a href="http://sites.google.com/"&gt;Google Sites&lt;/a&gt;. The name of the website is Hire Wire, and you may view it &lt;a href="http://sites.google.com/a/njit.edu/hirewire/"&gt;here&lt;/a&gt;. The purpose of Hire Wire is to teach people how to use social media to enhance their job search. That's a pretty straightforward goal, right? Well, there is a catch to the design for this site. It had to be crafted to suit a very specific audience. In particular, Hire Wire was designed to suit an audience of reflective, visual, sensing, intuitive, sequential, and global learners (see &lt;a href="http://www4.ncsu.edu/unity/lockers/users/f/felder/public/ILSdir/styles.htm"&gt;this site&lt;/a&gt; for further information on these learner terminologies). Allow me to explain how Hire Wire accomplishes all of this on and within its &lt;a href="http://sites.google.com/a/njit.edu/hirewire/"&gt;Home&lt;/a&gt;, &lt;a href="http://sites.google.com/a/njit.edu/hirewire/hirewire/about"&gt;About&lt;/a&gt;, &lt;a href="http://sites.google.com/a/njit.edu/hirewire/hirewire/tools"&gt;Tools&lt;/a&gt;, &lt;a href="http://sites.google.com/a/njit.edu/hirewire/hirewire/tutorials"&gt;Tutorials&lt;/a&gt;, and &lt;a href="http://sites.google.com/a/njit.edu/hirewire/hirewire/tips"&gt;Tips&lt;/a&gt; pages.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;font-size:130%;" &gt;Hire Wire for Reflective Le&lt;/span&gt;&lt;span style="font-weight: bold; font-family: arial;font-size:130%;" &gt;arners&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Summaries on the main Tools, Tutorials, and Tips pages allow reflective learners to contemplate topics they want to explore further. &lt;span style="font-style: italic;"&gt;Click image to enlarge.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt; &lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SvNlbUK84gI/AAAAAAAAADQ/2HpYqm-kKLs/s1600-h/summary.bmp"&gt;&lt;img style="cursor: pointer; width: 320px; height: 74px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SvNlbUK84gI/AAAAAAAAADQ/2HpYqm-kKLs/s320/summary.bmp" alt="" id="BLOGGER_PHOTO_ID_5400771898092872194" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Open-ended gray italic text overviews at the top of the Home, About, Tools, Tutorials, and Tips pages will make reflective learners think about ideas before using them. &lt;span style="font-style: italic;"&gt;Click image to enlarge.&lt;br /&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_HdP_e5245qI/SvNmOOsqU9I/AAAAAAAAADg/kACiekTKiig/s1600-h/gray+text+overview.bmp"&gt;&lt;img style="cursor: pointer; width: 320px; height: 40px;" src="http://4.bp.blogspot.com/_HdP_e5245qI/SvNmOOsqU9I/AAAAAAAAADg/kACiekTKiig/s320/gray+text+overview.bmp" alt="" id="BLOGGER_PHOTO_ID_5400772772796978130" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Featured items highlighted on the Home page allow reflective learners to think about how they want to start exploring the site. &lt;span style="font-style: italic;"&gt;Click image to enlarge.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SvNm8xo2HMI/AAAAAAAAADo/4ESBVLTwlYI/s1600-h/featured.bmp"&gt;&lt;img style="cursor: pointer; width: 320px; height: 110px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SvNm8xo2HMI/AAAAAAAAADo/4ESBVLTwlYI/s320/featured.bmp" alt="" id="BLOGGER_PHOTO_ID_5400773572450196674" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Step-by-step Tutorials make it possible for reflective learners to think about individual steps that make up an entire process. &lt;span style="font-style: italic;"&gt;Click image to enlarge.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SvNnZQq8ZkI/AAAAAAAAAD4/ozurBYyxrxE/s1600-h/stepbystep.bmp"&gt;&lt;img style="cursor: pointer; width: 122px; height: 200px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SvNnZQq8ZkI/AAAAAAAAAD4/ozurBYyxrxE/s200/stepbystep.bmp" alt="" id="BLOGGER_PHOTO_ID_5400774061816833602" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial; font-weight: bold;font-size:130%;" &gt;Hire Wire for Visual Learners&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Social media icons added for site navigation will aid visual learners in perusing Hire Wire. &lt;span style="font-style: italic;"&gt;Click image to enlarge.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-style: italic;"&gt; &lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SvNuYw09H_I/AAAAAAAAAEQ/sOW6wdRDgMU/s1600-h/icon+navigation.bmp"&gt;&lt;img style="cursor: pointer; width: 200px; height: 114px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SvNuYw09H_I/AAAAAAAAAEQ/sOW6wdRDgMU/s200/icon+navigation.bmp" alt="" id="BLOGGER_PHOTO_ID_5400781749850284018" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Screenshots providing examples for each tutorial help visual learners to better follow along with the step-by-step instructions. &lt;span style="font-style: italic;"&gt;Click image to enlarge. &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_HdP_e5245qI/SvNucyGopzI/AAAAAAAAAEY/QvjI8x5SQ70/s1600-h/screenshots.bmp"&gt;&lt;img style="cursor: pointer; width: 200px; height: 182px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/SvNucyGopzI/AAAAAAAAAEY/QvjI8x5SQ70/s200/screenshots.bmp" alt="" id="BLOGGER_PHOTO_ID_5400781818912352050" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;"&gt;Hire Wire for Sensing Learners&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;The &lt;a href="http://sites.google.com/a/njit.edu/hirewire/hirewire/tutorials"&gt;main Tutorial&lt;/a&gt; page uses real-life stories about social media in career networking to draw the attention of sensing learners.&lt;/li&gt;&lt;li&gt;The screenshots provided in Tutorials contain examples from actual websites that sensing learners are invited to explore for themselves. &lt;span style="font-style: italic;"&gt;See screenshot provided above under the visual learners section for an example. &lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;The &lt;a href="http://sites.google.com/a/njit.edu/hirewire/hirewire/tips"&gt;Tips page&lt;/a&gt; shows sensing learners articles, videos, and more about real-life uses for social media in a job search.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;font-size:130%;" &gt;Hire Wire for Intuitive Learners&lt;/span&gt;&lt;ul&gt;&lt;li&gt;The &lt;a href="http://sites.google.com/a/njit.edu/hirewire/hirewire/tips"&gt;Tips page&lt;/a&gt; introduces new theories and concepts so intuitive learners can think about new ideas and possibilities. &lt;/li&gt;&lt;li&gt;Invitations to comment on the Tools, Tutorials, and Tips pages provide opportunities for intuitive learners to voice their thoughts about how the items presented in these pages have led them to think about new ideas and possibilities. &lt;span style="font-style: italic;"&gt;Click image to enlarge.&lt;br /&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SvNwviLestI/AAAAAAAAAEg/16pyGPhHuww/s1600-h/comments.bmp"&gt;&lt;img style="cursor: pointer; width: 200px; height: 20px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SvNwviLestI/AAAAAAAAAEg/16pyGPhHuww/s200/comments.bmp" alt="" id="BLOGGER_PHOTO_ID_5400784340078473938" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Each &lt;a href="http://sites.google.com/a/njit.edu/hirewire/hirewire/tutorials"&gt;Tutorial&lt;/a&gt; gives intuitive learners basic instruction which they are welcome to expand on and use their imaginations to adapt. &lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;font-size:130%;" &gt;Hire Wire for Sequential Learners&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Clearly linked pages provide sequential learners with a linear introduction to Tools, Tutorials, and Tips for one specific type of social media. &lt;span style="font-style: italic;"&gt;Click image to enlarge.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SvNyRZenq5I/AAAAAAAAAEo/Woq2X9RA0tE/s1600-h/linear+navigation.bmp"&gt;&lt;img style="cursor: pointer; width: 200px; height: 48px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SvNyRZenq5I/AAAAAAAAAEo/Woq2X9RA0tE/s200/linear+navigation.bmp" alt="" id="BLOGGER_PHOTO_ID_5400786021370014610" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Tutorials provide sequential learners with A-Z instructions for how to harness social media to enhance their job search. &lt;span style="font-style: italic;"&gt;See step-&lt;/span&gt;&lt;span style="font-style: italic;"&gt;by-step instructions screenshot under the reflective learners section for an example. &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; font-family: arial;font-size:130%;" &gt;Hire Wire for Global Learners&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;The navigational sidebar allows global learners to jump around the site in a non-linear fashion in order to skim all of the information before focusing in on one particular topic. &lt;span style="font-style: italic;"&gt;Click image to enlarge. &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SvNzwP2VrNI/AAAAAAAAAEw/dGahWi7q11M/s1600-h/sidebar+navigation.bmp"&gt;&lt;img style="cursor: pointer; width: 99px; height: 200px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SvNzwP2VrNI/AAAAAAAAAEw/dGahWi7q11M/s200/sidebar+navigation.bmp" alt="" id="BLOGGER_PHOTO_ID_5400787650872716498" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Summaries on the main Tools, Tutorials, and Tips pages supply global learners with "big picture" thoughts on various types of social media and how they can be used to obtain jobs. &lt;span style="font-style: italic;"&gt;See summary screenshot in the reflective learners section for an example. &lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;For an overview of how Hire Wire caters to specific learning styles, please click on the diagram below.&lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_HdP_e5245qI/SvNDt9FfU1I/AAAAAAAAADI/nfII8YfAyAA/s1600-h/Hire+Wire+for+specific+learning+styles.jpg"&gt;&lt;img style="cursor: pointer; width: 200px; height: 145px;" src="http://4.bp.blogspot.com/_HdP_e5245qI/SvNDt9FfU1I/AAAAAAAAADI/nfII8YfAyAA/s200/Hire+Wire+for+specific+learning+styles.jpg" alt="" id="BLOGGER_PHOTO_ID_5400734834918118226" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-2557011920801859982?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/2557011920801859982/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/11/google-sites-project-for-specific.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/2557011920801859982'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/2557011920801859982'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/11/google-sites-project-for-specific.html' title='Google Sites project for specific learning styles: Hire Wire'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_HdP_e5245qI/SvNlbUK84gI/AAAAAAAAADQ/2HpYqm-kKLs/s72-c/summary.bmp' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-725616201217402521</id><published>2009-10-28T12:32:00.000-07:00</published><updated>2009-10-28T19:54:33.504-07:00</updated><title type='text'>Imagery as a reflection of corporate identity: Firefox</title><content type='html'>&lt;a href="http://www.mozilla.org/"&gt;Mozilla&lt;/a&gt; is an open source software project. According to their website, their mission is to use technology to enrich people’s lives. One of their core beliefs is that the internet should be public, open, and accessible. Their corporate identity reflects how much they value collaboration and communication with their public to create better products. You probably know them best for their web browser, &lt;a href="http://www.mozilla.com/en-US/firefox/upgrade.html"&gt;Firefox&lt;/a&gt;. Analyzing Firefox's imagery, it’s interesting to note how well Mozilla integrates their corporate identity into every aspect of developing their product - especially in its design.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;Logo design&lt;/span&gt;&lt;br /&gt;The first thing I think of when I read the word Firefox is their logo. The following is the newest revision of their logo, from June 2009.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/SuikU_BFcUI/AAAAAAAAACY/rcAq-yE5jhI/s1600-h/firefox-128.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 128px; height: 128px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/SuikU_BFcUI/AAAAAAAAACY/rcAq-yE5jhI/s200/firefox-128.png" alt="" id="BLOGGER_PHOTO_ID_5397744833823863106" border="0" /&gt;&lt;/a&gt;The logo was revised to provide a new, updated look, anticipating the launch of &lt;a href="http://www.mozilla.com/en-US/firefox/3.5/releasenotes/"&gt;Firefox 3.5&lt;/a&gt;. I took the following image from &lt;a href="http://blog.mozilla.com/faaborg/2009/06/18/the-new-firefox-icon/"&gt;this post&lt;/a&gt; on Alex Faaborg's blog. Alex is a Principle Designer on Firefox. If you read through the linked blog post and all related posts, you will see just how much feedback and collaboration went into the redesign of the Firefox logo. Several drafts of the logo were shared with the public. Even the &lt;a href="http://blog.mozilla.com/faaborg/2009/05/15/creative-brief-for-the-new-firefox-icon/"&gt;creative brief&lt;/a&gt; for the new logo was shared with the public. In addition to Alex's blog posts, the design of the new logo was posted to &lt;a href="http://groups.google.com/group/mozilla.dev.apps.firefox/browse_thread/thread/9eeed31ab09d55f5?pli=1"&gt;mozilla.dev.apps.firefox&lt;/a&gt;, &lt;a href="http://forums.mozillazine.org/viewtopic.php?f=23&amp;amp;t=1233865"&gt;mozillazine&lt;/a&gt;, and &lt;a href="https://bugzilla.mozilla.org/show_bug.cgi?id=492431"&gt;bugzilla&lt;/a&gt; for further feedback.&lt;br /&gt;&lt;br /&gt;The creation of this new logo was a true to Mozilla's corporate identity - it was in every way a collaborative process. I can't think of a better way to connect the public with a brand. Firefox's logo is one of those rare ones that doesn't require words (like Nike or Apple). They've done a great job of acquainting their public with the image of the red-hot fox wrapped around the globe.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;Navigational themes&lt;/span&gt;&lt;br /&gt;One of the best things about Firefox's design is how &lt;a href="https://addons.mozilla.org/en-US/firefox/"&gt;customizable&lt;/a&gt; it is. You can even customize your &lt;a href="https://addons.mozilla.org/en-US/firefox/search?q=theme&amp;amp;cat=all"&gt;navegational theme&lt;/a&gt;. Developers are able to create custom theme designs for Firefox and any user may able to download the theme of their choice.&lt;br /&gt;&lt;br /&gt;True to Firefox's collaborative, open identity, it is possible for users to rate and comment on the themes they have downloaded. This helps developers create better, more user-friendly toolbars. It also helps users choose the toolbar that is right for them. Right now I am using a theme called &lt;a href="https://addons.mozilla.org/en-US/firefox/addon/525"&gt;Abstract&lt;/a&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/525"&gt; PC.&lt;/a&gt; It looks like this:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_HdP_e5245qI/SuiugfQot0I/AAAAAAAAACg/7vvbOJW05yc/s1600-h/theme.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 150px;" src="http://4.bp.blogspot.com/_HdP_e5245qI/SuiugfQot0I/AAAAAAAAACg/7vvbOJW05yc/s200/theme.png" alt="" id="BLOGGER_PHOTO_ID_5397756026573862722" border="0" /&gt;&lt;/a&gt;As you may notice, the back, forward, refresh, and home buttons very clearly tell the user their functions. Personally, I appreciate that. I've downloaded other themes for Firefox where the buttons were simply too creative, or not intuitive in their execution. Navigational images without words must have clear symbolic meanings. For instance, how am I supposed to guess that an apple is a refresh button while a dinosaur means forward? It's nice to know that with Firefox, I can communicate such concerns directly to the person who designed the theme.&lt;br /&gt;&lt;br /&gt;Do you think the amount of collaboration and participation Firefox allows in design makes it a better product?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-725616201217402521?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/725616201217402521/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/imagery-as-reflection-of-corporate.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/725616201217402521'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/725616201217402521'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/imagery-as-reflection-of-corporate.html' title='Imagery as a reflection of corporate identity: Firefox'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_HdP_e5245qI/SuikU_BFcUI/AAAAAAAAACY/rcAq-yE5jhI/s72-c/firefox-128.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-3676552370219698651</id><published>2009-10-22T20:44:00.000-07:00</published><updated>2009-10-23T07:39:28.268-07:00</updated><title type='text'>On Folksonomies</title><content type='html'>I recently joined &lt;a href="http://delicious.com/"&gt;delicious&lt;/a&gt;, the social bookmarking site. What’s social bookmarking? Well, it’s a collaborative way of organizing content with tags. This kind of classification is often referred to as a folksonomy.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www-sop.inria.fr/members/Sylvain.Pion/images/delicious_logo.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 401px; height: 119px;" src="http://www-sop.inria.fr/members/Sylvain.Pion/images/delicious_logo.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Unfortunately, delicious has left me unimpressed. I acknowledge the benefit of being able to access bookmarked sites from any computer, but to take a stroll through someone else’s bookmarks does not seem practical to me. If I want to surf the net, I’ll type key phrases into Google. It’s much faster and more direct that logging into delicious and clicking through an arbitrary audience’s list of personal preferences. Also, I think I am much more likely to turn up reputable, well-informed sites through a Google search. Here is a link to my bookmarks on delicious:&lt;br /&gt;&lt;script type="text/javascript" src="http://feeds.delicious.com/v2/js/networkbadge/iamrodan?showadd&amp;amp;icon=m&amp;amp;name"&gt;&lt;/script&gt;&lt;br /&gt;I have bookmarked the certain pages because I am interested in user interface and graphic design. I subscribed to the tag &lt;a href="http://delicious.com/tag/msptc605"&gt;msptc605&lt;/a&gt; in order to see recommendations from classmates in a course I am taking. The amount of clicks I had to go through to accomplish this make it impossible for me to think that Google is not the better option.&lt;br /&gt;&lt;br /&gt;I certainly do see the value of delicious for people who move from one computer to another and need their personal bookmarks available to them wherever they go. I also see delicious as a valuable way to organize a series of resources for group work – on the job or for school. Apart from those specific applications; however, I find delicious a bit of a let-down when compared to other sites that operate on the concept of folksonomies.&lt;br /&gt;&lt;br /&gt;In my opinion, &lt;a href="http://digg.com/"&gt;digg&lt;/a&gt; is a better example of a site based on folksonomies. It is a news site with a twist – all of the news on the site is chosen, linked to, and voted on by users. I think digg and sites like it beat delicious tenfold in terms of providing relevant, useful information to someone who is just browsing. The digg is a page contextualized by different categories of news on a centralized menu screen. Like delicious, digg allows you to bookmark links to articles online. Unlike delicious, you don't have to have existing bookmarks to secure a meaningful, purposeful digg search. On delicious, users must navigate small, hard-to-read tags to search for topics of interest. Meanwhile, digg allows larger photos than delicious for posting alongside the links they belong to. When it comes to sites based on folksonomies, I am certainly a fan of “digg” type sites versus social bookmarking sites like delicious. Do you use folksonomies to keep track of your favorite places on the web? Which ones do you like best?&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.learnit2.com/tutorial%20005/005-08.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 251px; height: 248px;" src="http://www.learnit2.com/tutorial%20005/005-08.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-3676552370219698651?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/3676552370219698651/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/on-folksonomies.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/3676552370219698651'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/3676552370219698651'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/on-folksonomies.html' title='On Folksonomies'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-5462102535771128121</id><published>2009-10-14T19:22:00.000-07:00</published><updated>2009-10-15T20:04:03.692-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Tim O&apos;Reilly'/><category scheme='http://www.blogger.com/atom/ns#' term='Semantic Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Web 3.0'/><category scheme='http://www.blogger.com/atom/ns#' term='John Markoff'/><category scheme='http://www.blogger.com/atom/ns#' term='Web 2.0'/><title type='text'>Semantically Challenged Labels of Web #.0</title><content type='html'>Web 2.0 has become one of the biggest internet buzzwords of recent years despite its virtually meaningless name. Because of its vague label, many people use it to mean modern anything-on-the-internet. Nevertheless, Web 2.0 does have a real, concrete meaning (&lt;a href="http://freshairwave.blogspot.com/2009/10/my-motivation.html"&gt;see my first blog post for details&lt;/a&gt;).&lt;br /&gt;&lt;br /&gt;If I had to explain it myself, I’d say the concept behind Web 2.0 can be compared to a movie theater. While the theater is closed, nothing much happens. Once the theater opens for business, the action begins – staff bustle about preparing for business that day. Then the reels are loaded onto the projectors, moviegoers arrive, popcorn is popped, and the action really takes off.&lt;br /&gt;&lt;br /&gt;The whole dynamic of a closed, empty theater morphing into a frenzied hustle and bustle for tickets and snacks and previews perfectly summarizes Tim O’Reilly’s notion of Web 2.0 applications as ones &lt;a href="http://radar.oreilly.com/2008/10/network-effects-in-data.html"&gt;that harness network effects to get better the more people use them.&lt;/a&gt; The theater’s atmosphere gains color and life as more and more people enter and participate in the wheelings and dealings of its confines.&lt;br /&gt;&lt;br /&gt;What is a Web 2.0 application like Facebook, for instance, without users? Isn’t it just empty space with a couple of organizational categories? But the more people use it and link to others that use it and post status updates and photos, the better and more fascinating it gets. I would expect the branding of such a crucial point in the communications revolution might merit a more meaningful name than the generic “Web 2.0.” No such luck.&lt;br /&gt;&lt;br /&gt;In 2006, John Markoff of the New York Times decided to envision the internet one step further in his article - &lt;a href="http://www.nytimes.com/2006/11/12/business/12web.html"&gt;Entrepreneurs See a Web Guided by Common Sense&lt;/a&gt;. He labeled the upcoming trend following previous indistinct “Web #.0” naming conventions, calling it Web 3.0 (sometimes more clearly referred to as the Semantic Web). He explained that this referred to applications that become smarter the more people use them. Web 3.0 is a vision of the internet as one gigantic database from which information is intelligently pulled by different applications to fit the needs of a specific user. Here is an article that explains the workings of a Web 3.0 application – the search engine, Bing: &lt;a href="http://on10.net/blogs/sarahintampa/Bing-Reference-is-the-Semantic-Web-in-Action/"&gt;Bing Reference is the S&lt;/a&gt;&lt;a href="http://on10.net/blogs/sarahintampa/Bing-Reference-is-the-Semantic-Web-in-Action/"&gt;emantic Web in Action&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;If Web 2.0 was all about enhanced communication with people adding value to the internet, Web 3.0 is all about internet applications providing people with valuable information. There isn’t much of a direct correlation between the two except for the fact that they are both evolving trends in online communications. Why do the power players insist on naming these trends so similarly? 2.0 and 3.0 say nothing about the actual trend itself. This naming convention is confusing, and lends itself to all kinds of misuse. I know names like the Collaborative Web and the Semantic Web are not as easily "buzzable," but in all honesty, there must be better way to label these ground-breaking trends and developments.&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://mediasnackers.com/graphics/report/web1to3.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 359px; height: 236px;" src="http://mediasnackers.com/graphics/report/web1to3.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a style="font-style: italic;" href="http://mediasnackers.com/graphics/report/web1to3.jpg"&gt;Chart taken from Media Snackers. &lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-5462102535771128121?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/5462102535771128121/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/semantically-challenged-labels-of-web-0.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/5462102535771128121'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/5462102535771128121'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/semantically-challenged-labels-of-web-0.html' title='Semantically Challenged Labels of Web #.0'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-7328743772088212575</id><published>2009-10-11T09:55:00.000-07:00</published><updated>2009-10-11T11:49:47.217-07:00</updated><title type='text'>A Color Community to Train Your Eyes</title><content type='html'>Choosing the right color palette for a design can be just as important as choosing the right typeface. Verbal and visual communication should be carefully planned to provide a strong, cohesive message. Good color choices will strengthen the content, composition, and communication of an overall design.&lt;br /&gt;&lt;br /&gt;But how do we learn what good color choices are? How do we train our eyes to see what colors will work best together? I think we can only do this with practice and feedback.&lt;br /&gt;&lt;br /&gt;A couple of weeks ago I discovered a website called &lt;a href="http://www.colourlovers.com/"&gt;COLOURlovers.com&lt;/a&gt; It’s an online community, and you can sign up fairly quickly – simply choose a user name and a password. Once you are in, you may create palettes and patterns. You can rate and comment on other user’s palettes and patterns. Another thing you can do is explore and infinite range of colors, find one that you like, and obtain the hexadecimal code. Hexadecimal codes are six numbers and letters used together to define a single color on a computer screen. In case you aren't familiar with these, here is an example: #FFFFFF is used to define white. You can create a palette for your website/design project on the site, or borrow one that someone else made. The hexadecimal codes are there for you to use freely.&lt;br /&gt;&lt;br /&gt;I know there are other websites out there like COLOURlovers, but there is a reason I like it best. With the amount of interaction and the sense of community you get on the site, you are exposed to a very wide range of styles. Although you are limited to five colors in a palette and there are a limited number of patterns, there is still plenty to explore. There are thousands of people choosing from an infinite range of colors to make their palettes and patterns unique. It’s good training for the eye to see which colors work together versus which colors don’t. It’s also great that people will give you feedback on your designs (Don’t worry, they typically comment only when they have something nice to say!). There are many professional designers on the site and it’s nice to hear from them when you have succeeded in choosing a color combination that works. They also write a &lt;a href="http://www.colourlovers.com/blog"&gt;blog&lt;/a&gt; on the use of color in design.&lt;br /&gt;&lt;br /&gt;Let me give you one bad and one good example of color schemes from my account.&lt;br /&gt;&lt;br /&gt;Early on, I created this entirely-too-saturated monstrosity:&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://colourlovers.com.s3.amazonaws.com/images/patterns/596/596965.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 387px; height: 335px;" src="http://colourlovers.com.s3.amazonaws.com/images/patterns/596/596965.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Please try and view it in the largest version &lt;a href="http://www.colourlovers.com/wallPaper/1600x1200/n/596965/COLOURlovers.com-fresh_squeezed.png"&gt;here&lt;/a&gt;. Only then will you see how badly these colors work when they take up the majority of what's on your screen.&lt;br /&gt;&lt;br /&gt;Later, I learned from watching others that saturated colors are not pleasing to the eye when viewed in large quantities on a computer screen. I reduced the amount of chroma I had been using, and came up with my best rated pattern to date:&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://colourlovers.com.s3.amazonaws.com/images/patterns/601/601590.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 242px; height: 242px;" src="http://colourlovers.com.s3.amazonaws.com/images/patterns/601/601590.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;You can view the large version of this pattern &lt;a href="http://www.colourlovers.com/wallPaper/1600x1200/n/601590/COLOURlovers.com-fancy_blood_cells.png"&gt;here&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;To close, I think this COLOURlovers is a great community for learning to use color on the web.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-7328743772088212575?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/7328743772088212575/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/color-community-to-train-your-eyes.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/7328743772088212575'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/7328743772088212575'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/color-community-to-train-your-eyes.html' title='A Color Community to Train Your Eyes'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-1747554398043039997</id><published>2009-10-11T09:39:00.000-07:00</published><updated>2009-10-11T09:55:34.318-07:00</updated><title type='text'>Test Driving Toyota's iQ Font</title><content type='html'>A Belgian ad agency called &lt;a href="http://www.happiness-brussels.com/"&gt;Happiness Brussels&lt;/a&gt; had a very creative idea when it came to promoting the &lt;a href="http://www.toyota-europe.com/cars/new_cars/iq/index.aspx"&gt;Toyota iQ&lt;/a&gt;, a new compact car for the European market. They hired two typographers and a software engineer to come up with a car-designed font. The car’s movements were tracked using special software as the car was driven around by a professional race car driver. A program was created to track the car’s skid, and the driver was told what kinds of skids he needed to perform to create letters, numbers, and symbols. Here’s how it went down:&lt;br /&gt;&lt;br /&gt;&lt;object width="400" height="225"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5233789&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00adef&amp;amp;fullscreen=1"&gt;&lt;embed src="http://vimeo.com/moogaloop.swf?clip_id=5233789&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00adef&amp;amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;a href="http://vimeo.com/5233789"&gt;iQ font - When driving becomes writing &lt;/a&gt;&lt;a href="http://vimeo.com/5233789"&gt;/ Full ma&lt;/a&gt;&lt;a href="http://vimeo.com/5233789"&gt;king of&lt;/a&gt; from &lt;a href="http://vimeo.com/wireless"&gt;wireless&lt;/a&gt; on &lt;a href="http://vimeo.com/"&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;But honestly, how great can a font created by car tires be? Let’s find out.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;How legible is the iQ font?&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;The iQ font is reasonably legible. Let’s apply a simple legibility test. Covering the top or bottom of this font, can you make read the sentence below? I would say it is fairly easy to decipher the halved text. Since the iQ font is a sans serif font, there are few guidelines for your eye at the tops and bottoms of letters. However, the letters do have a substantial x-height (body minus ascenders and descenders) at larger point sizes. This adds to the font's legibility.&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/StIMZx62I_I/AAAAAAAAABw/v1QFJ32kmCA/s1600-h/legibility+top.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 21px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/StIMZx62I_I/AAAAAAAAABw/v1QFJ32kmCA/s320/legibility+top.jpg" alt="" id="BLOGGER_PHOTO_ID_5391385340952323058" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/StIMO74DuUI/AAAAAAAAABo/D7zLmxp2Qwo/s1600-h/legibility+bottom.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 16px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/StIMO74DuUI/AAAAAAAAABo/D7zLmxp2Qwo/s320/legibility+bottom.jpg" alt="" id="BLOGGER_PHOTO_ID_5391385154646423874" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;How does the iQ font stack up in terms of readability?&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;The larger the x-height, and the shorter the ascenders/descenders, the more readable the typeface. The thickness of this font interferes with the x-height at smaller sizes. As the point size goes up, x-height increases, and so does readability. At 12 points, the font is difficult to read. At about 18 points, this font is highly readable on a screen.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_HdP_e5245qI/StIM8OHDxeI/AAAAAAAAAB4/5rhBaDCFRe8/s1600-h/readability.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 139px;" src="http://4.bp.blogspot.com/_HdP_e5245qI/StIM8OHDxeI/AAAAAAAAAB4/5rhBaDCFRe8/s320/readability.JPG" alt="" id="BLOGGER_PHOTO_ID_5391385932635293154" border="0" /&gt;&lt;/a&gt;Another factor used to determine readability is space. The spacing between letters and words in the iQ font works well. The font appears neither cluttered nor disconnected. It's easy to glance at the iQ and see how white space is used well between characters and individual words.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;What kind of personality does the iQ font convey?&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Here's my verdict:&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/StINUb1RAJI/AAAAAAAAACA/U1QgMcLVBTU/s1600-h/personality.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 197px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/StINUb1RAJI/AAAAAAAAACA/U1QgMcLVBTU/s320/personality.JPG" alt="" id="BLOGGER_PHOTO_ID_5391386348635619474" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;So where would you use a font like the iQ? &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;The iQ, a contemporary font whose legibility and readability increase with point size, would probably work best in modern website headers or poster designs. It would probably not work well as longer, scrolling text. But don't take my word for it. &lt;a href="http://nl.toyota.be/cars/new_cars/iq/iq_font.aspx"&gt;Download the iQ font&lt;/a&gt; and go to town!&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Inspiration for this post:&lt;/span&gt;&lt;br /&gt;&lt;a href="http://ifitshipitshere.blogspot.com/2009/07/font-designed-by-car-toyota-iq.html"&gt;Typeface by Toyota. The iQ font Designed By a Moving Car.&lt;/a&gt; - &lt;span style="font-style: italic;"&gt;If It's Hip, It's Here. &lt;/span&gt;&lt;br /&gt;&lt;a href="http://docs.google.com/gview?a=v&amp;amp;q=cache%3A3H99EQh_8EIJ%3Awww.stc.org%2Fconfproceed%2F2000%2FPDFs%2F00006.PDF+avoiding+typeface+terrors&amp;amp;hl=en&amp;amp;gl=us&amp;amp;sig=AFQjCNEQvVRvLZBopqCpyaMp4l70kIq5bg"&gt;Avoiding Typeface Terrors&lt;/a&gt; - &lt;span style="font-style: italic;"&gt;Kathleen Burke Yoshida &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-1747554398043039997?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/1747554398043039997/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/test-driving-toyotas-iq-font.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/1747554398043039997'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/1747554398043039997'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/test-driving-toyotas-iq-font.html' title='Test Driving Toyota&apos;s iQ Font'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_HdP_e5245qI/StIMZx62I_I/AAAAAAAAABw/v1QFJ32kmCA/s72-c/legibility+top.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-4374128287532291335</id><published>2009-10-11T09:07:00.000-07:00</published><updated>2009-12-06T11:56:12.865-08:00</updated><title type='text'>Tweaking Blogger Templates</title><content type='html'>Thanks to &lt;a href="http://www.bloggerbuster.com/"&gt;Blogger Buster&lt;/a&gt; and &lt;a href="http://www.colourlovers.com/"&gt;COLOURLovers&lt;/a&gt;, I've made a few minor adjustments to this blog's design. I started with the Minima template from Blogger, and I made a few small changes with the help of an article called &lt;a href="http://www.bloggerbuster.com/2008/01/cheats-guide-to-customising-blogger.html"&gt;"A Cheat's Guide to Customizing Blogger Templates."&lt;/a&gt; This is what my blog looked like&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;span style="font-size:130%;"&gt;Before: &lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_HdP_e5245qI/SxwMLfkRouI/AAAAAAAAAHs/CLKxJ5yig4I/s1600-h/fresh+airwaves+v1.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 124px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/SxwMLfkRouI/AAAAAAAAAHs/CLKxJ5yig4I/s200/fresh+airwaves+v1.JPG" alt="" id="BLOGGER_PHOTO_ID_5412214243784237794" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;At that point I had only made a couple of changes to the color scheme, but overall I wasn't thrilled with how my blog appeared. I needed to do something to make it my own. Since part of the Blogger Buster article calls for a pattern, I decided to design my own on COLOURlovers' site. I designed my own &lt;a href="http://www.colourlovers.com/palette/969385/soggy_pizza"&gt;color palette&lt;/a&gt;, and from it I designed this &lt;a href="http://www.colourlovers.com/pattern/614919/slippery_slope"&gt;pattern&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;After: &lt;/span&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/SxwL2B4PE-I/AAAAAAAAAHk/n5hnpZhJjqk/s1600-h/fresh+airwaves+v2.JPG"&gt;&lt;img style="cursor: pointer; width: 200px; height: 125px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/SxwL2B4PE-I/AAAAAAAAAHk/n5hnpZhJjqk/s200/fresh+airwaves+v2.JPG" alt="" id="BLOGGER_PHOTO_ID_5412213875037639650" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;I know it's not a huge change, but I'm still learning how to work with code and colors. I am happy to say that I finally feel like this blog is "mine." All in all it was a very simple process - a quick and easy way to personalize Blogger. Let me know what you think of my new design. Feedback is much appreciated!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-4374128287532291335?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/4374128287532291335/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/tweaking-blogger-templates.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/4374128287532291335'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/4374128287532291335'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/tweaking-blogger-templates.html' title='Tweaking Blogger Templates'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_HdP_e5245qI/SxwMLfkRouI/AAAAAAAAAHs/CLKxJ5yig4I/s72-c/fresh+airwaves+v1.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-8859054156445773726</id><published>2009-10-10T18:35:00.000-07:00</published><updated>2009-10-10T18:44:23.014-07:00</updated><title type='text'>Interactive UX Design for all Ages</title><content type='html'>Age can have a big influence on user interface design. For example, take a look two different sites branded under the largest broadcasting corporation in the world - the &lt;a href="http://www.bbc.co.uk/"&gt;BBC&lt;/a&gt; and the &lt;a href="http://www.bbc.co.uk/cbbc/"&gt;Children’s BBC&lt;/a&gt; homepages:&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;BBC Homepage &lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/StE3dbqyOZI/AAAAAAAAABY/975-rLhuJHM/s1600-h/bbc.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 200px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/StE3dbqyOZI/AAAAAAAAABY/975-rLhuJHM/s320/bbc.JPG" alt="" id="BLOGGER_PHOTO_ID_5391151207722138002" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;"&gt;Children's BBC Homepage&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_HdP_e5245qI/StE3IUEQkRI/AAAAAAAAABQ/qSEGOlprMvc/s1600-h/cbbc.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 199px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/StE3IUEQkRI/AAAAAAAAABQ/qSEGOlprMvc/s320/cbbc.JPG" alt="" id="BLOGGER_PHOTO_ID_5391150844904247570" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Andragogy vs. Pedagogy&lt;/span&gt;&lt;br /&gt;A lot of thought went into making each of these websites appropriate for their respective audiences. The BBC homepage uses principles of andragogy, or teaching geared toward adults, to communicate with its audience. Adults learn effectively by linking previous knowledge with new information. It seems the BBC homepage was designed with this idea in mind, as it allows its user to completely customize their homepage with topics they are familiar with and interested in by using the “Add more to this page" option. The site is full of eye-catching headlines in categories that can be dragged and dropped anywhere within the page’s grid. Adult themes dominate the page in the form of world news, business news, a travel section, etc. There are many words on the page, appealing to visual/verbal learning tendencies in adults.&lt;br /&gt;&lt;br /&gt;The CBBC homepage uses pedagogy, or learning strategies geared toward children. Young children are often tactile/kinesthetic learners. They are very hands-on. Appropriately, the CBBC site is highly interactive. The creatures in the background of the site move and make sounds, there is a video to watch in the center of the screen, there is a lever to pull that makes a screen spin and stop on different shows from the network, etc. The content is more static than that of the BBC homepage (the user cannot move it around on the screen), but there is still plenty to “do” on the site to keep a child engaged and busy.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Same Goals&lt;/span&gt;&lt;br /&gt;It’s obvious that the designers of both the BBC and CBBC sites aimed to provide maximum usability for their intended audiences. In doing so, it’s interesting to note how both of the sites were built to achieve similar goals. It appears that both sites were created with the intention of providing interactive learning environments for their users. The BBC homepage allows the user to more or less build their own online newspaper catering to their individual interests. The CBBC homepage also encourages interaction, with so many places to click to see, hear, and communicate with new material.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Conclusion&lt;/span&gt;&lt;br /&gt;It appears that the designers of both BBC and CBBC sites were motivated by the goals of gaining and maintaining their audience's attention by getting them to “play” with a website, albeit in two completely different ways.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Inspiration for this post:&lt;/span&gt;&lt;br /&gt;&lt;a href="http://connection.ebscohost.com/content/article/1035682599.html%3Bjsessionid=CAE2DDBF520AD5101E1FFBCA86B19BAE.ehctc1"&gt;Characterizing Audience for Informational Web Site Design&lt;/a&gt; &lt;span style="font-style: italic;"&gt;by Jennifer Turns and Tracey S. Wagner&lt;/span&gt;&lt;br /&gt;&lt;a href="http://school.familyeducation.com/intelligence/teaching-methods/38519.html"&gt;Visual, Auditory, Kinesthetic Learners&lt;/a&gt; &lt;span style="font-style: italic;"&gt;by Terry Farwell&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-8859054156445773726?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/8859054156445773726/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/interactive-ux-design-for-all-ages.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/8859054156445773726'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/8859054156445773726'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/interactive-ux-design-for-all-ages.html' title='Interactive UX Design for all Ages'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_HdP_e5245qI/StE3dbqyOZI/AAAAAAAAABY/975-rLhuJHM/s72-c/bbc.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-6331922163143413789</id><published>2009-10-10T18:31:00.000-07:00</published><updated>2009-10-10T18:35:18.669-07:00</updated><title type='text'>Words with Personality: V for Vendetta in Kinetic Typography</title><content type='html'>I think the most impressive thing the video below is that even if you have never heard of &lt;span style="font-style: italic;"&gt;V for Vendetta&lt;/span&gt;, the comic book by Alan Moore, you will have a pretty good sense of the two main characters, V and Evey, once you've watched it. The creator of this video successfully uses several elements of design to convey personality and expression. Watch it and see:&lt;br /&gt;&lt;br /&gt;&lt;object width="340" height="285"&gt;&lt;param name="movie" value="http://www.youtube.com/v/c6Q0dfrbr10&amp;hl=en&amp;fs=1&amp;color1=0x5d1719&amp;color2=0xcd311b&amp;border=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/c6Q0dfrbr10&amp;hl=en&amp;fs=1&amp;color1=0x5d1719&amp;color2=0xcd311b&amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="340" height="285"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;The visual organization of this piece is particularly striking. Regular changes in text orientation are effectively used to convey transitions, particularly in V's dialog. The constant turning, angling, and reorientation of text gives the viewer a sense of V as a fast-talking, enthusiastic vigilante. The regular changes in text orientation also play with the viewer's eye movement and create a fast-paced rhythm. As the viewer's eyes move from one of V's declarations to another, the viewer gets a very accurate impression of Evey's character - it's clear she is a regular girl asking few simple questions and getting an absolute whirlwind of an answer.&lt;br /&gt;&lt;br /&gt;Visual relationships created throughout the video give the viewer a sense of a world filled with danger, excitement, mystery, and intrigue. The colors used, a dark red to black gradient fill background contrasted with white text, convey a dark world in which thrilling events are about to occur. The font, which appears to be Garamond bold, stands out, conveying a sense of adventure. Anomaly, or elements differing from those that dominate the composition, is used within the text to stress certain words and deemphasize others. For instance, articles and determiners are often turned sideways and put in a smaller font than the rest of the text to give emphasis to more descriptive, exhilarating words. Looking at the scale of the majority of the text, the viewer will see that V's words are typically bigger than Evey's. This clues the viewer into the fact that V has an enormous personality while Evey is more of an average person.&lt;br /&gt;&lt;br /&gt;Amazingly, without ever seeing V or Evey or the world they inhabit, a viewer of this video can get a very clear feel for all of these things. Visual organization and visual relationships come together brilliantly in this video to create a world of their own.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-6331922163143413789?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/6331922163143413789/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/words-with-personality-v-for-vendetta.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6331922163143413789'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6331922163143413789'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/words-with-personality-v-for-vendetta.html' title='Words with Personality: V for Vendetta in Kinetic Typography'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-949777905366053925</id><published>2009-10-10T18:12:00.000-07:00</published><updated>2009-10-10T18:30:51.616-07:00</updated><title type='text'>Two Genuinely Terrific Corporate Blogs</title><content type='html'>&lt;span style="font-weight: bold;"&gt;These days, one of the most effective ways for a company to broadcast its identity and build its reputation is through a corporate blog. &lt;/span&gt;Corporate blogging is not as straightforward as it sounds. There is a science to it, and corporations that blog without researching this science risk serious damage to their reputations. Corporations must remember that due to the popularity of online communities such as blogs, Twitter, and Facebook, they are dealing with a very sophisticated audience – an audience that can exalt or trash a brand internationally with a few sentences and the click of a button. This audience is very brand-loyal and expects the companies they support to participate in online communities and social networking in a way that shows they are both personable and human.&lt;br /&gt;&lt;br /&gt;What corporate bloggers must understand is that their blog is not their chance to “talk at” their public, letting them know how great and wonderful they are. Instead, this is their chance to relate, connect, listen to, and bond with their public. Consequently, one of the most important requirements a corporate blog can meet are to portray an honest face of a company that cares about their customer base, employees, and anyone else with interests in the company. A successful corporate blog will be well-planned and genuine. Recently, I came across two exemplary corporate blogs: &lt;a href="http://www.blogsouthwest.com/blogsw"&gt;Nuts About Southwest&lt;/a&gt; and &lt;a href="http://www.whatsthediff.com/"&gt;The Diff&lt;/a&gt;.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_HdP_e5245qI/StE0YFLj0dI/AAAAAAAAAA4/k_5rejpVR0c/s1600-h/southwest.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 127px;" src="http://3.bp.blogspot.com/_HdP_e5245qI/StE0YFLj0dI/AAAAAAAAAA4/k_5rejpVR0c/s320/southwest.jpg" alt="" id="BLOGGER_PHOTO_ID_5391147817251361234" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_HdP_e5245qI/StE0ij8MWmI/AAAAAAAAABA/wr8NlvGIbII/s1600-h/What_s+the+Diff.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 182px;" src="http://2.bp.blogspot.com/_HdP_e5245qI/StE0ij8MWmI/AAAAAAAAABA/wr8NlvGIbII/s320/What_s+the+Diff.jpg" alt="" id="BLOGGER_PHOTO_ID_5391147997307099746" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Nuts About Southwest is Southwest Airline’s corporate blog. It is written by various employees of Southwest Airlines and its intended readership includes customers, potential customers, employees, investors, and beyond. Nuts About Southwest is written with the following purpose in mind: &lt;a href="http://www.blogsouthwest.com/about"&gt;“...to give our visitors the opportunity to take a look inside Southwest Airlines and to interact with us. This is as much your site as it is ours…&lt;/a&gt;&lt;a href="http://www.blogsouthwest.com/about"&gt;”&lt;/a&gt; Nuts About Southwest is about everything from aviation to world news. The blog is updated on a fairly regular basis and recent posts include write-ups on Labor Day, an employee’s pet dogs, and an early check-in scheme the airline would like to implement. The blog allows, encourages, and receives both positive and negative comments. When replies are given to comments, they are thoughtful, personalized, and timely.  For example, there were many different reactions to &lt;a href="http://www.blogsouthwest.com/blog/earlybird-check-a-convenient-way-travel"&gt;the post about the early check-in scheme&lt;/a&gt;. Visually, the blog is very neat, compact, and clean. The average entry is of reasonable length and fits within a computer screen without scrolling. Entries with photos can be up to twice this size. Stylistically, the site is uncluttered and pleasing to the eye. There are peanuts scattered around the borders of the blog itself to tie-into the “nuts” about Southwest theme. The fonts and font styles are clear and very easy to read. The overall message I take away from this blog is that this is a company that cares - not just about their business and their customer base, but about the world as a whole.&lt;br /&gt;    &lt;br /&gt;Quicken Loans is an award winning mortgage lender. Their blog is called The Diff because the company’s employees’ opinion is that &lt;a href="http://www.whatsthediff.com/about.html"&gt;the greatest thing about their job is the ability to make a difference in people’s lives&lt;/a&gt;. The goal of the blog is to highlight this claim. Topics covered in the blog include personal interest stories, current events, financial advice, and the occasional mention of Quicken Loans’ business offerings. Like Nuts About Southwest, The Diff is written by a network of employees in a variety of positions at Quicken Loans who are very enthusiastic and responsive regarding both positive and negative comments. They update regularly. The average entry fits within a computer screen and occasionally requires minimal scrolling. Entries that exceed the aforementioned length include a link that asks the reader to click on it so that they may continue reading the rest of the article. This is a great idea because it allows readers to get a taste of the article before they decide they would like to read on. Like Nuts About Southwest, The Diff is highly designed including a professional-looking color scheme and logo. The blog has a clean, direct appearance due to the use of easy-to-read fonts and neatly organized, easy-to-locate content. Once again, the impression I get from this blog is that I am reading about a socially responsible company that cares about its customers’ interests, welfare, and feedback.&lt;br /&gt;&lt;br /&gt;Nuts About Southwest and The Diff are both great examples of well-executed, thoughtful corporate blogs. They deliver an identity true to the reputations they aim to build. Do you know of any corporate blogs that deserve a gold star?&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Inspiration for this post:&lt;/span&gt;&lt;br /&gt;&lt;a href="http://technorati.com/blogging/state-of-the-blogosphere/brands-enter-the-blogosphere/"&gt;Technorati: State of the Blogosphere, Day 5&lt;/a&gt; - &lt;span style="font-style: italic;"&gt;Technorati's annual report on blogging trends&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.backbonemedia.com/blogsurvey/blogsurvey2005.pdf"&gt;Corporate Blogging: Is It Worth the Hype?&lt;/a&gt; - &lt;span style="font-style: italic;"&gt;by Backbone Media&lt;/span&gt;&lt;br /&gt;&lt;a href="https://learningspaces.njit.edu/elliot/content/corporate-blogs-reputation-management-20"&gt;Corporate Blogs as Reputation Management 2.0&lt;/a&gt; - &lt;span style="font-style: italic;"&gt;a case study I wrote on corporate blogging&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-949777905366053925?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/949777905366053925/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/two-genuinely-terrific-corporate-blogs.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/949777905366053925'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/949777905366053925'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/two-genuinely-terrific-corporate-blogs.html' title='Two Genuinely Terrific Corporate Blogs'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_HdP_e5245qI/StE0YFLj0dI/AAAAAAAAAA4/k_5rejpVR0c/s72-c/southwest.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5973674194796766880.post-6643473369165764935</id><published>2009-10-10T18:01:00.000-07:00</published><updated>2009-10-10T18:12:40.111-07:00</updated><title type='text'>My motivation</title><content type='html'>In 2003, Dale Dougherty, VP of O’Reilly Media, participated in a brainstorming session examining the role of the internet after the 2001 dot-com crash. While many were dismissive, concluding “&lt;a href="http://oreilly.com/web2/archive/what-is-web-20.html"&gt;that the web was overhyped&lt;/a&gt;," Dougherty pointed out how the web was becoming more creative than ever - new applications were popping up almost daily. It was at this brainstorming session that Dougherty coined the term, Web 2.0. Web 2.0 represents the movement after the dot-com crash toward viewing the Internet as a platform for information. The success of this platform is contingent on building “&lt;a href="http://radar.oreilly.com/2006/12/web-20-compact-definition-tryi.html"&gt;applications that harness network effects to get better the more people use them&lt;/a&gt;.” A blog, for instance, is a good example of a Web 2.0 application. As posts, comments, links, and photos are added, a blog becomes richer in content and therefore more interesting.&lt;br /&gt;&lt;br /&gt;I'm interested in Web 2.0 applications and how they can help improve people's lives. I love how &lt;a href="http://www.linkedin.com/"&gt;Linked In&lt;/a&gt; makes networking and job hunting so efficient. I get excited when I read posts like &lt;a href="http://www.dooce.com/2009/08/28/containing-capital-letter-or-two"&gt;this one&lt;/a&gt; about &lt;a href="http://twitter.com/"&gt;Twitter&lt;/a&gt; being used as a customer service tool. I'm grateful to open source design programs such as &lt;a href="http://www.inkscape.org/"&gt;Inkscape&lt;/a&gt; for making professional graphics software available to a design novice like myself. I would like to use this blog to explore these new applications - this "fresh airwave" - of the Web 2.0 era.&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_HdP_e5245qI/StEwpw7Op7I/AAAAAAAAAAw/LAtxK1bwB98/s1600-h/web20map.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 214px;" src="http://1.bp.blogspot.com/_HdP_e5245qI/StEwpw7Op7I/AAAAAAAAAAw/LAtxK1bwB98/s320/web20map.png" alt="" id="BLOGGER_PHOTO_ID_5391143723005290418" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5973674194796766880-6643473369165764935?l=freshairwave.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://freshairwave.blogspot.com/feeds/6643473369165764935/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://freshairwave.blogspot.com/2009/10/my-motivation.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6643473369165764935'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5973674194796766880/posts/default/6643473369165764935'/><link rel='alternate' type='text/html' href='http://freshairwave.blogspot.com/2009/10/my-motivation.html' title='My motivation'/><author><name>iamrodan</name><uri>http://www.blogger.com/profile/09242781636586379991</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='http://2.bp.blogspot.com/_HdP_e5245qI/TPK3XG4pdLI/AAAAAAAAALU/XS2p5a-CrXE/S220/profile.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_HdP_e5245qI/StEwpw7Op7I/AAAAAAAAAAw/LAtxK1bwB98/s72-c/web20map.png' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
