More often than not, designers have rightfully been accused of retreating into their cocoons of ignorance as soon as their work of creating a web design is finished, leaving the dirty and more hands-on work of putting it up on the web to developers. This apathy is prevalent not only in the web-building industry, but also in software and game engineering.

The hard truth is that the buck of development should stop with designers. For optimum efficiency, designers should not only be concerned with painting the bigger picture but also building it! In this article, I’d like to share with you some reasons why designers should learn how to code.

Designing Realistic and Doable Designs

With a clear image of how the final product will be actualized, a designer will come up with more feasible and practical concepts. Being an integral part of the development process, they carry the responsibility of ensuring their designs translate well into a web-based medium that takes into account: usability, web accessibility, and achievability. A user-friendly website is not only a picnic to navigate from one page to another in a clear and concise flow of logic, but also provides a user with all the information they need without being too overbearing or cluttered. The only real way to know if a web layout works or not is learning how to build it yourself.

Easier Communication

Virtually all products designed but implemented by different parties never satisfy both sides’ expectations, especially when it comes to intangible products like websites, software, or games. It normally comes down to a compromise between what it should have been and what, in reality, it can be.  Whereas the general idea is captured, it is seldom replicated verbatim. The panacea: designers should preach water and drink it too!  This avoids confusion, misunderstanding, and misrepresentation.

Convenient Iterative Development Process

A design, in practice, should not be absolute. By this, I mean that it should be flexible and affable to change without distorting its intrinsic essence to meet the systems’ technical constraints. These repetitive and necessary alterations can only be realized by the original designer. A designer slash developer can iterate more quickly where necessary, rather than having a developer resubmit the design to the designer, who is rarely at hand, to implement the alterations. This situation can create friction – and it often does – between designers and developers.

Better and More Harmonious Results

I often like drawing parallels between software, web, or game development to orchestral music where the designer is the composer and the developer is the ensemble’s maestro or conductor. Imagine if the latter had the composer’s score? Wouldn’t the symphonies be awesome, captivating, and unadulterated? Not only were they crafted by a master craftsman, but conducted by their creator!

Shorter Development Time

The designers doubling up as coders implies that the design and coding processes occur at least sequentially, if not concurrently. This results in a shorter development timeframe – and who doesn’t care about efficiency?

Designers become More Marketable

Modern day designers worth their salt need to up their portfolio, and up their game, if they want to remain relevant; it’s no longer enough to have one set of skills. Oftentimes, we’re required to wear various hats: designer, front-end developer, content writer, and project manager.

By learning to implement what you design rather than leaving it orphaned in the hands of developers – you increase your value. After all, citing design and coding skills in one‘s resume does not hurt. On the contrary, it makes one less redundant and indispensable, a life and death determinant in these financially tumultuous times of corporate restructuring (read: mass retrenchments) and downsizing (read: firing).

However, in so much as designers should also code their innovations, there are downsides to this scenario.

Quoting Lukas Mathis in one of the controversial article about the topic called ‘Designers are not Programmers’¹:

If the designer implements his own designs, he is beholden to two different goals: Clean code and great user experience. These two goals contradict each other. If you have to implement your own designs, you’re bound to compromise for the sake of code quality, which is bad for your interaction design.

‘

Designers who implement their own designs face two issues: They know when a neat new idea will create messy code, and they know about all the existing code that would be touched by a change to the user experience. The two goals are at odds, because the user experience is all about the little details, and those little details all end up being messy bits of code you would rather not have to write.

This aptly summarizes the hard stance taken by web development purists. They are of the old school of thought that advocates for clear-cut lines between design and development.  Apparently, designers create for humans, developers create for computers. Thus, UX designers should design the best possible user interface and leave the developers to make the best possible programming decisions. While this holds some merit as I’ve found myself trying unsuccessfully to abstract my mind from the code when I’m working on a user interface, it is ultimately more convenient to have the technical and usability constraints in perspective.

(Via Six Revisions.)

(Via Ian Scott.)

