Must Design

Learning From Video Game Designers
Video game designers can teach you a lot about how to great great ecommerce and B2B websites. Video games are gamified, social and understand the stimulus - response nature of online interaction in a fluid and must imitate ways.  

Here are WhatCulture.com's picks for the 20 best video game websites in the world. We like Gamers With Jobs and Kotaku (though we don't understand a lot of it).  

Canonical URLs Explained
The Yoast post provides an easy way to understand why rel=canonical is a powerful new SEO tag. Yoast has a dog in the hunt. They make a Magento plugin that easily writes the rel=canonical tag into a product page's head.

The explanation about WHY canonical URLs are so important is only half right. We have a million ways of expressing and sharing URLs these days. Without rel=canonical we end up duping content to distraction.

Here's the rub. All ecommerce sites dupe content. They must. When I was a Director of Ecommerce a single product accounted for 50% of our profits. You better believe I merchandised that product into every nook and cranny our site offered. I duped that product and it's content to distraction.

There are other ways to limit duplication including:

* Use of your Robots.txt file.
* Locking content behind a firewall.  

* Use of blockquotes & rel=canonical tags. 
* Rewrite duplicated content so it's not as duplicated (lol). 

We included our email output into a folder with a "no follow" line in our robots.txt. You may think such a move is enough. It isn't. Be sure NOT to drive links from spiderable content INTO that folder or you eliminate the effectiveness of the robots.txt.

In the end every ecom site worth it's salt MUST duplicate content. Rewriting sounds like a good strategy, but it isn't. Content = time and time = money when managing million dollar commercial sites. You will be duping content.

Best to use rel=canonical because it shows Google you aren't trying to STEAL anything. Reminds me of what a friend shared about the disavow tool (used to deny inbound links or signal they may be untrusted).

 My friend was using the disavow tool daily on his clients accounts. "So you are brown-nosing Google," I kidded him. "Exactly," was his answer. Rel=canonical tells Google you are TRYING to do the right thing and sometimes that is enough. 

Here A Wiki, There A Wiki, Everywhere A Wiki
What is a Wiki if not an invitation to create online community. The "open source" like collaboration Wiki's provide is a blueprint for creation of online community. After months working on http://www.Curagmai.com we've discovered how close Wikis are to...well everything.

Wiki Ideas To Steal Include:

* Open Source Like Content Collaboration.

* Use community to steer and de-spam ecosystem.
* Depend mostly on social reward.
* A healthy and competitive contest never hurts.

* Feature and thank contributors.
* Provide ways for contributors to know where they stand vis-à-vis other contributors.
* Create ways contributors can follow and communicate with each other.
* Include ways for contributors to create mini-tribes.

* Make sure "rules of the road" are understood and published.

* Communication with sponsoring agents must be easy too.
* Normalize greatness by sharing across ecosystem.
* Role of sponsors becomes more curators than creators.
* Ask for help.
* Provide social rewards (such as features) to contributors.
* Create ways to identify contributors in the world (t-shirts, stickers).
* Appreciate, be nice and thankful (always no matter what).

Following a few simple rules will dramatically increase the most important content you can't buy (User Generated Content or #UGC) and build sustainable online community. Sustainable online community means costs go DOWN even as other material rewards (UGC, followers, traffic, money) go UP.

This Haiku Deck is about why we are all in the Wiki business whether we realize it or not AND how to design for the Wiki-ization of marketing, brands and online community.

Best In Class From Conversion IQ
The other day I complained about "pretty picture' ecommerce sites that make conversion harder. So much of ecom is ditch digging. Ditch digging to make sure you have things such as:

* Email subscription form (prefer presence to popunders).
* Clearly ECOM - looks like a store with things to sell not content to read.
* Social (easy to find theirs and easy to contribute).
* Content Curation from social / comments / reviews (should feel like a party with people who share love / interests).

* Offers, deadlines and a sense of time (of the year today is Columbus Day for example).

