Archives for blend

Extend JQuery

50 JQuery examples using default code base and plugins. Why write this stuff from scratch?

Via on design.

Looking In. Looking Out.

A successful web site, or any piece of communication for that matter, must be presented in a fashion that is reasonably, easily absorbed by the intended audience. As we work on the information architecture of a site one of the first things that can cause issues is the difference between how an organization views itself internally and how it needs to represent itself externally. Working inside an enterprise can quickly become blinding because of engrained business practices and developed culture. Structure that makes sense to the organization may not be intuitive for people that do not have the proper insight.

We often spend a great deal of effort at the beginning of content planning educating stakeholders on why the proper perspective is so important. However, experience has shown us that although proper presentation is paramount, the final result is often compromised by unwillingness to change and internal politics. Fortunately, a good process for developing content, a well-structured site map, appropriate copywriting and a user-friendly page layout will greatly ensure success.

Step One: Business Strategy

A business strategy that has clearly defined goals is essential to begin collecting and evaluating content. Often, planning content along with other project planning activities help formulate additional goals, or bring to light good reasons for a slightly shift the initial strategy.

Strategic development should start with executives. After all, they drive the business, but other stakeholders (managers and people “in the trenches”), bring valuable perspectives and information. So they should also be interviewed to help solidify management’s objectives and assist with tactics to achieve the goals.

Step Two: Content Aggregation

As stakeholders are consulted, assign them tasks to collect any and all information that falls under their area of interest. Content that supports strategic goals is kept and content that does not gets discarded. It’s that simple. Once enough content is available for a given topic it can be evaluated for completeness and overall value.

Step Three: Content Organization

We start with a high-level site map (version 1.0) derived from information we’ve collected and our own expertise. This is used as a starting point for discussion with stakeholders. This is the first time difference of opinion is usually encountered. Since the intial interviews, stakeholders have an opportunity to form expectations and these expectations are usually centered on their concerns and not always overall business goals. The site map revision process must be driven by business strategy. Expectations must be managed from here throughout the project’s completion to avoid costly complications further down the road.

There are two situations that often arise during this process that can affect the outcome greatly:

  1. Internal departments should not necessarily dictate site sections – Just because a manager oversees several departments, content that describes these departments may not be best presented in the same section of the web site.
  2. Squeaky wheels – Project sponsors need to determine what’s more important: appeasing internal pressures or presenting successful content for audiences.

Once a revised site map (version 2.0) has been accepted, a detailed content outline is created from that structure. This outline can web page specific and even include sub-headings, but we have found it more accurate to keep it topic specific and wait to see how much content is in the final draft before assigning it to specific web pages.

Please note: the site map and content outline are “living documents” and subject to change as the project lives on, but always with respect to business strategy.

Step Four: Copywriting

Making content user friendly is the intent of the organizational process, but the page or word level is also where it really matters. This is where good graphic design can really pay off. Design adds meaning and heuristics help guide the viewer’s eyes around the page.

In addition to the appearance of the page, copywriting will make a huge difference in how well your message is understood. The tone should support the content, it must be engaging so people will want to read it and informative so people get value from it.

It’s important to know your audience. Every business sector has its own terminology, but your audience may not know what most terms mean. Use common language for descriptions and don’t assume people will understand what they are reading. Be especially careful when using specific terms for navigation labels and text links. It’s better to use common words and then inform users of the insider’s terms or acronyms.

Microsoft Web Platform

The Microsoft Web Platform gives you the framework, web server, database and tools you need to build and run Web sites and applications on Windows®.

I’m not used to seeing this, but PHP is included along with several open-source apps.

Microsoft WebsiteSpark

Visibility, support and software for professional Web Developers and Designers – at no upfront cost!

Heck of a deal.

Good Project Teams Are Like Rock Bands

There’s a leader and in the beginning, there’s excitement about the possibilities ahead. Each member has his/ her own role, but all invest in the whole. Individual proficiency carries the group as chemistry grows and takes the capabilities to the next level. Members are inspired by each other’s work. Collaboration applies the best thinking. Practice (experience) improves results. The group experiences a period of “greatness.” Work is good. As time passes external pressures change the group. Boredom can creep in. Complacency takes over. Personal differences take precedence over common goals. In the end, a break up is often unavoidable.

Don’t let the “magic” die. Stay motivated and learn new things. Hold the work in the highest regard and perfect your craft.

Perfection? No. Mediocrity? No Way!

Creating a web site is a series of decisions and compromises and perfection is often beyond the limits of the project. The law of diminishing returns is against achieving perfection.

However, there’s no excuse for mediocrity either. No one wins if average is the objective. The client doesn’t get a product with an edge in the marketplace and the team doesn’t get challenged and grow. So how do we get where we need to be and find that balance?

