Tuesday, May 10, 2011

Chicago Web Design: 10 Habits to Break NOW!!

The internet is a fickle place, and web users are even more so. They move so quickly through web pages, you only have a few seconds to grab their attention before they’ve moved on. To really make your target market pay attention to your website there are a few things your web designer needs to stop doing RIGHT NOW. Really – call them. If you’re using Integraphix, then you’re in good hands so just sit tight. If you’re not using Integraphix for your Chicago web design and web optimization in Chicago, read below to make sure your website is relevant and worth a visit from your target market.


Chicago Web Design Company

First Offense: Your website design and content lacks personality
Whether it is your dull and boring writing or a dull and boring website, your users are sure to get bored if you don’t inject a bit of your company personality into the website. Website visitors usually have a goal in mind, and when they arrive at your company website looking for something in particular or a piece of information and can’t find it, they’ll quickly move on. Bad website design usually involves a homepage that isn’t representing the company well enough and isn’t showing relevant content right on the first page. Is your homepage incredibly boring?

Hallmarks of website design include not knowing your target audience, including irrelevant or repetitive content, and lacking calls to action for sales or for more in-depth site exploration.

For these reasons, make sure that you’re using web analytics to gain a sense of who’s coming to your site. Once you know what this demographic is looking for, provide them with it. Prioritize information so that the homepage is easy to read, with a clear header, introduction, and appropriately displayed links. Keep things simple and remember that not every piece of information must be included right off the bat (that’s what subsequent pages are for). Imbuing your site with the look, information, and personality that will speak to your niche audience is essential for capturing their initial attention.


Habit #2: Failure to Establish Credibility
Failing to inspire confidence in your readers is a major problem that can easily get in the way of a website’s success. It is necessary that your design features elements which prove to visitors that they can trust the information found within your pages. Immediate warning signs that diminish your site’s credibility are errors in grammar and spelling, a lack of visual cleanliness, and a site that looks outdated.

Think about it: If a site looks old, then might you conclude that the information contained therein is old, too? Therefore, it’s imperative that you continue to update and improve your website over time, being careful not to fall behind new trends. Technical errors like spelling and grammar mistakes, as well as messy visuals such as unaligned paragraphs give the impression that the website creator hasn’t put a lot of thought or effort into the site. If you can’t be bothered to spell-check your work, then why should anyone else bother to read it?

Beyond just this basic maintenance, you can also add more in-depth indicators of your credibility. These include any relevant information about your educational and employment background, accomplishments, awards, accolades, site membership numbers or other statistics that indicate your success level, and any community or trade involvement that shows your legitimacy and outreach.


Habit # 3: Impossible to Read Text
Who’s going to stick around a site they have to strain their eyes to read? Be very cautious about the font you use and the colors you choose. A lack of contrasting color between your type and your background can cause huge legibility issues. Make sure that the writing stands out enough from page and that the colors complement each other appropriately. Text that is too small can also be problematic, especially for older viewers. And although it’s not a bad design choice to use a fresh and modern font, make sure you’re selecting something that is crisp and clean enough to be used for bodies of text.

Long blocks of writing are, in and of themselves, something to avoid. Website visitors want to get to the main point of a page – and quickly. Large chunks of text discourage this, so the optimal thing to do is to edit out any unnecessary details, break up content into manageable paragraphs, and organize selected information into lists and bullet points.

Lastly, beware the bold, italic, underline, and caps lock options. These can be used sparingly to make a point, but overwhelming a page with them creates a visual mess and ultimately achieves the opposite effect from what you want, confusing the eye to the point where it doesn’t know where to look first.


Habit #4: Confusing Site Navigation
Perhaps one of the most egregious offenses in website design is creating a site whose navigation is poor, shoddy, or confusing. Major design mistakes center around links, which must always be easily identifiable, descriptive in their title, and functioning properly. Don’t make visitors guess where they’re going: make sure that you distinguish visually between content on your page that is simply text and content that is a link and, therefore, “clickable. ” Underlining, bold, or a standout color choice can all be used to indicate that a word or phrase is actually a link. Be clear about where each one takes the visitor by giving obvious titles to your different sections, making it clear from a glance which button takes you where. Make sure that the links are visually unified; if every link is presented in the same style, then it will be easy for users to scan a web page and spot them.

