I have always had the belief that design was a utopian endeavor to be undertaken by the smartest people in the world to solve problems. That designers were by nature helping the world evolve toward better, more beautiful, more sustainable, and more useful artifacts and services. I believe in my soul that this is true, but I also know it’s not enough.

What also needs to happen is this: business leaders need to see how designers can be innovators for them. Designers can make businesses more efficient, make products more usable, help speed communications, minimize damage to the environment, foresee the need for innovation, and be the catalyst for it.

When you think about companies such as Apple you can’t help but see the contribution that design has made to their market value. The problem is that many companies can’t see how design will affect them. I’m not sure if this is because they fear innovation or just misunderstand what design is.

Design is not:

1. Only a noun. It’s also a verb. It’s a process and a way of thinking. It’s the act of recognizing a problem, researching to find the causes, conceptualizing solutions, communicating to create awareness of these solutions, and directing their implementation.

2. Just pretty pictures or fancy words or shiny materials. In short, it’s not the end product, it is the means to get to the end. (Design can lead to end products as varied as the companies they are made for. They could be pretty pictures or shiny new materials but they could just as easily be a new business plan, a product launch strategy, a client communication tool, or an information display.)

3. Necessarily the answer to all your problems. Many companies hire designers to help innovate but then fall short on manufacturing, shipping, delivery, customer service, and a host of other requirements of a successful business. They look at design as a way to best the competition but then forget about the most important factors in the process: consumer desire, consumer need, and consumer satisfaction.

Design is:

1. A strategic imperative. As more and more businesses see the value of a design-centered approach to problem solving and innovation, they will realize they need to do the same to stay competitive. Design can’t be an afterthought; it needs to be an integral part of the company.

2. A way to create true innovation. The research and development inherent in the design process are really the only ways to mitigate risk in the search for the new. There have been examples of success by accident, but these are rare and often short-lived. Success, in other words, is also something that can be designed.

3. A process to create greater efficiency in an organization. Sometimes making your products or services better is not the issue. The challenge lies in making them with greater profit baked into the process. Designers can look at an organization’s processes and design them to be more efficient, thus reducing overall costs.

4. A method for communicating. Like language, design is a way to communicate. Designers have the ability to streamline communications so that the impact of the messages is clear and concise.

Although CSS3 is still officially in the works, the recent releases of Safari and Firefox have given us a few new CSS tools to experiment with. Designers may specifically be interested in the following features that accomplish with a few lines of code, things that we would normally do with graphics.

Custom Typefaces

Being able to use whatever font we feel like using in a web layout is a pretty much a designer’s dream come true. In the past the only way to do that and make sure that users see it was to create graphics for the pieces of text that you wanted rendered in a particular font. As more browsers include the @font-face property, that should hopefully change. Luckily the inclusion of the @font-face property in Firefox 3.5 now opens up font embedding to a much larger audience.

Using it is pretty simple. First you define the name of the font family and point it to the location of the font file. At this time .ttf and .otf are supported:

@font-face {
font-family: PrettyFont;
src: url(fonts/PrettyFont.ttf);
}

Then you just use the above font-family name in your document as you normally would:

p {
font-family: PrettyFont, Arial, sans-serif;
}

As always, plan on a fallback incase your users are on an older browser. In this case if the user is using an older browser they will see paragraph text in Arial.

Drop Shadows

I’m pretty sure a book can be written on the history of the drop shadow. Back in the day, designers used to create drop shadows on objects and type by adding a separate layer behind an object and adding some blur. Later versions of PhotoShop made this easier with some built in tools, but all this meant to your site designs was more graphic files and longer download times. The box-shadow and text-shadow properties now allow you to do this all with a line of code to either a box or a piece of text.

div {
box-shadow: 2px 2px 3px #CCC;
}

h1 {
text-shadow: 2px 2px 3px #CCC;
}

