Tuesday, December 7, 2010

More Than Just a Business Card

The business card has long been the medium for providing contact information. However, given their small size they provide limited space for providing ample information about your business, organization or product. The solution, the 4-panel business card or "mini brochure". Folded, the dimensions are the same as a standard card, but with four panels you now have double the printable area.

Thursday, April 29, 2010

Converting PDF to Word on The Mac

Solid Documents, a leading developer of document conversion technology for the Windows platform has just released Solid PDF to Word for Mac, giving Mac users the ability to convert PDF to editable formats.

In addition to converting PDFs to Microsoft® Word (.docx), the software will convert PDF to iWork Pages (.pages), Rich Text Format (.rtf), or plain text files (.txt). Users can also extract data to Excel (.xlsx and .csv) and reflow documents into continuous HTML (.htm) format.

System requirements
Mac computer with Intel processor
Mac OS X v10.5 or later
150MB of available hard disk space

Full disclosure: I do design work for the company so I'm simply helping to spread the news.

Jobs on Flash

Steve Jobs has written an open letter to Adobe outlining why Apple has resisted using Flash for developing apps for the iPhone, iPod or iPad, and why he sees a future, perhaps, without Flash.

"New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too). Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticizing Apple for leaving the past behind." - Steve Jobs

The full text can be found here: http://www.apple.com/hotnews/thoughts-on-flash/

Tuesday, May 5, 2009

Using the Rounded Rectangle Tool in Fireworks CS4

The vector shapes menu in Adobe Fireworks CS4 provides designers with a wide variety of shapes to choose from and cleaver, quick ways to edit them. Take the Rounded Rectangle tool for example. In older versions of the product, think MX 2004 v6 (prior to Adobe's purchase of Macromedia), corner roundness was numerically controlled which basically forced the user to guess at the rectangle's corner radius. This functionality did not behave well and was needless to say a bit clunky to use.






















Today, corner radius is controlled via clicking and dragging the "control points"found around the shape. In the first image shown below you can see a set of five control points (yellow diamonds) attached to the shape. The four points attached directly to the shape control corner radius and the fifth controls the overall size of the shape.









To adjust the radius of all four corners at the same time, click and drag any one of the four control points found on the path of the rectangle, or...








...adjust each corner independently by holding down the "Alt" button on your keyboard (PC) or the "Options" button on the MAC while clicking and dragging the corner you'd like to adjust.








To resize your shape simply click and drag the control point that sits just outside the border of the shape.

Thursday, April 30, 2009

Camel Humps

These days URLs (Uniform Resource Locators) aren't just found on the Web, they can be seen printed on just about everything from product packaging to bottle caps and billboards, and at-a-glance long URLs or URLs printed using extra small fonts can be tricky to read. Other than abbreviating URLs or using acronyms for long company names, think GMAC for example, the best way to make a long URL easier to read is to use "camel humps" - capitalizing the first letter of each word in the URL.

CamelHumpsAllowTheEyeToQuicklyPickOutTheFirstLetterOfEachWord making each word easier
to read. Usinglowercasetextfortheentireurlcanmaketheurlmoredifficulttoread, and easier to read should equal easier to remember which from a marketing prospective is a good thing.

Click to view larger image.











This technique can also be applied to e-mail addresses that might appear in print - MyEmailAddress@MyLongCompanyName.com.



Monday, April 20, 2009

Image Formats

Choosing the right image format for the Web is as easy as 1,2,3. Here's an overview of the three most common formats and their suggested uses.

1. GIF - "Graphics Interchange Format" was created by the good folks at Compuserve. The 8-bit GIF format has long been one of the most popular on the Web. It
uses lossless compression and supports a maximum of 256 colors and is best suited for line drawings or graphics containing large blocks of solid color. GIFs are compressed using a technique called LZW, an algorithm that reduces the file sizes of images by finding repeated patterns of pixels. LZW compression never degrades the image quality.

GIFs can also be animated which is another reasons for their popularity. Prior to the release of Flash, most banner ads were created using animated GIFs.

Another reason for the popularity of GIF is that it supports transparency which allows the background of your Web page to appear behind your image.

2. JPEG is short for "Joint Photographic Experts Group" (try saying that 5X fast) and is the original name of the committee that wrote the standard. JPEG is a lossy compression technique designed to compress color and grayscale continuous-tone images - think photographs and complex imagery containing millions of colors. This compression technique can be applied on a sliding scale ranging from 0% compression for a perfect image, to 100% compression for a smaller file size but a poor quality image. A compression setting between 60% and 70% usually results in a good balance between image quality and file size. JPEG should NOT be used for simple images like line drawings or images containing basic shapes and only a few solid blocks of color.

3. "Portable Network Graphics" or PNG was developed specifically for the Web as a alternative (and an improvement) to the GIF format. Using lossless compression, PNG images can be 5% - 25% more compressed than the same GIF image. PNG also supports transparency using alpha channels which allow you to specify the opacity of any pixel from 0 to 255, 0 = full transparency and 255 = fully opaque.

PNG formats include: PNG8 which supports 256 colors and 1-bit transparency, and PNG24 - 24-bit color on par with that of JPEG. However, PNG24 should not be considered a substitue for JPEG and should be used when working with complex graphics.

Until recenly the only knock on PNG was browser support of transparency. Happily, this issue has changed for the better and support is now very good to excellent.

Thursday, April 16, 2009

IA - A Critical Component of Online Success

User failures remain high despite a marked increase in task success according to usability expert Jakob Nielsen. And, according to Nielsen, the remaining user failures can be blamed on bad information architecture.

"If the customer can't find the product, the customer can't buy it" - Jakob Nielsen

A shocking concept, isn't it. But it's the truth and it should resonate with anyone running an online business. Getting users to the right page without forcing them to jump through a lot of hoops is one of the keys to being successful on the Web. And as Nielsen aptly points out, once the user actually does find what they're looking for, content usability obviously becomes crucial - users have to understand and like the information at their destination. And getting them there is the critical first step.

A flashy site may generate a lot of initial buzz, but if it's not user friendly and doesn't support company goals, you've probably wasted a lot of time and money to build it. Read more here...