Beware of orphaned pages! This term indicates web pages that have no link back to the homepage or, in the worst case scenarios, links to any other section of the website. Orphaned pages can create a huge hassle and annoyance for your visitors, who must leave the visual area of the website to use their browser’s “back” button. Likewise, to further avoid this situation, double-check to make sure all of your site’s links are functioning! Broken links and 404 error pages make a site look messy and unmaintained, as well as cause users a headache.

A few other warnings on this topic: bad website design is likewise evident on websites whose links don’t change color after having been clicked by a visitor. Help your users remember what parts of the sites they’ve already checked out so that they don’t find themselves lost within your content. Under no circumstances should you include any drop-down menus that fall below the bottom of your page. These will make certain links impossible to reach!


Habit #5: Distracting Design Elements
Overambitious and/or inexperienced designers have a tendency to believe that the more bells and whistles they add to a website, the more impressive it will appear to viewers. Wrong. In fact, too many special features and attention-grabbing effects can create a serious eyesore, as well as distract from the really important content. While it’s always a good idea to stand out from the crowd, making too big a point to grab viewers’ attention will actually send them running in the opposite direction. Remember that content is key, and no design features should overshadow that fact. Nor should they, in the worst cases, attempt to make up for a website that ha subpar content.

What are these distracting features that Chicago web design usually consists of? Blinking signs, clashing colors, too many photos, crazy background images, clutter, and an inundation of ads, especially those that are poorly placed or which have absolutely nothing to do with the website’s theme.

First of all, to repeat, not all of your information must be included on the homepage – or on any single page for that matter. Websites have sections for a reason, so divide up your content wisely. Second of all, always go back to the main idea that website users are arriving at your page looking for information. If you remember this, then you’ll quickly see that anything blinking, clashing, or attention-grabbing simply isn’t helping anybody’s cause. Third of all, although advertisements can be a great source of revenue, be wise about what you allow on your page and where you place it. Keep the commercial aspects off to the side and always make sure that their products match your website’s theme and your viewers’ interests, otherwise, they will steal the spotlight simply by virtue of the fact that they don’t fit in.


Habit #6: Auto-Play Media
No discussion of distractions can take place without also addressing the major design problem of automatically-playing media. If your visitors’ purpose is to get information from your website, why are you stalling their progress with long Flash intros that have no option to be skipped over? Why are you playing music when people only want to read or look at pictures? Why are you shoving pop-up windows in their faces?

To be clear, there’s nothing inherently wrong with any of these elements. A Flash intro can be a dynamic, and creative opening to a website; videos and music can be wonderful tools and sometimes are the sole purpose of a website; and alerting your visitors to sales and offers is an essential part of marketing yourself.

However, it’s all about the way you present these elements and the keyword here is always choice. Let visitors decide how much time they have and whether they want to use that time to sit through an intro or video; let them decide when they want to listen to music and for how long; allow them to click on offers, but don’t force them to close a pop-up window that’s of no personal interest to them. A tidal wave of media doesn’t achieve anything except increased visitor annoyance levels.


Habit #7: Your Site Makes Us Work Too Hard, Wait Too Long…or Think Too Much!
Because of web users’ goal driven natures and the plethora of web pages that they have at their immediate disposal, any Chicago web design features that test their patience can be prove to be major pitfalls in your website’s success. Beware of anything that makes visitors work too hard to find information or wait too long to get to it.

Perhaps the biggest issue in this category is the slow-loading page. This occurs primarily when there are too many images trying to load at once, or even a few images whose file sizes are simply too large. Make sure you know what quality of image is enough to make your site look beautiful, but not too much to slow it down, and then be selective about how many images you include. Besides the slow-loading page issue, you can also run the risk of half or partially-loaded images, which can look highly unprofessional and messy.

Also reconsider any design features that seem unnatural or add extra steps to your users’ activities. A good example of this is the horizontal scrolling bar. While web users are used to scrolling vertically, it takes much more effort for them to keep scrolling back and forth horizontally to finish reading sentences or find information that is off to the side of the main webpage. In some cases, they might not even notice or recognize that this type of scrolling is an option, thus causing them to miss out on whatever page elements are “hidden” from view.


Habit #8: Leaving Out Essential Information
Sometimes it’s what Chicago web design leaves out, not what it puts in, that causes the biggest problems. Creating a website that lacks significant and relevant pieces of information can be disastrous for a business. By failing to fully answer your visitors’ questions or fulfill their needs, your website will quickly fall short of their expectations and potential return traffic will instead move elsewhere.