What this does is place a 2px to the right, 2px down, add 3px of blur and color it a light gray (#CCC). The best part is that your text stays selectable and can be increased or decreased in size using your browsers built in text sizing function.

Rounded Corners

Another feature that is sure to be useful (web apps come to mind) is the border-radius property. What this does is round the corners on boxes – a feature that previously required a lot of markup and graphics to create. Now you can do it easily with:

div {
border-radius: 8px;
}

This will round the corners of a box with 8px radius.

The nice thing about using these new features is the savings on extra graphics and code and simplifying your stylesheets and preserving the underlying text. All of these features degrade nicely on older browsers too. That being said, remember that CSS3 is still not fully supported on all browsers so be sure to test thoroughly. But Remember… with great power comes great responsibility! There may be a temptation to go over the top so please… use these sparingly

Okay, imagine you’re on a trip and every sign you come across, instead of indicating “Turn Here,” has a two-paragraph explanation of exactly what to do. It describes the radius of the turn, the precise speed at which the turn should be approached, and so forth.

Now imagine your website as a road. What directions are you giving your visitors? Are you getting them from point A to point B quickly and effectively? Too often, websites are filled with verbose copy that will never be read. So in an effort to get our websites in shape we need to trim the fat.

Don’t write too much. People won’t read it.
A study by Jakob Nielsen found that people read only 20 to 28 percent of the content on a webpage. And they read only 50 percent of the words on a webpage that has 111 words or fewer. If you write tons of text, don’t expect anyone ever to read it. Since people don’t read in depth on the web, we need to use techniques that promote easy scanning of pages so users can find what they are looking for.

Use subheads and bold text. They are scanned more easily.
You just did it. You scanned this blog quickly and are now reading this text. If you weren’t interested in having people scan pages, you could easily have skipped this section. Research shows that people scan pages for topics that interest them. Subheads and bold text help break copy up and highlight content so it’s easier to scan.

Start with the ending. Put your most important points at the top.
Since most visitors won’t get down to the end of that paragraph you’ve written, why put your most important ideas at the bottom? Start your paragraph with your conclusion and then provide the details to support it.

Use labels.
Don’t focus only on the written words. Focus on how the design helps the visitor scan the page more easily. Use labels at the tops of blocks of copy to highlight what each block of copy represents. Is it a case study? Is it a set of instructions? Do you want your users to complete a task? Let them know with small labels or directions.

If you haven’t seen it yet, Worth recently redesigned their website. Back in my magazine publishing days, I was a big fan of Worth from a design and editorial point of view. They consistently produced provocative covers and nicely designed features, and used innovative illustration. The new online version is a bit of a disappointment, especially in the innovation department.

I would give the new site a passing grade for design and branding, but an Incomplete for its business model and user experience. Some minor issues, starting from the top: the global navigation labels are a bit cryptic. When it comes to global navigation, say it like it is. Section titles that have double meanings, like “Live” (“Live long and prosper” or “Live, it’s Saturday Night”) and “Make” (I won’t get into the ambiguous meanings of that one) are too conceptual and not descriptive enough. Your audience wants to navigate quickly, so don’t make your road signs confusing.

Another mystery is why designate so much prime real estate to a stock market ticker in the top right corner? This affluent community is checking their live market reports through other sources, so I would use this space more wisely.

My biggest question relates to the sustainability of this model in today’s online marketplace. If you are going through a redesign, you need to think far beyond advertising as your only revenue stream. Worth has a nice advisor section which could require paid listings but where’s the community aspect to this site? Worth needs to make users their partners in their online operations.

For example, there’s no way a user can comment on a story, contribute to a blog, subscribe to an RSS feed or even an email newsletter.  Are they not building a database?  Where are the plans for bringing this audience of high-worth individuals together with forums, groups and mobile? Once you’ve got them together you can start monetizing and building different revenue streams.  Perhaps charging for listings in a vendor marketplace; posting jobs; offering premium research (leads) or tools; charging for whitepapers and reports; building affiliate programs…the list goes on. There are many different revenue opportunities for a site like this that should be tested.  Without the community tools and infrastructure in place, there’s nowhere to start.

The community aspect might be in future plans and can always be integrated later — but at this point in time, I don’t think this redesign was really Worth it.

Does your website look bloated, out of shape, older than it really is, full of a lot of non-nutritious garbage thrown in by the marketing and technology directors who came before you? If your website were a person, would it feel good about itself? Like it or not, your website does have a personality. And if you’re reading this, it probably has one that you want to change. Your website wants to be healthy, look young, and run faster, and you can make that happen. In this series of blogs that will come out over the next few weeks and months, I’m going to talk about putting your website on a diet, trimming unnecessary content, giving it a more youthful glow, and optimizing it to run faster and rank higher in search engines.

Your website should not be a banquet table

How well do you know your website visitors? When thinking about marketing your products and services, do you really think those visitors will want to read everything you have to say—or even half of it? The answer is probably no. So my next question is, why put it all on your site? Many marketing directors think of their websites as a banquet table. They are not sure what their guests will want, so they supply everything: a little helping of this, a small sampling of that. In most cases this just demonstrates to your users that you really don’t know what they want.

The key to a leaner, meaner, and more ROI-centric website is to start with your users. Know who’s visiting your site, what they are looking for and why they are leaving. If you’re not using website tracking metrics—such as Webtrends or Google Analytics—you should, because you don’t know the least bit about your web audience. These are good starting points, but not the only things you can do.

If you are thinking about a redesign or added functionality, you can create a poll on your site to find out how meaningful the idea is. You should be engaging with your users through blogs that can be commented on, Twitter feeds, and other social media outlets such as Facebook pages. You can have a competent team help with research, do surveys, or conduct user interviews. The more you can find out, the better. For most web projects, this will be the first stage in a redesign. Understanding your users will be key to knowing who they are; what they want to accomplish while visiting your site; what content or tools they need to meet those goals; and how to set up the architecture of the site so users can get to that information quickly.

Welcome to our venue for getting personal.  This is where we’ll share our know-how and stay in touch with our professional community. It’s also a platform for others to speak out on trends, best practices and their own insights. It’s a space to open up about our experience and our experiences, and process our processes…and I’ll start off with our thinking about this very blog.

So how do we –or you– know if it’s right to launch a blog? Or the right time? When it seems like everyone’s already blogging, why should anyone start something new?

In our case, we’ve been recommending blogs and social media for clients for sometime now, as part of a robust integrated marketing strategy including other initiatives like email campaigns, search marketing, PR, speaking at conferences, etc. We set our own marketing priorities just as we would advise our clients. First we redesigned our website so that it effectively presents our experience, services and brand personality, and rigged it so it brings in leads and subscribers to our newsletter. Second, we swore to doing our monthly newsletter, Loewy’s Latest, with no excuses, once a month. Now is the blog, and next up is our Facebook Page, Twitter…all the social media we provide the strategy, design and technology for to our clients.

Basically, before starting to roll out social media for our own company, we spent time generating a sort of critical mass through other outlets: optimizing our website to build more traffic, creating a larger pool of contacts through our email newsletter. Now that we’ve achieved that critical mass, it’s time for us to take it further – expand our network and allow the conversations to become less one-way.

A blog is an appropriate choice for us because it’s a good fit with our brand: conversational, friendly, smart, and collaborative.  It’s also a good fit with our goals. We have a lot of experience to communicate but we’re also are always looking for ways to improve and stay on top of emerging trends. Our blog will let us do both.

So how’s your website doing? Does your online identity fit your branding strategy? Does your website’s overall experience match the quality of your products and services?  Are you getting leads, selling products, building awareness or even getting traffic?  If the answer is yes, then maybe you’re ready to do a blog – because you have an audience, a tone of voice and a network. You’re ready to be a thought leader in your industry or at least have an opinion. Of course you can have a blog without a corporate website, and you can even make money at it.   But if you’re like us, and most of our clients and peers, your website is critical for doing business online, disseminating information, and creating the first point of contact for all potential customers.

Let’s say you’ve got it all together and you’re ready get started.  Keep your blog focused, stay in tune with what you know and be relevant to your game.  Yes, there are many blogs in your industry, but any niche or network can use fresh thinking, so don’t be apprehensive. Like any tool, if it is available and right for you, then use it.  Make sure it doesn’t duplicate what your site is already doing for you and your audience – consider it an avenue for a different kind of messaging and communication.

For us, we understand that our audience is an intimate group of professionals looking to share best practices for doing business online. In upcoming posts we’ll be engaging our network and sharing our points of view on what we do best: providing the strategy, design and technology to companies that value the power of the internet. We’re kicking off the dialogue with several topics each month, coming from senior Loewy staffers with different areas of expertise.

Here’s to getting social. We’ve opened the floor, now we invite you to join the conversation…and if commenting is not your thing, just stop by and say Helloewy.