Kyle Wiebers

The season of giving has arrived and it’s time to pick out a little something special for the web designer in your life.  With Christmas approaching, you better act fast to take advantage of free delivery from Amazon.  Below are 12 excellent books to give to your friendly web designer or to reward yourself for a great year.

Designing with Web Standards 3rd Edition

By: Jeffrey Zeldman

Designing with Web Standards lays the foundation for modern web design by advocating web standard compliant design.  Although this book is not a short read at a whopping 432 pages, it is filled with plenty of tips to create web designs using standards.  This book, now in it’s third edition is a must have for all web designers.

Design of Everyday Things

Donald Norman

Design of Everyday Things is a classic that many designers swear by.  Focusing on the how and why of design, the Design of Everyday Things will open your eyes and show you how design should work to accentuate your product.

Crush It!: Why NOW Is the Time to Cash In on Your Passion

Gary Vaynerchuk

I love Gary Vaynerchuk and it’s as simple as that.  I have not found anyone with as much contagious energy and passion. Crush It! brings the heat and will reinvigorate you to focus on improving your  business and brand.

Designing the Obvious: A Common Sense Approach to Web Application Design

Robert Hoekman Jr.

A great compliment to either Don’t Make Me Think or the Design of Everyday Things, Designing the Obvious focuses on web application design.  Robert Hoekman Jr. brings perspective from working with different clients and offers practical advice on how to conquer many common user experience and design problems.

Prioritizing Web Usability

Jakob Nielsen

Jakob Nielsen is hands down the most credible author on this list.  With years of usability research and the goto expert for Web Usability, Jakob Nielsen brings an update to his first classic, Designing Web Usability, to focus on new innovations to the Web that will help usability.

Speaking in Styles: Fundamentals of CSS for Web Designers

Jason Cranford Teague

Teague teaches CSS to new web designers using easy to understand methods.  Speaking in Styles is a great introduction to CSS for aspiring web designers or graphic designers looking to add another skill to their arsenal.

Bulletproof Ajax

Jeremy Keith

Jeremy Keith is a world renowned expert in JavaScript and rich interaction applications.  Bulletproof Ajax focuses on making Ajax interactions degrade gracefully and are not library reliant.  With lots of tutorials and code examples, Bulletproof Ajax is a great read and nice to keep handy for all the useful examples throughout.

A Project Guide to UX Design: For user experience designers in the field or in the making

Russ Unger

A Project Guide to UX Design is a must have for leading a web development team from prototype to production.  This book will help freelance designers and design teams conquer problems that arise in the design process.  Offering tips on prototyping, wireframing, SEO and planning, A Project Guide to UX Design will add value and knowledge to all readers.

The Elements of User Experience: User-Centered Design for the Web

Jesse James Garrett

The Elements of User Experience focuses on how different elements of user experience can compliment each other to provide a the best experience for your sites users.  Garrett who created Adaptive Path and is a regular in UX journals/blogs, offers designers concise methods to focus on results and ensuring your user experience is adding value to your site.

Don’t Make Me Think

Steve Krug

Don’t Make Me Think by Steve Krug changed my eyes as a designer, developer and web user.  After reading this book, I looked at websites I use everyday differently and it will for you to.  Focusing on key elements of web design, Krug’s Don’t Make Me Think is a staple for all web designers and a very short read.

Handcrafted CSS: More Bulletproof Web Design

Dan Cederholm

The only book on this list that focuses on CSS3 methods for designing websites, Handcrafted CSS is an outstanding introduction to designers new to CSS3.  This book follows the development of Tugboat Coffee Company and how the website uses graceful degradation to enhance user experience for users with newer browsers while still degrading for browsers that do not support CSS3 and other emerging web technologies.

Web Standards Solutions: The Markup and Style Handbook, Special Edition

Dan Cederholm