Here’s the process.

Step 1. Write the initial draft. Organize. Edit.

Step 2. Save. This publishes the piece to scripting.com, both on the home page, and on its own story page. I repeat this step until I’m ready to have the story appear in the RSS feed. (I don’t mind if readers see the interim versions, I imagine it’s somewhat interesting, if not it doesn’t seem to do much harm.)

Step 3. Build RSS. I know that many RSS clients will only read an item once, so I wait to rebuild the RSS that includes the new piece until it’s pretty much finished. I might still add some pictures, or links or tweak up some wording, but by the time it goes out in the feed, it’s not likely to change much.

Step 4. Twit-It posts the link to Twitter. I get to edit the link text before it goes out, but it does the work of creating a short URL and smashing it together with the headline before presenting it to me in a dialog.

This last step is relatively new, but its import is starting to settle in. In a real way a story isn’t published until I’ve pushed it through Twitter. I expect over time, as more systems hook into Twitter, it will come to mean more. Of course I will, as long as Twitter has a 140-character limit, publish everything on the web and in RSS. This article so far has 2291 characters, or 16 tweets.

Another way of saying the same thing is that Twitter has become the newspaper of record. In a few years what’s left of the news industry will call Twitter a parasite and demand royalties. Too bad they don’t see this coming, and create an even better news system built around the principles of Twitter and instead of asking for alms they’re getting a piece of the PE.

Sidebar to the Twitter bizdev people: Wish I had upside in Twitter, so I could be motivated to make these things work in your company’s product. But I’m a greedy capitalist just like you, and with my ’stock’ in Twitter diminishing in value every day (through dilution), I have to look elsewhere for my upside. You might think of this as a challenge or a puzzle, figure out how to incentivize your users to make you even richer.

(Via Scripting News.)

Let’s review, shall we:

1) Privacy Policy/Disclaimer: Now, I’m not a lawyer and don’t claim to be one, but these two documents should be standard issue for every site you have. People want to know how you’re going to use their personal information, and a “privacy policy” does just that.

In today’s litigious society you’ll also need to include a disclaímer/terms of use page. This protects you and spells out to your visitors what they’re agreeing to by using your website. If you don’t know where to start in generating these documents, you’ll find plenty of help online.

2) Contact Us Information: I can’t tell you how many sites I’ve been to that fail to include a way to contact the owner. If you can’t include a phone number, at the very least have an email address or a “contact us” form. By providing this information, you’ll make your visitors feel more comfortable knowing there’s a way to reach you should the need arise.

3) Search Box/Site Map: If your site is rather large, you’ll also want to include a way to search, or have what is called a “site map”. There are many ways to add a search function to your site, the easiest being to use Google’s free service or try PicoSearch A site map sounds technical, but it’s just one web page that contains links to every page of your site, usually broken down by category. Some resources to help can be found at FreeFind.

4) Google Analytics/Tracking System: Once your site is up and running you’ll want to keep your eye on traffic. Who’s visiting your website, what pages are the most popular, where is the traffic coming from. All of these questions and more can be answered by using a good analytics program.

There are several ways to add a thorough tracking system to your site, but the easiest and one that won’t cost you a dime is Google Analytics Once registered, you can add as many sites as you like all under one user ID and password. You’ll be given some code to copy and paste on your pages. Simple, easy, and you’re done.

5) Newsletter Sign Up/RSS Feed: There’s an old saying that people won’t buy from you the very first time they come to your website, so you need a way to stay in touch with them to bring them back again and again. By offering a newsletter, also known as an ezine, you’ll be building a list of possible prospects which is invaluable to any site owner.

You can also provide an RSS feed for your newsletter, or updates to your blog or site. This makes it easy for others to keep up with your most recent posts. The best service for this is FeedBurner.

6) Consistent Navigation: This might sound like a no brainer, but many folks get it wrong. No matter what type of menu system you decide upon, make sure it stays the same across the board on all pages of your site.

Your job is to guide your visitors through your website, making sure they always know where they are and how to get to where they need to go.