Here are four important components of producing work that meets requirements and has something extra that sets it apart from what someone else, with a “good enough” attitude, would produce.

  • Identify where the greatest risks are hiding and appropriate the necessary contingencies to mitigate these risks
  • Determine what parts of the project absolutely must be executed to the highest degree – pick your battles and stick to your guns.
  • Measure progress in detail enough to navigate the project toward documented goals while staying within time and financial constraints
  • Have a strong vision of the final product to guide decision making and inspire the team to execute

Project management, creative and technical direction informed by expert judgment combined with the discipline to follow a proven process is the only way to have consistent results and even come close to perfection.

Internet Explorer 8

Well, I guess standardization of web browsers is not a concern of Microsoft. Not only are there CSS issues with IE 8, but new JavaScript ones have surfaced as well. I guess that just means job security for us script monkeys.

One would think there is something wrong with a browser when it needs to have a button that reverts itself to IE 7 to view “broken” sites.

Facebook Disappoints

Over the past few months I’ve forced myself to learn and use Facebook. As a web professional, I need have a certain understanding of all things web.

At first, like everyone else, I created my profile, added a few friends and made a few wall posts – the basics. However, I found Facebook extremely confusing to use. For a social, Web 2.0 app designed for the masses, where’s the usability and help?

As I progressed in my use – adding links, photos and various applications – my frustration with the complexity, lack of information, and just plain broken functionality escalated. “Why would anyone use this thing?” was top of mind. “Why was this app’s performance acceptable?” was a close second.

To further explore the world of Facebook, I created a business or fans page. This new feature allows access for non-Facebook member visitors, which is nice, but has fewer features than a personal profile and most apps don’t work with it. Needless to say, this too is less than impressive.

I see the popularity here, but if my company delivered finished web applications that worked like, this we’d be out of business in a year. I realize they are having scalability and other issues, but my advice to Facebook is, get it together.

I guess that’s what you get for free… but it’s making Twitter seem a lot better.

Communicate Better

Effective communication is vital to the success of any project. Effective communication makes your, and the others around you, job easier. Here are a few tips I’d like to share with you to help improve communication in your organization and improve the outcomes of your projects.

Small Teams Rock
Companies often mitigate risk by getting more people involved in a project. There’s a “the more, the better” philosophy, when nothing further could be the truth. Here’s a simple formula that measures communication channels to prove my point.

C = ( N ( N – 1 ) ) / 2   [From the Project Management Institute]

N = number of people involved in a project
C = number of communication channels

If there are 4 people in a project, there are 6 communication channels. 6 people = 15 communication channels. 10 people = 45 channels.

The number of communication channels increases dramatically. This number means more work to manage communication and an increased risk of miscommunication. If you want to be efficient, keep your teams as small as possible.

Make Sure You are Understood
Communication has not occurred until the receiving party understands the meaning of the message. Just because an e-mail was sent, you have no way of knowing it was read, or understood. Require a suitable reply so you are confident your message was effective. Whether it’s e-mail, a phone conversation or a person-to-person meeting, it is your responsibility to make sure you are understood, not the other person’s to figure out what you meant.

E-mail Peeves: CC, Reply To, Reply To All & Subjects
CC-ing people on e-mails is THE biggest cause of over-filled Inboxes in corporate America today. CC-ing leads to the Reply To All, exaggerating the problem. Only send e-mails to those who absolutely need to receive them. This is a lazy habit fueled by the need to cover one’s ass. Please stop the madness.

Another lazy habit is using an old e-mail for a reply instead of starting a fresh message. This creates an issue with having a subject that does not relate to the contents of the message. This equates to lost information. Help your fellow co-workers by writing relevant subjects and sending e-mails on topic.

E-mail is Not Always the Correct Method
Everyone gets tons of e-mail every day. There’s a lot of noise and clutter in one’s Inbox. If you need something, call the person. Make sure to actually talk to them -  not just leave a message.  If the issue is important, talk to the person(s) in person. Seventy percent of human communication is visual. This is totally lost over the phone.

Meetings Suck
There is not a greater consumer of work hours than meetings. Little work gets done and most attendees sit idly by while others discuss issues irrelevant to them. If you really want to communicate more effectively and get a lot more work accomplished. Don’t have as many meetings, keep the meetings short and with only key people. I recommend standing meetings. These are short, to-the-point meetings where no one sits down and only people close to the topics discussed are present. No food. No vacation discussion. All business. They are very effective.

Why Twitter

It seems all I hear about nowadays is Twitter. “We need to be using Twitter.” “How many followers do you have?” “What app are you using to read your tweets?”

I not a user, but I’m not a hater (not any more) either. Admittedly, at first I didn’t understand Twitter’s appeal and called it content of no value, or something like that, but as with anything, the value lies in the eyes of the audience.

Early adopters use Twitter for the right reasons – fast sound bites delivered to a group simultaneously.

For marketers, how does this technology makes sense? Can it build brand? Not by itself. Is it good for sales promotion? Probably. Can it be used for PR? Depends on how fast you can spin the conversation. Speed is the key here. How fast can I communicate to as many people as possible? Real time. Real simple. Real cheap.