Dan Cederholm knows how to teach the basics to new users, but still provide value to novice and expert users with his unique perspective.  Web Standards Solutions, the older of the 2 featured Cederholm books, focuses on how web standards improve accessibility, efficiency and provide similar experience across different web browsers.

Decision by committee is every freelancers worst nightmare.  Many nights, I’ve woken up in a cold pale sweat dreaming about a group of stakeholders completely changing my initial vision.   Using the four techniques outlined below will help combat decision by committee and get rid of these nightmares for good.

Hold Separate Stakeholder Interviews

Separating stakeholders prevents initial decisions from being made with a domino effect.  This provides lots of help for you in the long run.  Let me give you an example how not separating stakeholders for interviews can be hurtful for you.

I once knew this print designer, let’s call him Phillip.  Well one day, Phillip decided to take on business with a company that had terrible politics throughout the office.  Phillip held design reviews for all of his work with a group of five key stakeholders.  Within this group of five, there was a strongly opinionated individual who “understood” design which the group would tend to follow in these sessions.  After these meetings Phillip would be working and then concerns would be raised privately by the other four stakeholders.  This left Phillip in the position to play office politician just to get his work done, which was not worth the final pay check.

Separating the stakeholders out would have proved beneficial to Phillip, even if only initially.  The extra time spent interviewing will be rewarded with a better understanding of company politics and build a relationship with all your stakeholders.

Define Vision

Doing this before the majority of work begins for an engagement will save you headaches in the future.  A clear vision statement should state the objectives, requirements and a timeframe for completion.  This will set clear expectations for you and the customer up front providing traceability for objectives to refer back to if problems with scope should arise.

Establish Yourself as the Expert

Establishing yourself as the expert in the situation is crucial for young freelancers.  When I first started, I was focused on customer service and the client always knew what’s best.  That’s a surefire way to get dominated in a business relationship.  It’s key to understand that a freelance engagement is a business relationship and should be treated as such.  Your client came to you because you provide expertise in a specific subject matter, be sure to be the expert they sought out.

There will be multiple scenarios in your freelancing career where a client will request that you do something to make them happy, but will reduce the quality or value of the end product.  A recent example of this for me is a client that asked me to double the size of their logo on their new web design to build brand identity. I handled this by thinking through the cost-benefits of the decision.  In this example, increasing the size of the logo would help them with building brand identity, but at the cost of reducing the amount of space to communicate services and having room for content or navigation.  Thinking through the costs for the changes clients request will lead to a logical discussion of this decision and set a precedent for decisions going forward.

Document All Decisions

Written approval statements for all freelance work that will have multiple deliverables is crucial to ensure previous work does not get revisited due to client unhappiness.  If a verbal agreement was made, follow up with your client with an email just clarifying that the component has been approved.  This workflow has been improved by multiple web apps for web designers such as GetSignOff made by the guys at Headscape and ProofHQ.

The Goods

As freelancers, you will encounter a variety of problems none of which will be more painful then decision by committee.  By using the four techniques outline; holding separate stakeholder interviews, defining vision, establishing yourself as the expert and documenting all decision – you’ll have little trouble combating this problem.  Let me know of the worst decision by committee experience you’ve had below in the comments.

A contract is a necessity when engaging in a freelance agreement to ensure your safety and help establish expectations between you and the client.  A great contract will give you a solid foundation, boost credibility as a professional and gain experience.  Ensuring clear terms of payment, deliverable expectations, intellectual property rights and limitation of liabilities are essential to the success of your contact.

First, let’s look at the contract at a glance and then dive a little deeper into some more important sections.  At the end, I’ll attach a copy of my contract as a reference if you wish to create your own.

Contract Overview

The must-have elements of any freelance contract should be: Overview, Terms of Service, Schedule, Payment Terms, Maintenance and Limitation of Liabilities.  Putting the elements in this order creates a logical flow from introduction to details to ending.  It’s also important to reference the client throughout the document so he/she understands what is required of them and you aren’t left with unclear expectations.

Overview