One of the main problems found in bad website design is a lack of contact information. Whether a customer is looking to find a business’ location(s), has a product-related question, or simply needs to speak to someone about opening hours or website issues, in this day and age they must be provided with multiple ways of getting in touch. Supply users with as many ways to contact you as possible: a phone number, an address, an email address, a fax number, or even a specially designated comments form.

Another type of issue arises when it comes to ecommerce websites, which are looking to make a direct profit from web users. Imagine you are a consumer looking to buy a product, and you end up on a website that doesn’t supply you with prices, descriptions or images of their items, or even a clear way to make your purchase. What are you supposed to do? You have no choice but to turn elsewhere.

Designers must make sure that an adequate amount of information is available when they’re asking customers to shop online. Photographs of the merchandise are very important, but may need to be supplemented with written descriptions that contain specifics like the products’ materials, functions, or non-visible qualities. Be sure that the prices are displayed clearly and choose graphics and colors that clearly indicate the path buyers can follow to check-out.

Habit #9: Trying Too Hard to Be Different
Perhaps one of the most overarching bad design habits is simply the overwhelming desire to be different, at the expense of website functionality and straightforwardness. While it’s important for your website to stand out from the crowd of other options, this can be achieved through excellent content, beautiful images, easy navigation, stunning graphics, or even utter simplicity. Where experimentation goes wrong is when a website tries so hard to break the mold that it actually only serves to alienate and confuse visitors.

Web page users are familiar with browsing websites and have learned to expect pages to work in certain ways. They’re accustomed to even the littlest details, like links being underlined or bolded, and sitemaps being found at the bottom of the page. If you start messing around with the accepted format, you risk losing an audience; even well experienced web users can still get lost and those goal-driven users who find your site too overwhelming will simply move on. Find the middle ground between making a statement and giving visitors what they want. Be creative in your content and instead leave all the major or basic page elements alone: let them work the way they always have.


Habit #10: Not Checking to See if Search Engines Can Find You
Last but certainly not least on our list, if your website cannot be found by search engines and, therefore, cannot be appreciated by more visitors, then your web page design has seriously failed you. It’s not enough to have great content or a page that looks pretty; there are certain design elements that must be either included or avoided if you’re going to grow an audience and have any impact on the virtual world.

Make sure that you are using SEO keywords in an artful manner, incorporating them into the fabric of your web page so that your content can be found and receive the attention it deserves. At the same time, you don’t want to overwhelm any web page with irrelevant information or a whole bunch of SEO nonsense that has been awkwardly planted in your text. Be smart, selective, and mindful of your viewers. Fit keywords into your writing in ways that complement the content, not destroy or delegitimize it.

Another major rookie mistake is placing text inside of image boxes. Designers may think this effect looks cool, adding a neat visual background to tabs and headings. Unfortunately, however, text that is programmed in this manner cannot be found by search engines, so any keywords that you’ve embedded in an image will be lost and useless. In this case, as well as in the case of Flash menus, it is absolutely essential that a designer remembers to include a sitemap or tags on their page, since these will be recognizable. It’s a simple solution that allows you to achieve creative design, without sacrificing your number of page views.

Avoid these ten habits of Chicago web design and you’ll be on your way to creating a site that is not only gorgeous and visually memorable, but fully-functioning and successful!


Chicago Web Design, Website Design Chicago, Web Designers in Palatine, IL, Website Optimization Chicago, Search Engine Marketing Firm Chicago, Social Media Marketing Chicago, SEO Company, Chicago Marketing Firm, Website Designers in Chicago

Chicago Web Design Company | The Real Trends of 2011

Web Design Trends of 2011

There’s been several years between the inception of the internet and now. Before, when only a few websites were online and all the design was ruled by Comic Sans and primary colors there has been a series of changes that have made a complete transformation to the way Chicago web design must be taken.

In 2010 the web was filled with details: heavy text blocks, dark color palettes and picture after picture began to see their decline as people begin to opt for much cleaner Chicago Web Design, and a more minimal look. By minimal we’re not meaning mediocre but the opposite, a better use of the diagramming without saturating the pages with irrelevant information.

Take things a little bit further by using illustrations, serif fonts and a color background. But even with these details the site should remain clean, the diagramming excellent and the fonts looking nice. What this teaches us is that you can get risky without having to make things look bizarre or old-fashioned.

Don’t be shy, start playing with typefaces

