Continuing the 2012 trend conversation, last week was about overall design and development trends. This week a more practical thought concerning how you manage your website with analytics and data mining.
We believe understanding your site stats will become ever more crucial this year. As the web continues to fan out over so many different devices, and content is consumed via so many different services, it becomes more important than ever to know which devices and services are bringing benefit to your business, and how you can eek even more out of them.
Sometimes referred to as Web Analytics
"Web analytics is the measurement, collection, analysis and reporting of internet data for purposes of understanding and optimizing web usage."
-Wikipedia
There are tools out there to help collect this data: its performance, and other cool information such as traffic sources, medium, and campaign information. Remember to stay as consistent as you can collecting it. The more information you have over time, will show you patterns of behavior that will help you when you need to reach out, remodel or revisit your online goals.
So overall, keep a keen eye on your site statistics in google analytics or webtrends (or whichever tool you use). The more you understand your audience, the more your audience will return to you. Remember that these aren’t the end all in terms of your data, but by combining this information with other business metrics you will have a better idea of what and where your online marketing is heading (or needs to head).
Other resources:
http://bx.businessweek.com/data-mining/blogs/
http://analytics.blogspot.com/
http://www.freakonomics.com/blog/
There is so much information out there that we would like to share with you to help your web project succeed, that we decided it would be best if we blogged it. This blog is our 2008-2012 archive. You can keep up to date on web news, resources, SEO and marketing trends, new technology, print and color trends and sometimes something just for fun at our NEW blog at yourplanb.com/thebuzz !
Monday, February 27, 2012
Monday, February 20, 2012
Web Design Trends of 2012 (part three)
Online trends continue...
11. Ribbon and Banner Graphics
Beta testers often use these ribbons to classify the current release version of software and mobile apps. Additionally you’ll find banners wrapped around free downloads or featured articles in blogs.
example: http://365psd.com/day/2-23/
http://designmodo.com/design-ribbons-badges/
12. Hand Drawn Designs
To contrast the slick look of computer generated graphics, sometimes the imperfections of something hand drawn can tell your audience what it needs to know about your company or product.
13. Mobile
This is going to be hard on all the designers out there. Keeping in mind how a site looks on a nice big flat screen AND on a cell phone screen. While you may never have every single screen look beautiful (with most project budgets) you can make sure users can surf your site anywhere.
14. QR codes
They are completely free to create, and many more people understand how they work. Considering how many people have cell phones these graphic codes are quite handy vs. writing down a site address. We have seen them everywhere from real estate signs to burger joints to rock bands!
15. Freebies!
From icons to desktop patterns, who doesn’t like a freebie now and then?
Two current favorites are Download PSD and Designmoo, both of which get updated frequently. Additionally the Hongkiat Freebies archive has plenty of treats to check out. This is an easy way to download free web interfaces, layouts, logos, banners, and practically any other type of PSD/AI file - a great resource for limited budgets.
Check these out:
http://downloadpsd.com/
http://designmoo.com/
http://www.hongkiat.com/blog/category/freebies-online/
What trends will stick? What trends do you like?
11. Ribbon and Banner Graphics
Beta testers often use these ribbons to classify the current release version of software and mobile apps. Additionally you’ll find banners wrapped around free downloads or featured articles in blogs.
example: http://365psd.com/day/2-23/
http://designmodo.com/design-ribbons-badges/
12. Hand Drawn Designs
To contrast the slick look of computer generated graphics, sometimes the imperfections of something hand drawn can tell your audience what it needs to know about your company or product.
13. Mobile
This is going to be hard on all the designers out there. Keeping in mind how a site looks on a nice big flat screen AND on a cell phone screen. While you may never have every single screen look beautiful (with most project budgets) you can make sure users can surf your site anywhere.
14. QR codes
They are completely free to create, and many more people understand how they work. Considering how many people have cell phones these graphic codes are quite handy vs. writing down a site address. We have seen them everywhere from real estate signs to burger joints to rock bands!
15. Freebies!
From icons to desktop patterns, who doesn’t like a freebie now and then?
Two current favorites are Download PSD and Designmoo, both of which get updated frequently. Additionally the Hongkiat Freebies archive has plenty of treats to check out. This is an easy way to download free web interfaces, layouts, logos, banners, and practically any other type of PSD/AI file - a great resource for limited budgets.
Check these out:
http://downloadpsd.com/
http://designmoo.com/
http://www.hongkiat.com/blog/category/freebies-online/
What trends will stick? What trends do you like?
Monday, February 13, 2012
Web Design Trends of 2012 (part two)
Online trends continue...
6. Minimal Animation
Gone are the days where everything beeps, moves and wiggles (unless of course you are an entertainment type website). Now we want subtle movement, user animated feedback and definitely no blinking!
7. Infographics
Most infographics provide data, charts, and supporting imagery so that anyone can follow along. One of our favorite examples is this one, explaining what Drupal is: http://visual.ly/what-drupal
8. Fixed Position Navigation
The idea is to keep the navbar and internal links/logo locked in place as your visitors scroll through the content. Usually floating over the content as you move down a page.
An example: http://www.elegantthemes.com/preview/Glider/
9. Multi-Column Menus
You can easily display numerous links to your visitors and keep this section fitted squarely around your logo. Consider it an option to too many fly-outs.
10. jQuery/CSS3/HTML5 Animation
Say good-bye to Flash animations and hello to HTML5!
Sometimes it is ok to say good-bye when a better web solution arrives.
HTML5 can be seen on most browsers...including the iPAD (which we all know doesn’t see Flash files).
Read more: http://www.hongkiat.com/blog/building-html5-css-webpages/
Trends #11-15 coming next week!
6. Minimal Animation
Gone are the days where everything beeps, moves and wiggles (unless of course you are an entertainment type website). Now we want subtle movement, user animated feedback and definitely no blinking!
7. Infographics
Most infographics provide data, charts, and supporting imagery so that anyone can follow along. One of our favorite examples is this one, explaining what Drupal is: http://visual.ly/what-drupal
8. Fixed Position Navigation
The idea is to keep the navbar and internal links/logo locked in place as your visitors scroll through the content. Usually floating over the content as you move down a page.
An example: http://www.elegantthemes.com/preview/Glider/
9. Multi-Column Menus
You can easily display numerous links to your visitors and keep this section fitted squarely around your logo. Consider it an option to too many fly-outs.
10. jQuery/CSS3/HTML5 Animation
Say good-bye to Flash animations and hello to HTML5!
Sometimes it is ok to say good-bye when a better web solution arrives.
HTML5 can be seen on most browsers...including the iPAD (which we all know doesn’t see Flash files).
Read more: http://www.hongkiat.com/blog/building-html5-css-webpages/
Trends #11-15 coming next week!
Monday, February 6, 2012
Web Design Trends of 2012 (part one)
One of my favorite things about a new year is all the predictions and top 10 lists. As a designer I can’t help but read them all and wonder what will our clients need in 2012. I compiled a list from the many lists out there of our top 15 trends for 2012 that we hope to see!
Now what might work in one industry online may not in another. So please do not try and put each and every trend on your site - instead think about what your audience wants!
Of course we won’t know until next year if these trends will last, but it sure is fun thinking about what may be ahead as we work on your site this year!
TRENDS:
1. Responsive Web Design
Responsive web design is design that uses standards-based technologies to make them more flexible, and adaptable to the media that renders them.
For more information: http://www.alistapart.com/articles/responsive-web-design/
Design examples: http://designmodo.com/responsive-design-examples/
2. Vector Art
Mostly in the form of site mascots (see Mozilla, Firefox and MailChimp for examples.)
Vector art is easier to rescale than a photograph which can help when you need this mascot on everything from the home page to a small button.
3. Circles
Not just rounded edges, but circles big and small!
Circular shapes are smooth and encourage eye contact from your visitors.
Of course I am all for this bubbly design element.
4. Custom Fonts
Breaking away from the standard fonts and being able to see them on different browsers. Check out Typekit or Google Web Fonts.
With this tool you embed a bit of JavaScript which allows you to write any custom font into CSS styles.
5. Minimalist Design
Ultimately the goal of any website is to get your visitors from point A to B as quickly as possible. Simple, intuitive interfaces are the way of our future. We always suggest you spend some time writing and drafting out ideas for your navigation, page hierarchy, headings, content area etc. Pre-planning can go a long way towards simplifying everything!
Trends #6-10 coming next week!
Now what might work in one industry online may not in another. So please do not try and put each and every trend on your site - instead think about what your audience wants!
Of course we won’t know until next year if these trends will last, but it sure is fun thinking about what may be ahead as we work on your site this year!
TRENDS:
1. Responsive Web Design
Responsive web design is design that uses standards-based technologies to make them more flexible, and adaptable to the media that renders them.
For more information: http://www.alistapart.com/articles/responsive-web-design/
Design examples: http://designmodo.com/responsive-design-examples/
2. Vector Art
Mostly in the form of site mascots (see Mozilla, Firefox and MailChimp for examples.)
Vector art is easier to rescale than a photograph which can help when you need this mascot on everything from the home page to a small button.
3. Circles
Not just rounded edges, but circles big and small!
Circular shapes are smooth and encourage eye contact from your visitors.
Of course I am all for this bubbly design element.
4. Custom Fonts
Breaking away from the standard fonts and being able to see them on different browsers. Check out Typekit or Google Web Fonts.
With this tool you embed a bit of JavaScript which allows you to write any custom font into CSS styles.
5. Minimalist Design
Ultimately the goal of any website is to get your visitors from point A to B as quickly as possible. Simple, intuitive interfaces are the way of our future. We always suggest you spend some time writing and drafting out ideas for your navigation, page hierarchy, headings, content area etc. Pre-planning can go a long way towards simplifying everything!
Trends #6-10 coming next week!
Subscribe to:
Posts (Atom)