The Overview section is the equivalent to your first professional impression with the new client.  Party and service identification should be the major goals of this section. You should identify yourself as a Contractor to communicate that this is a one time engagement. I’ve also found success stating customer satisfaction policies in this section.

Terms of Service

The Terms of Service should accomplish one goal – a clear statement of the work to be accomplished.  The scope and authorization criteria should all be stated in this section.

The Scope of Services section will state the services you will render.  Packaging your services by focusing on the output is key for client understanding.  I normally use this section to specify the level of browser support.

In the Authorization section, the items the client will need to provide you with before work can be documented.  Common items I list here are access, copy and corporate images.  This reference in the contract will clear up most discrepancies on needs from the client.

Schedule

The focus of the Schedule and Payment Terms sections should be on the business side of the project.  These sections are the 2 most important sections to most clients because it enables them to assess the value of the engagement.  The major goal of these sections is to ensure project value to the client.

A Schedule will provide some accountability to your work, allowing the client to feel safe because there’s a timeline for completion.  A great practice is to focus on the delivery dates for the different outputs.  Be sure to set a realistic timeframe for deliverable completion and emphasize that these dates are dependent on timely communication and authorization by the client.

Payment Terms

When I first started freelancing, I required an equal portion of the payment upon the completion of deliverables before starting work on the next.  This practice gives clients freedom not to pay a deposit while still protecting me from being burned by bad clients.  I’d recommend this practice to new freelancers without an established portfolio.

In the Payment Terms section, all payment requirements should be identified.  Required deposits should be stated, as well as the rest of the terms of payment.  Identifying the timeframe of payment after invoice receipt will help you receive payments in a more timely fashion.

Maintenance

The Maintenance section is not necessary, but you will thank me for including it.  If no maintenance terms are stated, many clients will expect you to perform constant upkeep to the site or assist them with other types of support.  Stating rates for website support and other types of technical support will help shield you from clients assuming free assistance. This section will prove its worth the first time an old client contacts you for assistance with Outlook.

Limitation of Liabilities

The Limitations of Liabilities section will identify the intellectual property rights and state criteria for termination regarding both parties.  It’s also good practice to state you will not be responsible for any disruptions to the client’s current operations.  See my contract for more details.

Intellectual property rights should give you full ownership rights to all items generated from the start to end of the contract term.  It is also recommended that you mandate the client can not reuse or resell any items resulting from the engagement.

The Goods

The most important goal to set for your contract is to provide a sense of buy-in for your new client.  It’s essential to communicate what is required of your client so they understand the entire process.  Having a contract is now vital for freelancers to protect you if a negative situation arises.

Now what you were waiting for, a sample contract.  Enjoy and let me know what you think in the comments!

Sample Freelance Contract.docx

Sample Freelance Contract.doc

Sample Freelance Contract.rtf

Sample Freelance Contract.pdf

Disclaimer: I am in no way trained or qualified in the field of law or contract law.  My contract has been reviewed by a lawyer, but I should not be held liable for any contract issues that may result from the use of this contract.

Let’s face it, improving user experience is a never ending job that usually leaves me grabbing at straws. I am always looking for new sources of inspiration. Recently I tried a new holistic approach for finding user experience inspiration that led to some success for a project I am currently working on.  I hope that these new sources of user experience inspiration can benefit you as much as they have for me.

Get Lost

One of the first things I did when I hit my UX barrier was to try something new to observe how I experienced.  During this process, I got lost which was much more beneficial to me.  I learned what type of information I looked for when struggling to realize where I am.  This experience was so unique, I discussed it with a few friends and fellow developers to see how unique my thoughts were.

Go to a Museum

I’m unsure what the web has done to my mind and way of thinking, but whenever in a new environment I consciously recognize my user experience within the environment. I realized how helpful this was when I went to the New York City Museum of Natural History. Never have I been to a physical place on Earth that serves so many people and has such poor navigation aids.  I recommend every Web UX Team go to a large museum or complex building and look at it through your eyes and then watch other people experience it, it’s like usability testing on human behavior.