Big fonts can work if you know the secret. Usually typefaces play a minor role inside any website, as the only purpose was to display information, which means that they were utilized for their literal purpose. Since 2010, a new trend has began to gain strength and that’s utilizing big and bold fonts with the exclusive intention of grab the surfer’s attention. You can find a lot examples of how a strong title can be as eye-catching as a picture, it’s just an issue of playing your carts in a good way.

It’s ok to use a 60 pt title on top of your page as long as it looks well and not as a serious mistake.Likewise the idea of small fonts to show genius is now obsolete and on these days can be easily confused as a lack of trust.

Typography is everything on this webpage, from the small menu elements proceeded by a shocking header and the great text boxes with a subtle grunge texture. Besides the designer’s picture (which is not a photograph by the way) there’s not a single picture on this page and it doesn’t look bad but at the opposite, looks really well.

With a basic three color palette, a designer can experiment with many different typefaces and somehow nailed because the final design looks awesome, so this proves you that it’s not strictly necessary to stick to a single font family when constructing a website.

Reducing kerning and tracking values

With the present need of designing for mobile devices such as iPhone and Android, designers have learned that they no longer have huge resolutions to work with and that the 960 grid is the new commander in chief. With this reduction in sizes, one of the best ways of save space is by reducing the space between words and characters to the minimal values. So it’s now often to find really tight menu elements that fortunately look great and are still easy to read.

Creative agency Epic has started to work with typefaces on their website to fit the mobile market, the main menu features a sans-serif font with a reduced tracking value that allows to display all the elements in a small area that can probably fit inside a mobile screen. It’s important to use proper font sizes to maintain the readability as well as play with contrast, because a red font over a vermilion background is not just the best choice.

Quit using plain backgrounds, textures rock!

For the past few years, a hard tendency of zero textures and fully gradient and solid color objects ruled. One of the reasons behind this phenomena was the popularity of the web 2.0 look, which is characterized by glossy elements, gradients and plain backgrounds.

But now the trend is beginning to change and it seems that it’s time for textures to reappear in Chicago web design and the evidence relies on the several websites that are starting to use noisy textures within their places. The grunge look that was so popular during the nineties has been reinterpreted and adapted to the present time, with a new style of combining grungy textures along with clean interfaces and bold typefaces; graphic designers are returning to the creation of custom Photoshop textures, which now are way much nicer than before thanks to the advance in this popular graphic software.

The great thing about textures is that they add richness to the design, you can say that they spice up things a little bit. Currently the most popular textures are the noisy / grunge ones, wood-like textures and mostly everything that comes up from experimentation.

Pixel perfect web elements are the new look

As we said at the beginning of this article, resolutions are changing in a way that have never happened before, and now designers need to worry not only for making high-scale web elements but also super crisp icons, buttons and menus that can look perfect both in a mobile device and a 60 inch TV screen.

So now is becoming a trend in web design to make everything pixel perfect, which is a technique that can be achieved with patience and using powerful Chicago graphic design software such as Photoshop and Illustrator. The idea of pixel perfect is that every detail is carefully planned so you don’t see any blurry or pixelated areas. If you buy a template, button set or just anything web from the major suppliers such as Iconshock, you will receive a complete set with not only big objects but in several resolutions, which usually oscillate from 16 pixels to 256, covering almost every existent screen resolution.

Use bigger icons
A few years, there was an unbreakable rule that told that everything that was going for the internet had to be optimized with a 72 dpi resolution and the small size possible. Now that we’re at the gates of a new decade, all these rules are starting to seem obsolete. Mac OS X has set a maximum icon resolution of 512×512 pixels and many monitors support 300 dpi resolutions, so that thing of doing everything small and shy is over, the era of big icons and high detailed elements has began.

Step by step, most websites are changing their old 24 x 24 pixel icons for much bigger ones, this does not only affect icon’s size itself but also the amount of details that can know be incrusted within a single icon. We can expect that throughout 2011 more and more sites will insert bigger icons on their sites.


Let your pictures be the background

In the past it was considered a true genius the one that put a big image on a website as a background and that this pictures was neither pixelated or oversized. Now with the increment of DSLR cameras, megapixels and photo optimization, it’s a reality to use massive quality pictures for your backgrounds. This technique is highly appreciated by graphic designers and photographers, though we found different kinds of websites utilizing it as well.