These examples from Conversion IQ are closer to "ditch digging" ecommerce websites. Conversion either BUYING or into a list are easier, more clear and so these designs make more money than the pretty picture websites I shared last (http://sco.lt/4ijZIH ),

We asked several developers what their favorite sources are for web design and code inspiration, and they pointed to these 17 wide-ranging sites.

Marty Note
I like several of these designs including Web Design Ledger and The Source for their creative balance between images, copy and headlines. There are so many things dancing on the head of a pin on any homepage such as:

* Your desire to SHARE everything.

* Their (visitor's) desire to find what they want.

* Navigation.
* Images.
* Headlines & Copy.

Getting all of these dancers to tell a coherent story in 9 seconds is the challenge. Usually as content being shared increases understand decreases. Several of these designs manage to present a lot of options intelligently.

Which one is your fav?

Designing G+ In
Crazy to suggest using G+ as a tool to power your online marketing right? Maybe not. Greatest return always comes from the least understood ideas. GooglePlus is a "least understood" idea these days.

Their leader left and TechCrunch said G+ the social net is dead. They may be right, but that is beside the point. G+ has always been more than a social net. G+ is a suite of tools marketers can use to find blue oceans.

Blue oceans are the as yet unspoiled places where marketers can still swim without fear of a herd of sharks. Oceans where sharks eat themselves are "red oceans" such as Facebook.

We suggest designing G+ into your marketing and site. Hold weekly hangouts, you don't need a G+ profile to use hangouts now, and created a branded community if only so you rule your name in #seo. Finally we suggest curating the great comments you will receive on G+ as a source of future content.

We've never been able to figure out how to use circles in a unique way, but they too beckon with possibility. By creating weekly content based on Hangouts and Community you get lots of GoogleJuice, the least expensive #videomarketing we know about and great community development tools that cost you NOTHING.

The linked post discusses Mark Traphagen's call to use G+ as a hub of your marketing. That's a great call since the price is RIGHT (free though you may spend some making G+ play the way you want it in your design). Designing G+ tools INTO your community creates the cheapest, biggest and best online win we can think of.

So the death of G+ is greatly exaggerated and, if you are smart, you will find a way to design the tool's many possibilities into your marketing.

Pageless design frees websites from the outdated conventions of print design and fully utilizes the digital platform they’re built on. 

8 Compelling Reasons Why "Pageless' Web Design Wins (in the end):

* Tells a better story.

* Easier to "digest" or understand what to do.

* Emotionally more powerful.

* Higher Conversion Rates!!!
* Makes updating faster & easier.

* Lowers BOUNCE & encourages sharing.

* Looks great on all devices (mobile included).

* Lower cost to develop.

Marty Note
I confess to not being in love with the "infinite scroll" just yet. One modification we worked out for @Curagami, our Startup Factory funded startup, is to include a Call-To-Action at the top & Bottom.

CTAs help prepare the scroll. Remember "open book" tests? Putting a CTA on top of a waterfall of content helps prep a visitors mind. It "opens the book" for them. With this many impressive benefits I'm going to have to figure out how to start loving "pageless" design (lol).

I bet there are 5 (or so) similar modifications we can make to help us know how to create the paths and conversion we want by going "pageless".  

Here’s a fun fact: Over the last 10 years, our attention spans have decreased from 12 minutes to 5 minutes. Our ability (and our desire) to read lots of c

Yesterday an article on Medium, Snowfallen, caught my eye. It's about a technique for presenting longform writing online, by embellishing it with integrated

With 22,000+ views SEO for Web Designers blew up thanks to a defined tribal audiences, advocates and luck. Discover tips on how to blow your content up too.

Web Designer SEO
Our SEO Tips for Web Designers hit a nerve. It is heading to 13,000 views (probably today). We hit a nerve because web Designers are where SEO rubber meets the road. This Haiku Deck is full of SEO tips for web designer including:

* Know who has the banana and why.
* Know how much SEO you need to know.

* Learn what is MIST vs what is Gorilla.
* Listen Digitally.
* Understand how SEO & Content marketing work together.

* Design to Win Hearts, Minds and Loyalty. 

And More SEO tips designed for designers.  

An updated look at the hottest best web design trends of 2014 including a showcase of modern web design inspiration.

Marty Note
This @justcreative post hit many nails on the head when it was initially published and Jacob's update of Helga Moreno's post doesn't disappoint either. Things I REALLY agree with:

See Less of (PLEASE):

* Stock photography (no photos? ASK your employees / followers for help but please no more Stepford people in pics on websites).
* Flash (has killed more #seo and sites than you can shake a stick at and fact it is still alive is amazing).
* Capcha - spam sucks but so do capcha forms.

More of PLEASE:

* Content First (implied in Responsive or Mobile First Design is a new way of thinking about, tagging and presenting content).
* Interactive Exploring (BIG AGREEMENT see my post about Time is Money Online https://plus.google.com/+MartinWSmith/posts/RdjAjWoJTHw and tag this next to #gamification).
* Arresting pictures and Video (YES, your great content will be ignored or under-shared UNLESS it is paired with strong visual hooks and supports).

Great post by Helga for Just Creative and so TRUE to our experience of web dev in 2014 for leading ecommerce clients such as Moon Audio.com.

Depending on your brand and message some can be very professional and straight to the point, and others a bit more relaxed and playful. Here is a collection of taglines and intro messages from freelance designers and design agencies around the world for your inspiration.

Seasonality creates relevance & relevance creates community. Every website's hero should change at least 4x a year: Summer, Fall, Winter & Spring.

"I spent a lifetime learning to draw like a child." Picasso

This is an interesting post from Thomas King about the complex nature of simplicity. Picasso's point about spending a lifetime learning to draw like a child seems important for web designers too.

The hardest thing to do is do less. The hardest mind to recover is the exploratory mind, the mind before judgement. When we recover the playful mind, the simple easily rewarding routine of play, our designs run free like Picasso's bull. 

There are many of content heavy websites out there, but very few seem to take good design into account. We take a look at those that do.

Marty Note
Content can KILL a website design. Content needs to be well thought out. How can you tease the click without frustrating your visitors and readers? How can you share all the content you need to share without wrecking your design? Here are 25 examples of how to use content as a helpful design element instead of ending up on content's rocky shores.

Last week, Jeremy Osborn, Academic Director for Aquent Gymnasium, had the chance to attend the Artifact Conference. Here are his key takeaways.

Marty Note
This Artifact Conference looks interesting and worth checkout out (http://artifactconf.com/ ). I love this quote from the Responsive panel at the conference in Providence, RI:

"On the other hand, responsive design is forcing companies to prioritize site performance. The consensus is that slow-loading and bloated sites are just as much of a “design” flaw as confusing layout, clashing colors, and the rampant proliferation of typefaces on page. "

Most designers focus on how to accordion a website so it looks good on any device. The real challenge is deeper. How do we architect "less bloat"? How do we design information to be lean and responsive?

Couple of things I've noticed include:

* Building stories via visuals and rich snippets.
* Taking advantage of the swipe and spin options on mobile devices.
* Creating easier to understand backend functionality.
* Using a LEAN or MEAN filter forcing messaging to get to the point FAST.

The SEO and engagement benefits of the second half of responsive design - the information architecture half - are enormous. We know that as engagement goes up so do our site's heuristics and the "new Google" loves more time on site, lower bounce rates and other "engagement metrics".

The "Responsive Challenge" for designers is to realize more is involved than look and feel. The very core of our communication must be reviewed, reevaluated and changed to be leander and more responsive too or we design dissonance in. Confused customers do many things converting is never one of them.