People Watch (or talk to them)

This is the equivalent of usability testing the environment.  Decisions shaped by behaviors is interesting to witness firsthand.  This should be your goal when you people watch.  Find out why people make the decisions they do in their environments.  I found the best places to conduct educational people watching are places where decision making occurs.  Watching people struggle to make a decision is not only entertaining, but educational.  Observing how different people reason through their decision process can give you priceless knowledge of the human psyche.   Leverage this knowledge when trying new conversion strategies.

Use New Web Applications

Innovation is happening everywhere on the web.  I applied to all the betas I could and used new up and coming web applications thoroughly to see how the app flows for new users.  After 30 minutes of use for multiple applications I took away many different “pieces” of user experience that I could weave in with my current project.  Note: I’m not advocating for directly copying web applications experience methods verbatim, but you should be aware of them and how you can incorporate pieces of the experience onto your application or site.

The Good Stuff

Take the ideas presented in this post and use them as a base when looking for new sources of User Experience.  I’ve seen designers limit their sources of UI/UX inspiration to just other web based applications.  I’d advocate that you use these as a base and take inspiration from real life experiences to make your application feel more natural to users.  Incorporating elements that capture real experiences that users can have make your application more convergent and you may start the next big UX trend in the process.

User interaction feedback is quite possibly one of the most overlooked design element throughout the web.  Feedback is a vital piece of the user experience puzzle.  Without interactive feedback, the user’s perception of the current state of the application may be skewed leading to a poor user experience.

Consider the above example with the elevator “door close” button – when you push the button, nothing lights up or registers that it was pressed. The door eventually closes, which would happen if the button would not have been pressed.  Some will argue the door closing is enough feedback. These are the same people who will have an unpolished experience for their web applications.  In this case, the best way to give interactive feedback would be to have the button light up and fade out as the elevator door closed.  Thinking about real life examples of user interaction feedback will give you tangible examples when polishing your application’s rich interaction.

Feedback Elements

There are multiple different types of feedback elements.  Feedback elements normally correspond to user interaction states; loading, confirmation, transition, error and more, but I will focus on the aforementioned states.  It is important to let your user know what is going on at all times with web applications, especially at the point of interaction.  Many of these are already done on most successful web applications, but are overlooked on some applications I’ve used.

Loading

There is a simple rule to cover this state – when data is being loaded, let the user know with an activity indicator.  If no feedback is provided to the user, he/she will be left guessing whether the request is happening or not.  Usually when this occurs, the user will click to initiate the action a second time causing more strain on servers, a longer wait time for the user and poor user experience.

Confirmation

The ideal way to provide confirmation feedback is when the interaction occurs, at the point of interaction. For example, to confirm a web form submission, the best way would be to notify the user next to the submission button or at the bottom of the form.  I’ve seen confirmation messages at the top of forms which aren’t always noticed by the user.  An example of great implementation would be eBay and its transaction and bidding confirmations.

Transition

The transition state occurs in between states and is a key interaction that needs feedback.  The most important transition which needs feedback is user sign up.  This state of transition for a new user can be incredibly confusing, and providing great transition feedback will make the difference between users coming back and never returning.  Kevin Rose of Digg recently discussed its work on a user onboarding process.  This process provides the necessary feedback and will soon become the standard for new user transition.

Error

Errors are the most common user state that requires feedback.  This state normally has the best feedback provided to the user.  Although the reason for the feedback is normally for data sanitizing purposes, the implementation is usually spot on.  This feedback is normally broken into two pieces, notification and indicator.  Notification is the feedback that is visible and evident to the user, and indicator feedback shows where the error has occurred.  The key to this element of feedback is to include both parts.  Both parts will clearly communicate to the user without them needing to think.

The Good Stuff

