Design

Archived Posts from this Category

ad-tactics-title-11

Internet advertising can be tricky, especially when dealing with social media. How do you get users to see ads without being ignored or too in your face? While ads bring essential revenue to a website, they can also turn off social media visitors losing crucial social media votes in the process. So don’t waste your valuable linkbait by using tactics that will hinder results and follow these tips.

Bad Tactics

1. In-Text Advertising

This form of keyword advertising inserts a script into a page and double underlines any keywords.  When the mouse is over the keyword an ad pops up that is associated with it.  Social media users thoroughly dislike this method.  Many times this form of advertising will garner comments like “I feel like I’m on a mine field when I move my cursor.” If you do use in-text advertising, simply turn it off until your story is popular so users can focus on your content, not your ads.


Posted by Patrick Winfield at 2:18 pm
Bookmark this post:

How Did You Screen-Read This?: Designing to Keep Attention
We have heard numerous times how people skim articles and posts online, rarely reading everything, looking only for bits of information and then fine tuning focus on what looks important to them. Did you read all that? Good your still with me.

Lets dig into the way we read online and learn how to potentially format content that keeps the readers attention longer.

Last time you were in a book store, shopping for the next book, how did you go about this search? Assuming you didn’t have a title/author in mind maybe you cruised the non-fiction section looking at covers. Then a book cover with a picture of the president elect caught your eye, THE AUDACITY OF HOPE. What happened next?

You turn the book over and read the back, the synopsis, and get a feel if this is of interest to you. “Maybe this self-portrait of the next prez will be intriguing… or maybe I will wait till he writes the next one.”F for fast, that's how users read your precious content.


Posted by Patrick Winfield at 4:43 pm
Bookmark this post:

How many times have you picked up a magazine because of what is on the cover? How many other magazines did you see that didn’t catch your eye? Online we have even shorter attention spans these days (9 to 5 seconds is the new number) because our options are so vast we have no patience. Jakob Nielsen, Nielsen Norman Group, told BBC that “People want sites to get to the point. They have very little patience.”

Visitors to a website or a piece of social media content are heavily influenced by first impressions. How something is designed is not more important than content, but it certainly helps to keep the attention and interest.

Graphic design is visual information management with the main goal to display a strong visual hierarchy that can lead a viewers eye through a page. We scan pages when we first come to a site, looking for elements that capture our eye and then fine tune our vision to investigate deeper. Present the most important information first with the greatest emphasis.


Posted by Patrick Winfield at 8:46 am
Bookmark this post:

Modern blog platforms, like Wordpress, make it easy for anyone to write content for a website without much knowledge of HTML or CSS. You can simply use a WYSIWYG (the Visual part to HTML/CSS code) editor. It is definitely a great way for non-technical people to write and format content. Here are a few tips that will help you stylize and format your content, so that your posts really draw attention:

Image Sizing and Positioning

It’s no secret that images are an essential part of making a post interesting and visually stimulating. Patrick Winfield wrote an extensive post about finding images online.

After finding your image, it is important to resize it to fit your post. Here is an example of a guy who has some technophobia:


Posted by Victor Murygin at 4:53 pm
Bookmark this post:

Images are an important way to add that extra kick to your blog posts. They are often the first thing that attracts visitors to read further. But where do you find good image?

After completing your masterpiece, you begin to search endlessly around the internet for an image that depicts the core message of your post. When you finally find that perfect one, it is locked up in licenses and conditions that require a lawyer or a credit card. You are obviously frustrated and find yourself spending more time looking for another image than writing that post. Let’s explore some resources that will help you find that image!

Stock photography sites require a paid subscription and offer many choices and sometimes the best results. It can also be the most played out, overused, politically correct looking fluff out there. However, there are so many sources available, from the super expensive sites like Getty, to the middle of the road places like Shutter Stock and iStockPhoto.


Posted by Patrick Winfield at 4:51 pm
Bookmark this post:

title-call-1.jpg
“Contact Us”, “Learn More”, “Click Here”, “Free Money!”. OK that last one I made up, but we have all seen these calls that ask us to do something.

Calls to action in interactive media are usually buttons or links that begin a process. Making these important calls stand out requires some designing further than, and in addition to, the underlined hyper link.

The text and words used in calls to action are topics of another discussion. For this tutorial I am focusing on the design elements of a graphical button and specifically simple gradients with a 1 to 2 pixel gap from the border created in Photoshop. This tutorial is similar to the previous one on creating cool graphical text, but changing a few things and applying it to buttons.


Posted by Patrick Winfield at 3:34 pm
Bookmark this post:

cool-text-header.jpg

Last week I wrote about how to create great header graphics for linkbait pieces. Now I would like to go a bit deeper into that and explain how I create graphical text, text that is an image, that stands out and screams to be noticed.

Like the last tutorial mentioned, it is important for your article to have an image associated with the content of the article. When you go on Digg and see a link to a story without an image or photo what do you do? Well, I tend to not click on that story and move on down the line. The same holds true, to some degree, to linkbait pieces and the inclusion of catching header graphics.


Posted by Patrick Winfield at 12:55 pm
Bookmark this post:

picture-2.jpgWhen you need to focus the attention of the reader to a certain area in the text or story pull quotes are the best method. Pull quotes are small pieces of the story or article that is being repeated and set in a larger size font and placed near the middle.

The idea is to pull the reader in further and also pull text from the main body of text. You have seen these allover, if you read an article online or in print today it may have had a pull quote in it and that may be the first thing your eye went to and read.


Posted by Patrick Winfield at 3:57 pm
Bookmark this post:

title-howtogreatgraphics-l1.jpg
pc-world-image1.jpg
For this ‘How to…’ I am going to use a linkbait piece from PC World called 10 Cool Gadgets You Can’t Get Here-Yet. The piece tells about how often the coolest gadgets originate overseas and usually in Asia.

The information is interesting enough to hold my attention and I want to see which gadgets they selected and also find out what it is that I can’t get-yet.

However the main graphic header is obvious and could have been worked on a bit more to capture the interest of those people that may be on the fence about whether or not to read further into the piece. So lets get into how I would have used stock photos and created a more compelling graphic to try and lure some more eyeballs into the piece.


Posted by Patrick Winfield at 4:09 pm
Bookmark this post:


For this round of the ‘How Would I Do This…’ I am looking at an article on CNN called ‘How do you know your love is real? Check Facebook’. I am also going to tie in my previous post on the overuse of stock photography.

The article from CNN is a news story that is generating 100’s of comments and opinions from people expressing how they deal with relationship status on Facebook.

The photo used is great. I think it conveys right away the feeling of being watched while on your computer. But I would have pushed it one step further and incorporated the Facebook logo on the computer where there is a blue space on the back of the monitor. It seems so obvious to me and would add that extra bit of information to the photo to make it almost tell the story.


Posted by Patrick Winfield at 4:35 pm
Bookmark this post:

Next Page »