The question is, how many people are your tweets reaching? It is the number of followers you have plus the number of people who search and find your message on Twitter. If your message does not have broad appeal and you don’t have an effective number of followers, reason dictates it’s probably not going to be an effective way to get your marketing message out.

If a tree falls in the forest, and no one hears it, does it actually fall? In reality – yes. In advertising – no.

My advice to those companies who are considering a Twitter campaign, with short term results, is to concentrate your efforts on medias and technologies that have the largest target audiences. Study your audience’s behavior and base your decision on that. Don’t do it, just to do it, at the expense of more effective options. Use your resources wisely.

On the other hand, if you are in it for the long haul, start tweeting, accumulate followers and one day you may be heard by whom you seek.

Easy Photo Editing

Need to resize or crop an image?

Picnik.com offers free, simple photo editing.

Thanks Picnik.

A Domin Name Strategy

Search Engine Optimization (SEO) is important any company’s web site and I’m frequently asked how to improve it. There are a number of factors involved in SEO.  A big part of my efforts to improve a site’s SEO is by crafting new content and reorganizing it so it is readily accessible by users and spiders alike. Aside from content, I often recommend driving all web traffic to a single domain name. Many companies have numerous domain names that point to different section of their site. An example would be URLs like www.getajobatjoes.com, and www.joesrecipes.com, when the site is really www.joesdiner.com and the first two point to sub-sections.

This has several advantages:

  1. Improves search engine rankings by:
    1. Increasing traffic numbers under a single domain name
    2. Adding breadth and depth to the content presented under a single domain name
    3. Allows other sites to link back to single domain name
  2. Easier for people to remember or at least guess
  3. Builds equity in the domain name
  4. Makes management of fewer domain names easier and less expensive
  5. Creates a standard practice across the organization
  6. No need to create unique and specialized domain names in an already crowded .com landscape

I did not invent this strategy. Google has created it by advancements in their ranking technology. They even have penalties in their ranking algorithms for content that is accessible from more than one domain name. Companies are adopting this practice everywhere. Just watch television commercials.

Friendly URLs can be created to specific sections of the site by using URL rewriting, or a “sub-folder alias” convention like joesdiner.com/careers, or joesdiner.com/recipes. The only time I would use a vanity URL is for a website that has a specific purpose, like supporting an advertising campaign, and is going to be used for a short period of time when search engines aren’t a great concern.

The Paradox of Please

The Paradox of Please, as David Armano calls it, plagues our business everyday.

My analogy:

It’s time to order lunch for a group of people. You have to get one type of food everyone will agree to eat. Individually, each person wants something unique. John wants shrimp scampi. Mary wants chicken salad on a croissant. Hakeem wants tandoori chicken with lentils. All are delicious and personal choices. As a group they settle on a common denominator – pizza. And not just any pizza, bland pizza. It “pleases” everyone, but it’s neither personal, unique or delicious.

This is why most marketing communication is so mediocre; it’s bland pizza.

Not More Information, but Better Information.

I help companies and organizations create, acquire, collect, edit and organize content for their web sites. Many projects begin with a web site that has grown into a giant, organic mess over the course of several years – adding content here and there like weeds enveloping a garden. This happens for many reasons, but the primary one is, people think more information is better. However, this only true if the information has more details, depth, clarity and offers several perspectives.

What content is right for you

One must determine what information is suitable to publish online and create guidelines that benefit the company’s business objectives while satisfying visitor expectations. A good way to accomplish this is by defining some criteria all content must meet. These criteria are created by asking questions about the content:

  • Is it relevant to the conversation we need to be having with our visitors?
  • Is it unique to our business, services or products?
  • Does it support a particular position, or philosophy we endorse?
  • Do visitors expect it?
  • Do we have the resources to produce and manage the content in an exceptional manner?

The first three questions are introspective and an organization’s marketing message is partly the result of them, but often web sites need to pick up where ad copy leaves off with more details. The fourth is knowing your audience. This is often overlooked and is very important. Lastly, being able to create the content without sacrificing from other business operations in a way as to not create a negative effect is important. Too often trying to do too much ends up being a weak attempt.

Things to keep in mind

  • Quality over quantity. Quality over quantity. Quality over quantity.
  • Always have a specific business goal for spending time to produce content.
  • Be the authority, but make it relevant to your specific differentiators.
  • Don’t be an encyclopedia. Most often, there are other sites that are far better than you could ever be at presenting general information.
  • Don’t be redundant. Use cross-linking to refer to content located in other sections of your site. If you must repeat something, do it from a different angle using different wording.
  • Leverage other online resources. Visitors are appreciative for the help in finding additional information and it costs you little.

Media Converter App

My friend Eric turned me on to this handy app for media conversion. Maybe you can use it too.

http://www.formatoz.com/