User interaction feedback is a crucial piece of user experience that should not be overlooked.  Breaking down interactions into interaction states can help you identify where feedback needs to occur.  At the very least, loading, confirmation, transition and error states should provide feedback to the user.  For some examples of feedback done right, I’ve compiled a great compilation on Ember.

Do you ever find yourself stuck on how a particular user interface element should look? This happens to me two to three times a day – until I learned about design patterns. Design patterns are useful elements to improve the speed of design and wireframing. Libraries like Pattern Tap, Yahoo! Design Pattern Library and Ember App are now large repositories of best practices for user interface elements. Not only that, but they also help reinforce user’s expectations when they are used across the web, thereby improving the overall usability of your site.

Tools

Yahoo! Design Pattern Library is part of the Yahoo Developer Network and is a great repository of quality design patterns. Their design pattern contains some unique sets such as; Talk Like a Person, Leaderboard, and Your vs. My. Patterns are not only organized into sets, but also categories. Categories are great to browse through depending on what you are developing. If you are developing a web application, check Rich Interaction patterns. If you are developing a blog layout, check out the Layout category.

Pattern Tap is updated much more frequently than Yahoo! Design Pattern Library in part to the user community around this site. Pattern Tap allows you to register, create your own custom pattern sets. Pattern Tap does have a great user community going for it, but this can also be it’s weak link. If you browse through their pattern sets, you’ll see that quality is varied throughout the sets. Some patterns are excellent while others are downright abysmal. This wide range of quality is due to the user community.

Ember is a social tool that allows you to view submitted tagged LittleSnapper images throughout their entire user community. This is by far my favorite tool due to its integrated experience with LittleSnapper. LittleSnapper allows you to keep a local repository of design patterns and Ember shares and combines this with other users of LittleSnapper. If you look at Ember, you’ll notice that many of the tagged images relate to design. Howerve, Ember suffers from the same problem as Pattern Tap with over saturation of patterns and dilution of quality but not to the same degree.  This is countered with the ability to follow users and see updates to their tags.  This feature is what puts Ember far and above the other design pattern libraries.

Usage

Design patterns can be used many different ways. I’ll cover inspiration, wireframe assistance, and polishing up the experience your current website below.

Spending thirty minutes browsing through either PatternTap or the Yahoo Pattern Library should speed up your design time and be well worth the investment. Design patterns can help you conceptualize how you want your final product to look. You can also choose patterns which you feel would be perfect and save them to always give you something to review in times of design need. These libraries can also help you pound through mental blocks and find a creative solution to the problem.

Where should my navigation be? How large should image x be? How much space should my contact box be? These are all questions that can be answered during a design’s wireframing. Using design patterns, these questions can be answered faster. Going through these repositories will give you a visual way of thinking how your design should be, instead of just a conceptual idea. Design patterns can help you decide placement and size of UI elements, how to handle different types of user interface elements and much more.

So you completed this kick ass web application and everything is going smoothly until one day you notice your conversion rate on signup drops. You feel it’s time to revisit your signup process. Here is where design patterns can assist you. A quick look on Pattern Tap, and you already have a ton of possible methods to assist your improvements. Let’s say you notice specifically that users are getting a high fail rate and unable to discern what they did not do properly. Head over to the Yahoo! Design Pattern Library and look at notifications, and you can start improving this aspect.

The Good Stuff

In short, design patterns matter because you are designing around your users expectations. Using the tools that are out there, you can get a leg up on fellow designers by building your own pattern libraries. Integrating design pattern research as a part of your initial design process will definitely lessen your design time while improving the quality of your deliverables.

My first adventure into creating icons for a personal project has come and gone and left me with some things I want to share with you.  I’ve created round icons for Delicious, Ember, RSS, DesignBump, Skype, StumbleUpon, LinkedIn, Digg, Twitter and Facebook.  I’m hoping to use these to create a virtual business card I can include in my new design for this website.  Please feel free to take the set, modify the included Illustrator file and use them however you want.