The trick to make this work is to always shot at higher resolutions and then fix your image in Photoshop to reduce its size without losing quality, remember that everything in web has to be in RGB mode (CMYK is for printing) and cannot surpass a size of 1 Mb (unless you know that the people that are going to visit your site possess a good internet connection).

Try animated backgrounds

So using big photographs is now possible, but what if we tell you that you can go even further and place fullscreen or really big animations on your websites?. Thanks to Flash and HTML5 this is now a reality. It’s amazing how developers have managed to place incredible animations that don’t take too much broadband, making the animation possible.

These animations are part of the next era in Chicago web design, where 2D will be replaced by 3D and both hardware and applications will help in that process by adjusting to these technologies. Although this technique is still in a baby face, the applications are already great and on the next years there will be more and more sites using fully animated interfaces.


Lighter spaces will still in style this year
During the past few years, there’s been a tendency for developing heavy, over saturated websites with dark colors and bright fonts on top of them, but now that tendency is beginning to change.Along with the new wave of making everything much cleaner and minimal than before comes also a preference for lighter spaces, with pastel tones and light palettes.

By making lighter interfaces, information can be easily processed by the average viewer, because with darker backgrounds an inclination towards clutter shows up, and people spend less time on the page before switching to another one. Our advice then is for you to bright up your page during 2011.


Opt for rounded corners
During the first Internet years, the graphic programs where very basic and there was not amazing tools such as CS5 and the new CSS3, and that’s why many designers took the habit of doing everything straight, because it was much simpler to do and everyone was doing it, but now that there’s been more than 10 years since the end of the 20th century, it’s time for things to change a little bit.

One of the most common things to find was straight corners everywhere, from windows to button, everything was built with a 90 degrees corner. Now we’re seeing how many websites are beginning to incorporate rounded corners on their interfaces, which gives a smoother and nicer appearance to design, you can generate these rounded elements via Illustrator or any other graphic program or utilizing directly a language program such as CSS3.


Utilize sliders

Using sliders is a technique that does not only save a lot of space by showing many information in a single spot but also can be used as a great design element to prettify the whole aesthetic of a website design, and that can be confirmed with the fact that there’s more than one site that actually sells slider designs ready for installation.

Now we want to show you some examples of beautiful sliders that we encountered during our research, some of them used with a more chicago graphic design intention and others to provide plenty of information without using an excessive amount of space.

No more realism, place vector illustrations

If it’s true that photography will always have its place in Chicago web design, the trend for 2011 is quit using realistic illustrations and big photographs and begin implementing big vector illustrations. The reason behind this change is that this illustrations can help to set surreal sceneries and also are more lightweight than complicated designs.

So this is not an affirmation that vector illustrations are going to be the only accepted style, but that graphic design is going back to its roots and in that order of ideas, it’s time to leave aside those fancy illustrations and go with something a little bit simpler.


Footers are there for a reason

Now that 2010 is over we want to say that we were right, footers are becoming more important every day as designers realize that they’re a vital part of every design and they must be utilized with the same importance than the header.

On the past footers were used to place disclaimers, some basic company information or the contact link of the company, but now that’s changing. Footers are now areas where you can place things like social stream boxes, contact forms and tons of information.


Use boxes for diagramming
Diagramming is something implicit in Chicago graphic design and Chicago web design, so you’re probably wondering what’s the novelty of this category. Well the thing is that now many graphic and Chicago web designers are using small boxes on their websites to organize all the information instead of big columns and cluttered structures, which points to the clean look that we already talked about before.

So, during 2011, is probably that the standard web structure with a big header, a content section and finally a footer is going to be displaced by new types of grids and structures with more of these little boxes included inside of them.


Sewn badges and banners are getting popular

Once in a while graphic designers and illustrators fell in love with a little detail and begin to use it sporadically until suddenly it becomes a trend. In the past we saw the boom of glossy gradients, the connecting arrows and surreal characters; in 2011 a tendency that has been showing up for a while and that will stay during this year is the use of sewn-like elements, badges and banners in Chicago web design.

We saw many sites that are combining these elements on their designs, creating a new trend that many people are beginning to follow, so before its time is gone, you should probably take a look at these examples of really nice sewn badge and banner designs.

--


Wednesday, May 4, 2011

Chicago Web Design | Marketing Company | SEO | Graphic Design

Chicago Web Design | Marketing Company | SEO | Graphic Design: "- Sent using Google Toolbar"

Awesome blog about creativity and unique designing in an unoriginal world!