“I want a portfolio/gallery/slideshow to show off my work.”

Posted November 16, 2009 by bdarcey
Categories: Design Examples, Design Process, Uncategorized

Tags: , , , , , , , ,

Well kitten, there are a lotta options out there, and very few explain in plain English what they do and don’t offer, or how they might actually be of use. Plus, most of them are written for pure geeks, since that’s who generally implements them. As your translator and guide, I’m going to help you narrow it down from the point of what you need, versus what’s being sold.

MINIMAL
If what you need is a clean, simple slideshow for a half a dozen shots (e.g. to add some ambience/fun to a page), then what you want to ask for is a “basic slideshow with automatic transitions, no captions, no controls.” Something like this or this (scroll down) or this.

STANDARD
If what you want is a larger gallery of images, with thumbnails, captions, user-navigation controls, then what you want to ask for is “a gallery slideshow with customizable captions, transitions, and user-nav controls.” Something like this, or this, or this (which is similar to iTunes CoverFlow). Or even a super-sized version, like this.

DELUXE
If you have multiple categories of images (e.g. photos separated into “interiors” “exteriors” “annoying in-laws”) etc then you need to add “multiple galleries” to the description. As with cars, more options = higher price. At this point, you’re probably looking at a Flash option.

Thumbnails: don’t settle for a row of numbers. Tiny preview versions of each image make navigation much more intuitive and efficient. This is an automatic process with most plug-ins, so the cost difference is minimal.

WHICH FORMAT?
Most options boil down to 2 choices: Flash or jQuery. Both are fully compatible with most modern browsers. They can both be customized to match the look and feel of your brand. While some search engines do not scan the text captions in either option well, fret not, as there are legitimate workarounds. Both can be embedded in your page alongside scannable text and other navigation (i.e. your site does not have to be all Flash, and yes, you can have permalink pages with flash embedded for easier sharing and bookmarking). Both can display video. Here’s where they differ:

FLASH (with XML)
Pros:
1) More features for animation, games, or video.
2) Better quality results for video using .flv format.
3) Audio (sound/music options) is more developed in flash.
4) Plug-in is free to download in the unlikely event that a user has an ancient browser (circa 2001).
5) All images display in a uniform size = formal, consistent presentation.
6) Considered more deluxe (more features) and more robust as it’s been around longer than jQuery.

Cons:
1) Does not display on iPhones (yet).
2) Old versions of flash slideshows use a client side plugin = possible slower downloads (translation: your user’s computer must do the heavy work, so mileage may vary, depending on age/speed of each user’s computer). Be sure to ask for Flash + XML/actionscript to avoid this.
3) All images must be the same width/height ratio to avoid distortion. Yes, the images can be auto-processed to achieve this with mixed results. If you’re big on quality, don’t skimp on this, have the images processed manually in Photoshop.
4) Can be more expensive as it requires a Flash programmer to create the initial file.

jQuery
Pros: the current darling of developers, it has fewer features than Flash, and is therefore simpler to code. It’s perfect for basic slideshows and galleries.

1) Displays on iPhones and other mobile smart phones. Yay!
2) Overlay effect (page dims in background, image gallery floats above it) = users less likely to leave your site or get lost. Great for large sized images.
3) Images can vary in width/height = less prep time for each image = cheaper maintenance.
4) Server-side includes = fast downloads (translation: all the heavy lifting is done by the website server, not your user’s computer)
5) No download necessary. Ever.

Cons:
1) Fewer features than flash.
2) Images display at different height/width sizes = less formal, less cohesive visuals. While this might be a plus for some brands, if you’re aiming for a high-end market, casual is generally not advised.

So. Do you need a deluxe version or a basic?

Social Networking Rule # 1

Posted May 7, 2009 by bdarcey
Categories: Marketing, Tech How To's, social networking

Tags: , , ,

Rule #1: Be nice. Or not. But anything you say can and will be held against you.

Posting on a social network like twitter or facebook is akin to chatting at a party or in a café. Be aware that others can hear what you’re saying. That’s the point of a social network. Act accordingly.

Assume others can and will repeat what they hear. To anyone. If you’re participating in a discussion with people in your professional field, behave as you would at an office cocktail party. Don’t say anything about someone else or a company that you wouldn’t say to their face. Example of twitter disaster by an ad agency, about 2 weeks ago.

Never assume that your conversation is completely private. There are occasional security breaches/errors on any network, so this rule also applies to anything you type/add, even with full privacy settings on.

That said, if you’re friendly, helpful and responsive, you have nothing to fear. Enjoy your new contacts.

How to get started with Twitter

Posted May 7, 2009 by bdarcey
Categories: Marketing, Tech How To's, social networking

Tags: , , , ,

Not sure where to begin?

1. Read Wikipedia’s page on twitter to understand the big picture.

2. Read this excellent article on how to enter the Twitter-verse. Decide on your strategy.

3. Sign up for a free twitter account. Hint: you might want to use an anonymous email address and username to begin. You can always delete it later. But DO set up an additional account using your real name or company name, even if you’re not using it at first. You’ll see why later.

4. Search twitter for friends, celebs, brands, news services that you’d like to Follow. Add them to your profile.

That’s enough to get started.