They are licensed under a Creative Commons 3.0 Attribution License.  If you are looking to find me on any of these appliations, my pages are below.  Give me some feedback and enjoy!

• Delicious – wiebers
• Ember – wiebersk
• Skype – wiebersk
• StumbleUpon – wiebersk
• LinkedIn – Kyle Wiebers
• Digg – wiebersk
• Twitter – wiebersk
• Facebook – wiebersk
• DesignBump – wiebersk, this one is not shown but is the same as the stock DesignBump logo.

Simplecons

Download the set – Simplecons v1.0

So, think you are ready to take on the web world and become the next freelance all-star? You better learn fast that you are swimming with sharks ready to devour you without even blinking. Before taking the plunge, be sure to polish up these six crucial skills.

Passion

This one should be obvious, if you don’t have passion for what you are doing, change what you are doing.  Passion is what I refer to as the light at the end of the dark tunnel.  You will have to have passion to get you through the rough spots.  There will be times when it’s 4:00am and you are stuck trying to get your navigation hover state to look exactly how you want it.  Passion is will help get you through the bad times and amplify the feeling during the good times.

Pursuit of Knowledge

A curious nature will be a large asset to web developers and designers.  Methods come and go in waves and your goal should be to stay on top of or ride the wave and get back out on the next one.  New methods will always be developed to solve an old problem, new code libraries will come that will solve problems faster, new things come as time goes by and wanting to actively learn these will only help you out in the long run.  Knowing different ways of solving the same problems will allow you to see a problem from different sides giving you the upper hand on choosing the best solution.  It will also help you when communicating with buzzwordy clients who think they are experts, but are just familiar with trends in development/design.

Emotional Intelligence

I have talked to too many clients who say they are worried about working with freelancers because  freelancers can’t work well with people.  This connotation is negatively reinforced by freelancers who can’t work well with people and it turns into one of those situations where the bad people ruin it for the good.  Having emotional intelligence helps out the case for the good people.  Emotional intelligence plays a crucial role in your ability to communicate and work effectively in a professional environment.  If you are unable to tell what a client (or potential client) is really trying to say to you, then you are going to be hard pressed to find any work.

Work-Life Balance

This is the one skill that I struggle with the most on this list.  Being a college student with a full time part time job and then working on freelancing and developing this blog seems to take up the majority of my time.  Work-life balance is key to developing yourself as a person and ensure that you do not become your work.  Speaking from experience, as my work-life balance gets better the number of mental blocks I hit decrease and I seem to have more of the eureka moments.  Work-life balance is definitely a hard skill for lots of people in the industry, but a great work life balance will go a long ways for you.

Business Savvy

Business savvy freelancers are always more successful than their counterparts.  Understanding who are the influencers and decision makers for web content and how to grasp business politics in a quick manner are skills that will go a long ways.  You’ll find that as you work with different clients, some skills you learn are non-transferrable and will only apply to those type of clients.  Business savvy is most definitely a transferable skill that will work with bull headed law firms or small private colleges looking.  Being able to communicate what you are doing effectively in “english major” terms will be a skill that should not be overlooked.

Caffeine Addiction

Lastly and almost as important as passion, you must have a caffeine addiction  You really don’t need one of these, but it will help you as you find yourself doing work later and later into the night.  Many other freelancers I know swear by either a specific energy drink or coffee to get them through work sprints.

The Goods

I hope you work on polishing up these six skills before you start freelancing.  Having the opportunity to develop many of these skills through other real world experience was valuable to me as a freelancer.  What skills do you feel are valuable to tune before you enter into your own freelance business?  Let me know in the comments.

Welcome to my first weekly blend. This is going to be a consistent weekly post every sunday night reviewing the blog posts/web musings that have peeked my interest throughout the week.

The Blend

This week was interesting between the release of Google Wave and lots of different web design blogs with quality posts.  I’d categorize this blend as 2 parts inspiration, 1 part theory, 1 part tutorial, and 2 parts fun.  I’ll go into the detail of this concoction below.

