<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>RedWrangler.com</title>
<link>http://www.redwrangler.com/blog/</link>
<description></description>
<copyright>Copyright 2008</copyright>
<lastBuildDate>Tue, 20 May 2008 11:34:32 -0700</lastBuildDate>
<generator>http://www.movabletype.org/?v=4.0</generator>
<docs>http://blogs.law.harvard.edu/tech/rss</docs> 




<item>
<title>MyFonts Creative Characters: Nick Curtis</title>
<description><![CDATA[<p>"When we learn to read and write, the process is vitally dependent on letterforms--learning to distinguish one from another, learning their sounds and their shapes--but the act of "appreciating" the diverse forms is practical, rather than aesthetic. Thus, at some point in the process of learning to read and write, the medium fades into the background, and the message becomes the focus of our attention. Or, put another way, we are taught to pay attention to what is being said in print, but not how it's being said."</p>

<p>I'd also add that some people are attuned to letterforms while many are not. From <a href="http://www.myfonts.com/newsletters/cc/200805.html" target="_blank">MyFonts.com</a>, an interview with prolific typographer Nick Curtis. Read his biography and see his fonts <a href="http://www.myfonts.com/person/curtis/nick/" target="_blank">here</a>. He also has a huge catalog of free fonts listed at <a href="http://www.fontfreak.com/authors/nick_curtis.htm" target="_blank">FontFreak</a>, including a wonderful script font, Quiggly Wiggly which is based on type he found on a toothpick wrapper. And I think his website is <a href="http://www.nicksfonts.com/" target="_blank">Nick's Fonts</a>, although in a very contrarian way the site refuses to have any about us or contact information to make sure. But the site does have an excellent list of typography links worth checking out.</p>

<p>This is a fun and enlightening interview with lots of examples and drafts to pick over. And it's a nice life to imagine, especially the ability to spend time researching old type at places like the Smithsonian.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/05/20/11.34.32/</link>
<guid>http://www.redwrangler.com/blog/2008/05/20/11.34.32/</guid>
<category>Fonts</category>
<pubDate>Tue, 20 May 2008 11:34:32 -0700</pubDate>
</item>

<item>
<title>Two Hidden Ways to Get More from Your Gmail Address</title>
<description><![CDATA[<p>"I recently discovered some little-known ways to use your Gmail address that can give you greater control over your inbox and save you some time and headache. When you choose a Gmail address, you actually get more than just "yourusername@gmail.com." Here are two different ways you can modify your Gmail address and still get your mail:</p>

<ul>
<li>Append a plus ("+") sign and any combination of words or numbers after your email address. For example, if your name was hikingfan@gmail.com, you could send mail to hikingfan+friends@gmail.com or hikingfan+mailinglists@gmail.com.</li>
<li>Insert one or several dots (".") anywhere in your email address. Gmail doesn't recognize periods as characters in addresses -- we just ignore them. For example, you could tell people your address was hikingfan@gmail.com, hiking.fan@gmail.com or hi.kin.g.fan@gmail.com. (We understand that there has been some confusion about this in the past, but to settle it once and for all, you can indeed receive mail at all the variations with dots.)</li>
</ul>

<p>From the <a href="http://gmailblog.blogspot.com/2008/03/2-hidden-ways-to-get-more-from-your.html" target="_blank">Official GMail Blog</a>. I used to create custom email addresses when signing up for email newsletters and other things online to track misuse, until I had to reconfigure my mail to avoid spammers using the same capability to relay spam. So here's another way to use custom email addresses to track misuse, this time with your Google Mail account, which is free and easy to use. Indeed, with Google Docs and a few other of their free tools, you could do most of your computing with a web browser. When Photoshop and Ilustrator are put online, that definitely will be true.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/05/19/21.54.41/</link>
<guid>http://www.redwrangler.com/blog/2008/05/19/21.54.41/</guid>
<category>Graphic Designers</category>
<pubDate>Mon, 19 May 2008 21:54:41 -0700</pubDate>
</item>

<item>
<title>Right-Justified Navigation Menus Impede Scannability</title>
<description><![CDATA[<p>"Aligning a navigation menu with the right margin might look cool, but the resulting ragged left margin severely reduces the speed with which users can scan the menu and select their preferred options."</p>

<p>From Jakob Nielsen's <a href="http://www.useit.com/alertbox/navigation-menu-alignment.html" target="_blank">Alertbox</a>. This should be common sense but you still see right aligned forms (so the form labels are next to the input fields) and navigation links.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/28/12.07.37/</link>
<guid>http://www.redwrangler.com/blog/2008/04/28/12.07.37/</guid>
<category>Interface Design</category>
<pubDate>Mon, 28 Apr 2008 12:07:37 -0700</pubDate>
</item>

<item>
<title>Sign Up Forms Must Die</title>
<description><![CDATA[<p>"I'll just come out and say this: sign-up forms must die. In the introduction to this book I described the process of stumbling upon or being recommended to a web service. You arrive eager to dive in and start engaging and what's the first thing that greets you? A form.</p>

<p>We can do better. In fact, I believe we can get people engaged with digital services in a way that tells them how such services work and why they should care enough to use them. I also believe we can do this without explicitly making them fill out a sign-up form as a first step."</p>

<p>From <a href="http://alistapart.com/articles/signupforms" target="_blank">A List Apart</a>.</p>

<p>This is a classic debate within web design: how do you make forms as short as possible? Even to the point, as this article argues, that forms disappear.</p>

<p>With forms, what is the minimum data set needed to complete the job the form does? With a Contact Us form, you want enough data to follow up, at the minimum, but you also don't want to waste time calling or emailing tirekickers who will never buy. And you don't want qualified prospects to click away because they're intimidated by too many questions on a form. Where do you strike a balance with these conflicting interests?</p>

<p>A Contact Us form ideally should have at least one or two elements that help pre-qualify the lead. A real estate site might ask if the person is a homeowner (or renter) and when they plan to buy (possible responses might be "Just looking, within 3 months, within 6 months, within a year").</p>

<p>However, the temptation is to dump everything on a form, to make the user answer all sorts of questions. The best approach, in this case, is to design the form so pre-qualify questions are visually separate from the key information needed. Marketing questions might be in their own form CSS fieldset with a friendly headline and short explanatory text. Users can then skip down the form to find the Submit button if they want to do so.</p>

<p>I personally don't think forms should disappear. I do think every element on a form has to have ironclad reasons to be on the form. Otherwise, you should never burden the user. It also helps to put a short note near the Submit button that says, in effect, "We will never sell, trade, or otherwise share your information without your permission" with perhaps a link to your privacy policy. Every form also should have a confirmation page and an automatic email response to let the user know their data was received. Both should include the full list of contact information in the event the user wants to contact you more quickly.</p>

<p>Finally, forms really lend themselves to analysis over time. You should keep track to see if a short version of a Contact Us form results in more leads or if a slightly longer form results in more qualified leads. What you or your client decide works best should be based on actual experience.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/21/09.18.31/</link>
<guid>http://www.redwrangler.com/blog/2008/04/21/09.18.31/</guid>
<category>Interface Design</category>
<pubDate>Mon, 21 Apr 2008 09:18:31 -0700</pubDate>
</item>

<item>
<title>Video of Paper Prototype Usability Tests for a Web Site Publishing Tool</title>
<description><![CDATA[<p>"Here's an interesting video showing how a paper prototype usability test helped the usability team at Corel find flaws in a preliminary design of a website creation product."</p>

<p><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/ppnRQD06ggY&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/ppnRQD06ggY&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></p>

<p>From <a href="http://www.guuui.com/posting.php?id=2119" target="_blank">GUUUI</a>.</p>

<p>While I'm a sucker for live and video tape of usability testing, this one may be self-indulgent given my work creating Red Wrangler. Corel seems locked in the classic paradigms of client side software. And ways of thinking about web page and web site publishing. These paradigms don't work, unfortunately.</p>

<p>One solution is what we've done with Red Wrangler, breaking out the web site publishing problems into three parts: content, templates, and navigation links. The latter is sometimes dynamic, sometimes hard-coded in the templates. Typically templates are created by people who know HTML and CSS and we provide support to make it all work easily. Non-technical people typically work only with content using the WYSIWYG editor. When you do create a page, you link to that page either by updating the navigation links and/or linking from other pages. It's not a perfect solution but it avoids the confusion you see in this video.</p>

<p>The only solution I've seen work that is similar to Corel's is Google's publishing product. You can drag and drop pages and the functionality is fairly intuitive. I believe, for example, that Google's product updates any navigation links dynamically based on how you order pages.</p>

<p>However, like Corel, Google's product thinks of web site and web page publishing as a silo. In fact, publishing web sites is part of a larger process. Red Wrangler is unique, so far, because we make it easy to corral in one place all the other related internet marketing activities that go with publishing a web site or a web page. For example, most business sites have a Contact Us page that generates leads and those leads must be gathered for follow-up and marketing with direct mail and email.</p>

<p>In any event, if you're interested in watching paper prototyping, this is an interesting video.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/17/07.36.47/</link>
<guid>http://www.redwrangler.com/blog/2008/04/17/07.36.47/</guid>
<category>Usability</category>
<pubDate>Thu, 17 Apr 2008 07:36:47 -0700</pubDate>
</item>

<item>
<title>A Collection of Well Designed CSS Sites</title>
<description><![CDATA[<p><a href="http://andybudd.com/links/well_designed_css_sites/" target="_blank">Andy Budd</a> has a long list of well-designed sites that use CSS for layout. It's a great resource if you're looking for creative inspiration for a web design or redesign. It's also a great resource if you want to study link labels, what words people most often use for a link, what words are most effective, as well as how people organize information on types of websites, for example, web sites for web designers.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/16/11.18.46/</link>
<guid>http://www.redwrangler.com/blog/2008/04/16/11.18.46/</guid>
<category>Interface Design</category>
<pubDate>Wed, 16 Apr 2008 11:18:46 -0700</pubDate>
</item>

<item>
<title>How to Target CSS Style to Internet Explorer 6 and IE7</title>
<description><![CDATA[<p>Today, for the umpteenth time in the past month, I found myself coding a design to work around bugs in the Internet 6 and 7 web browsers. I had found and posted a link to a great site on our Resources pages, on the <a href="http://www.redwrangler.com/resources/html-and-css.php#iebugs" target="_blank">HTML and CSS page</a>, and realized that it should be posted on the blog as well.</p>

<p>Basically, to target a style so that only Internet Explorer 6 and 7 web browsers will respond, add an asterisk before the definition like this:</p>

<div class="example">
<p>#some-style {<br />
...<br />
 top: 45px;<br />
 *top: 55px; /*hack for IE6 and IE7 browsers*/<br />
...<br />
}</p>
</div>

<p>If you want to target a style so that only Internet Explorer 6 will respond, add an underline before the definition, like this:</p>

<div class="example">
<p>#some-style {<br />
...<br />
 top: 45px;<br />
 _top: 55px; /*hack for IE6 only*/<br />
...<br />
}</p>
</div>

<p>This tip is from <a href="http://www.last-child.com/ie7-hacks/" target="_blank">Last Child</a>, an excellent resource on CSS. This tip is really cool because it is lightweight and standards-compliant browsers like Firefox and Safari will ignore the hacks.</p>

<p>The real problem with CSS hacks, besides the fact the Microsoft browsers are so poorly coded in some ways, is future maintenance of your CSS code. At the least, you should put a comment next to any CSS element that is targeted solely to an IE browser. That way you can quickly find these hacks in the future and make changes on the day, one hopes, Microsoft releases a truly web standards compliant browser. One that requires no hacks. At worst, do not go for complicated hacks whenever possible. They're more difficult to maintain going forward.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/14/06.12.20/</link>
<guid>http://www.redwrangler.com/blog/2008/04/14/06.12.20/</guid>
<category>HTML, CSS, XML, ...</category>
<pubDate>Mon, 14 Apr 2008 06:12:20 -0700</pubDate>
</item>

<item>
<title>Gorilla Suit Making Workshop</title>
<description><![CDATA[<p>"No single article of clothing is as versatile as the gorilla suit. You can wear a gorilla suit to an embassy party, to a jewel heist, to a high-speed car chase, and then practice your slamdunks in it, all in a single evening. Without a well-constructed, well-tailored, and suitably altered gorilla suit (do you need boot-cut legs to go over your ski bindings?) your closet is sadly lacking. But the fancy-dress gorilla suits of the past aren't made anymore. Even the patterns to sew your own are out of print. That's a tragedy.</p>

<p>People with fiberglass skills especially welcome. Those masks are hard!"</p>

<p>From <a href="http://www.boingboing.net/2008/04/10/gorilla-suit-making.html" target="_blank">Boing Boing</a>, this looks like a fun workshop. It's in October 2008 in West Chester, Pennsylvania. The workshop site is <a href="http://www.gorillasuitworkshop.com/" target="_blank">here</a>.</p>

<p>Then again, it's a Friday and quite possibly this workshop is a hoax. You decide.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/11/11.30.16/</link>
<guid>http://www.redwrangler.com/blog/2008/04/11/11.30.16/</guid>
<category>Fun Stuff</category>
<pubDate>Fri, 11 Apr 2008 11:30:16 -0700</pubDate>
</item>

<item>
<title>30 Free Website Icons, Blog Icons, Symbol Icons</title>
<description><![CDATA[<p>"Looking for free blog icons or website icons? I created 30 free icons for anyone needing small pixel icons: 15 16x16 icons and 15 matching 10x10 icons. Download them all or by each size via the ZIP files within today's post."</p>

<p>From <a href="http://brainstormsandraves.com/archives/2008/04/10/blogicons/" target="_blank">Brainstorms & Raves</a>. Her icons here are very clean and muted. Her post includes a link to her <a href="http://websitetips.com/graphics/webicons/" target="_blank">Commercial and Free Web Site Icons</a> page which has much more in the way of free and commercial web site icons, blog icons, and symbol icons.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/11/06.53.35/</link>
<guid>http://www.redwrangler.com/blog/2008/04/11/06.53.35/</guid>
<category>Graphic Design</category>
<pubDate>Fri, 11 Apr 2008 06:53:35 -0700</pubDate>
</item>

<item>
<title>San Fran Olympic Torch Relay is a Social Media Extravaganza!</title>
<description><![CDATA[<p>"I then found @SFtorch which was a Twitter profile that was aggregating all of the related tweets - suddenly sitting in my kitchen in London I was party to probably more information than had I been walking the streets of San Francisco. People started tweeting that they didn't know where the torch was headed (as it had been driven off in a bus) however I was was watching the live feed so I knew where it was going - I quickly tweeted @SFtorch, let them know what I was seeing, they then relayed that to everyone following them and BOOM all of a sudden I providing information to the protesters on the ground - shit - this is the most awesome ARG (except that its real) ever."</p>

<p>From <a href="http://grumblemouse.wordpress.com/2008/04/09/san-fran-torch-relay-is-a-social-media-extravaganza/" target="_blank">Grumblemouse Musings</a>. This is a great example how Twitter and similar technologies can be easily used for social action, in this case, or other purposes. Many years ago, when we lived in LA, I remember jumping on the internet to follow an earthquake in Japan. The media had very little news but people posted images and wrote their experiences.</p>

<p>What makes this story much more interesting is that the traditional media was an unwitting participant. People effortlessly adapted social media technologies like Twitter to extend the "scoop" mentality of the news media, their manic drive to get a story first, in this case, using a helicopter to track the actual location of the Olympic torch. I wonder what the editors or corporate owners of NBC think about their involvement.</p>

<p>When someone tells you Twitter is hopelessly narcissistic, think about this protest. There are many ways that instant, bite-sized communications between networks of people can be harnessed in useful ways.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/10/18.04.40/</link>
<guid>http://www.redwrangler.com/blog/2008/04/10/18.04.40/</guid>
<category>Internet &amp; Culture</category>
<pubDate>Thu, 10 Apr 2008 18:04:40 -0700</pubDate>
</item>

<item>
<title>Five Words You Can Cut to Improve Your Copywriting</title>
<description><![CDATA[<p>"One of the best ways to make your writing stronger is to cut unnecessary words. Many people tend to over-write, often in a similar way to how they would speak. Words creep in that add no meaning and can make a piece of writing sound vague and woolly rather than confidence and precise."</p>

<p>From <a href="http://www.dailywritingtips.com/five-words-you-can-cut/" target="_blank">Daily Writing Tips</a>.</p>

<p>As a writer, this is one of my all time favorite topics. In the same way you have to learn grammar and spelling to write, you also need to learn rhetorical techniques (different ways to shape sentences and phrases) and some number of short cuts to help you edit quickly. One of my shortcuts is to convert gerunds, to change "Jack was running" to "Jack ran." Another trick I use is to look for the same word repeated in two concurrent sentences. For some reason, I often use a word 3-5 times within the space of 2-3 sentences, as if I'm auditioning the word. In those cases, I have to find where the word works best then convert the duplicates.</p>

<p>There's also a class of short cuts that deal with the process of editing. For example, someone recently told me she edits by reading the text backwards, from the last period and sentence to the first word. She finds this makes the text new and different and let's her see all sorts of things reading this way.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/10/12.58.02/</link>
<guid>http://www.redwrangler.com/blog/2008/04/10/12.58.02/</guid>
<category>Copywriting</category>
<pubDate>Thu, 10 Apr 2008 12:58:02 -0700</pubDate>
</item>

<item>
<title>Free Web Version of Photoshop Launches: Adobe&apos;s Hosted Solution For Photos</title>
<description><![CDATA[<p>"While Photoshop is intended for use by graphic design and photography professionals, Adobe says Photoshop Express, which it launched in a "beta" test version, is easier to learn--the perfect tool for novice photo tweakers. It's also a web-based solution, so users can access the software with any type of computer, operating system and web browser, as long as they are connected to the Internet. Accounts are free and come with 2GB of storage space and lots of useful features. Test drive Photoshop Express."</p>

<p>From <a href="http://www.thecontentwrangler.com/news/free_web_version_of_photoshop_launches_adobes_hosted_solution_for_photos/" target="_blank">The Content Wrangler</a>. Includes a link to the service, <a href="https://www.photoshop.com/express/index.html?bypass&wf=testdrive" target="_blank">Adobe Photoshop Express</a>. The main site is <a href="https://www.photoshop.com/express/" target="_blank">here</a>.</p>

<p>To me, Adobe Photoshop Express takes online photo sites like Flickr to their next obvious iteration: surround these services with tools to work with the images. The concept works not only for the people who use those sites but also will work for sharing image files with clients. It'll be interesting to see if someone mashes up Adobe's service with the existing photo sites, for example, through partnerships or private label or outright competition with Photoshop Express.</p>

<p>Also, as a rabid Photoshop user since 1990, I'm thrilled to see Adobe took the opportunity to rethink the Photoshop workflow, how you get work done in the application, as part of porting Photoshop to the web. For me, at least, I definitely had to learn the interface. It's great news that Adobe is willing to re-think how people use their software. I'm hopeful they'll tackle Illustrator next and put it online in a more usable form.</p>

<p>It's also not that far a jump to imagine paying $400 for a version of Photoshop and use that version online for years until you want to pay to upgrade to whatever is the latest version. Basically cut out CDs, counterfeit software, and all the rest. Adobe could upgrade its products online, and make the upgrade revenue, yet leave people alone who only need an earlier version of the product. This also is one small step towards moving away from software on a computer to software that is anywhere with a basic standards-compliant web browser.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/09/10.03.59/</link>
<guid>http://www.redwrangler.com/blog/2008/04/09/10.03.59/</guid>
<category>Software</category>
<pubDate>Wed, 09 Apr 2008 10:03:59 -0700</pubDate>
</item>

<item>
<title>The Apple Logo Makes You More Creative</title>
<description><![CDATA[<p>"Whether you are a Mac person or a PC person, even the briefest exposure to the Apple logo may make you behave more creatively, according to recent research from Duke University's Fuqua School of Business and the University of Waterloo, Canada."</p>

<p>As if Mac owners need more proof of their creative superiority, this report describes a test where people exposed to the Apple logo found more creative uses for a brick than people exposed to the IBM logo. Well, duh. From <a href="http://www.sciencedaily.com/releases/2008/03/080328085918.htm" target="_blank">Science Daily</a>. Found through a short but interesting status on the Apple logo in general and Steve Jobs' fixation with the New York City's new logo, at <a href="http://openleft.com/showDiary.do?diaryId=5019" target="_blank">OpenLeft</a>.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/09/06.02.17/</link>
<guid>http://www.redwrangler.com/blog/2008/04/09/06.02.17/</guid>
<category>Graphic Design</category>
<pubDate>Wed, 09 Apr 2008 06:02:17 -0700</pubDate>
</item>

<item>
<title>Website Monitoring and Support Software</title>
<description><![CDATA[<p>The other day, I pointed out a website monitoring service that I found, <a href="http://www.watchmouse.com" target="_blank">WatchMouse</a>. I've since found these competitors:</p>

<ul>
<li><a href="http://www.hyperspin.com" target="_blank">HyperSpin</a></li>
<li><a href="http://www.pingdom.com" target="_blank">Pingdom</a></li>
<li><a href="http://www.montastic.com" target="_blank">Montastic</a></li>
<li><a href="http://scoutapp.com/" target="_blank">ScoutApp</a></li>
</ul>

<p>How would you use these services? If you have a web design client with an ecommerce site or any site that they worry is down, these services can be set up to send an email or SMS to their phone if their site crashes. It's also a useful way to confirm that slow business on a site is not due to server hiccups.</p>

<p>The gold-plated solution is to use a web site monitoring service like these with a service like <a href="http://www.dnsmadeeasy.com" target="_blank">DNS Made Easy</a> and a backup hosting service with your client's site. DNS Made Easy, and similar services, monitors their site and switches to the backup site if there's an interruption then switches back when the main server returns live. (Of course, you're left to synchronize any transactions that might have happened on the backup server with transactions on the main server.)</p>

<p>At the least, a website monitoring service might be a painless way to help your clients get some peace of mind about their sites.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/08/11.07.17/</link>
<guid>http://www.redwrangler.com/blog/2008/04/08/11.07.17/</guid>
<category>Business</category>
<pubDate>Tue, 08 Apr 2008 11:07:17 -0700</pubDate>
</item>

<item>
<title>Forget the Professional Coaches: Coach Yourself!</title>
<description><![CDATA[<p>"It doesn't matter how long I have been in business, or on the planet.  Pesky, life-sapping, self-esteem-eroding thoughts creep into my mind and make it hard to take care of the business of the day.  At an extreme, they stop me from realizing my dreams, and on a smaller scale they impact  the quality of my work.  But I can't always pay a coach to be at my beck and call, so I always look for do-it-yourself mental tune-ups."</p>

<p>From <a href="http://www.escapefromcubiclenation.com/get_a_life_blog/2008/04/forget-the-prof.html" target="_blank">Escape from Cubicle Nation</a>. One of the hardest parts about being self-employed is how keep a positive attitude on any given day. This article covers one very simple approach.</p>]]></description>
<link>http://www.redwrangler.com/blog/2008/04/08/06.52.56/</link>
<guid>http://www.redwrangler.com/blog/2008/04/08/06.52.56/</guid>
<category>Business Planning</category>
<pubDate>Tue, 08 Apr 2008 06:52:56 -0700</pubDate>
</item>


</channel>
</rss>