7) Search Engine Optimized Copy: At first glance you might not think this is so important, but trust me it is. You want your pages to rank well with the search engines and there are a few steps you can take to ensure this happens.
Forget Expensive PPC Advertising – There is an Alternative!

Each page of your website should be optimized for 2, or at the most 3 keywords/phrases. Weave the keywords into your titles and into the body of each page. You can also include them in your image titles, alt tags, even in the names you give your pages. Look at each page individually and decide what it’s about, then optimize accordingly.

Social Media Share Button: With the popularity of social media sites such as Twitter, Facebook, and MySpace, you’d be foolish not to include an easy way for your content to be shared with others.

You’ll find many free services that will give you the code you need to instantly add a “share button” to your web pages so that visitors can instantly share them with their friends.

By Merle – MerlesWorld.com

I realize that this is part of the ‘like, know, and trust’ process that enables people to get to know each other, but sometimes it’s simply too much information..LOL. I’m Twittering primarily to market my business. Consequently, I try and limit my personal twitters to no more than 2 per day. My clients, who create Twitter accounts for marketing, as well, tell me, ‘I’m signed up. Now what in the world do I Twitter about? How do I market my business with this tool?’

Here are 10 strategies that I use regularly to market my business and my expertise via Twitter. Remember, you have only 140 characters for your tweet (Twitter post).

1. How you’re helping clients. Talk about specific ways that your business helps clients and use their Twitter ID if you have their permission, i.e. ‘Just finished @clientname brainstorm great Internet marketing plan for 2009″ or ‘Finally finished setting up Quickbooks for local hardware store — now they can invoice their clients’

2. What you’re doing in your business. This is a perfect time to tell others when you’re blogging, writing an article, creating your weekly ezine, recording your podcast, i.e. ‘Had great interview with Jane Smith today on speaking to grow your biz. Great ideas! Subscribe to podcast & listen here (URL here)’

3. Useful tool or resource you’ve found. I run across these all the time in my daily activities, and Twitter is a perfect place to share,. i.e. ‘Found great new Firefox plug-in to monitor & check multiple Gmail accounts at same time at (URL here)’ or ‘Read great blog post on workíng at home with kids under 5 at (URL here)’

4. Ask a question. Need some ideas or some quick brainstorming? Twitter is an ideal place to gather opinions, i.e. ‘Help! Desperately seeking new laser prínter. Recommendations?’ or ‘How do I find training organizations online?’

5. Conduct a survey. What do your Tweeps think about a particular issue? Ask them via Twitter, i.e. ‘Quick poll: Do you get more clients from Facebook or Twitter? Respond at (URL here)’

6. Report on live events. The latest Twitter trend seems to be tweeting what’s happening at conferences or workshops. In order for Twitter users to follow a particular event, it’s usually referred to by a name preceded by a # sign, as in #JVAlert, for example, to make it simpler for people who want to follow those posts. So, if you were at an event, you might tweet ‘#JVAlert John Smith speaking on affiliate programs. Just got great idea on training affiliate managers!’ Just don’t get so wrapped up in tweeting that you ignore the content delivered in the conference!

7. Product or service launch. If you’re about to launch a new product or introduce a new product, let your Twitter followers know, i.e. ‘Pre-launch pricing for new DVD set about how baby boomers can start an online biz. Get $100 early bird discount at (URL here)’

8. Responding to others with advice or answers. The way to build professional relationships on Twitter is to help your tweeps. So, if someone asks a question, comments about something to which you have a response or an idea, or you want to ask a followup question, this is the perfect place to do so.

By Donna Gunter (c) 2008

”

(Via KDI Media : Savannah, GA.)

Imagine trying to tell someone what you want your site look like – it’s not an easy task. A website’s overall look and color scheme is the first and most significant impression you can make on a first time web site visitor.

Our web designers work with our clients to develop the right look and feel for their website.

By following what we refer to as the “who, what, when, where, why and how of web design” we ensure each web design meets a projects unique requirements.