Inspiration

Absolut Vodka consistently has well designed ads with a consistent message.  Over at amog they have a great post that showcases different Absolut ads over time. http://bit.ly/sf3G8

Here's an example of one of the Absolut ads

WebDesignDev is a great blog that I just started to subscribe to with lots of inspirational posts.  This past week they had a great post which listed 26 Excellant Dark Website Designs.  If you are interested in different types of designs and how color influences design, this post is a must read.  http://bit.ly/3lm0ZR

Here's an example of one of the dark websites

Theory

Inspect Element is another blog I recently subscribed to that has some excellant content.  Inspect Element mostly focuses on theory and design principles of the web.  They recently started part 4 of a 4 part series – The Principles of Good Web Design: Content.  Throughout this series, Inspect Element has applied different design concepts to the web in an easy to digest way.  This is a must read for people who are just getting into web design (like me).  http://bit.ly/3ljlW5

Inspect Element

Tutorial

TutorialZine recently published a tutorial on how to make a slick content slider using jQuery. This is a great intro for developers looking to get into jQuery and the possibilities of this amazing framework.  .  http://bit.ly/2wA5vP

Making a Slick Content Slider With jQuery

Fun

There were plenty of fun things out on the web this week.  A lot of talk was over Google Wave which went into closed beta.  I unfortunately did not receive a invite so I’m unable to give a first hand review, but I have the next best thing – Lifehacker.  Lifehacker did a detailed overview of Google Wave which is worth a read if you are interested in the next generation of collaborative web  apps.  http://bit.ly/Nozco

Lifehacker - Google Wave

The final part of fun was an entertaining workflow diagram of whether or not you can be a web designer from Six Revisions.

Can You Be a Web Designer?

Thus concludes the Weekly Blend for this past week.  Let me know what you think in the comments or what you want to see for next week.

Who doesn’t have a Twitter account these days?  If are one of the few who doesn’t, you at least know what it is (and you should sign up today).  Twitter, once described by a wise man as 140 characters of id and now it’s changing the game.

Twitter Changes Everything

Twitter is changing the perceptions of what everyday web users perceive to be pertinent content.  Soon, the days of the long descriptive sentence effectiveness will be gone entirely.  Marketeers and copywriters alike, tune your communication methods because within a year, if it’s not under 140 – it won’t be effective.  Web readers will become habituated to shorter hooks as Twitter becomes their preferred method for receiving content.

Five Principles of Rockstar Content

Please note – none of these principles are new, but they are becoming ever more important.  If anything, take away these five simple principles and you will be on your way to getting prepared.

1. Tweetable Titles - Keeping titles short will be a sure fire way to get them sent all over social media outlets.  Think 40-60 characters.
2. Cut Fluff - One piece of advice I learned from Stephen King’s On Writing was adjectives and adverbs are not your friend.  Cut them out at all costs.  Your visitors will respect you for serving them more direct content and be more likely to link to you.  Web users can smell fluff a mile away when there’s no body language to hide behind and they don’t like it.
3. Think Architecturally – The days of lots of content taking up the entire screen is over.  The newspaper model worked for print, but users don’t want to stare at lots of words on a screen.  Use header tags to create an outline of your content for your users.  Users will thank you for not having a big blog of content for them to digest.
4. Think Graphically – If an image can communicate a thousand words, use it.  Using images to communicate trends, summaries, and other high level information is great for the linkability of your content as well as summarizing it for your users.
5. No More Content Pagination - Not only is this bad from an SEO standpoint, it’s annoying to users.  If you have that much content, do multiple posts, stories, vlogs, or any other way to communicate information faster. – don’t put the burden on the user to get your content.  Serve it to them in a simple easy to digest manner.

Summary

Principles of Rockstar Design

Don’t take this as the Gospel, if your current method works, use it.  If you have a lot of detailed content – be sure to explain it.  Just consider the five principles above  as time goes on and your readership will thank you.