Check out this cool video showcasing amazing title sequence designs by the great Saul Bass.
For those who don’t know, Saul Bass was an incredible graphic designer. His career spanned 40 years and he was responsible for some of the most iconic designs on the mid-century, including the AT&T globe logo.
But, once he began working in film, title sequences would never be the same (as you can see!).
Truly inspiring and insightful TEDtalk by Timothy Prestero, founder and CEO of Design that Matters, a nonprofit that collaborates with social entrepreneurs and volunteers to design products for the poor in developing countries.
Not only does he discuss determining the right solution from every standpoint (“…figure out who will choose, use and pay the dues for your product”), but he provides a great perspective around “requirements gathering” in the face of true obstacles, behaviors and needs.
There was a point in time when responsive design was considered a luxury. It was something extra a company might consider during development or redesign that would in the very least, boost the ‘cool quotient.’ But, if the cost for development was prohibitive, it was one of the first things cut from the project plan.
I’m sure I’ll get little opposition when I say those days are long past.
After all, more people are connecting to the Internet on mobile devices than ever before. While that statement is not only obvious, but practically downright silly (considering nearly every single person you know is staring at a phone when you’re trying to talk to them), it is true.
Hummingbird is a direct response to people’s increased usage of mobile devices. Previous search algorithms, focusing on each individual word in the search query, became obsolete as users began interacting with search engines differently. Instead of typing keywords into a computer screen, people began typing sentences, almost as if they were texting Google. Then, with the advent of Siri and other voice recognition software, people started talking to Google.
While Hummingbird considers each word individually, like previous algorithm iterations, it also examines the whole sentence or conversational meaning. In the long-run, this will yield better search engine results and, as content managers evolve to meet Hummingbird head-on from an SEO standpoint, a better Internet.
However, the point I am making with all of this about Hummingbird is, even Google saw in necessary to respond to the fact Americans are now using mobile devices for Web searches more than desktop computers.
Small screens and slower load times force efficient and affective content, which requires stripping away the excess that exists on traditional websites. Plus, mobile users are typically impatient and busy. They don’t want to read instructions and excessive details on their phones. They want to find what they want, scan a review and buy it. They want content that is easily perused and can be read in short bursts.
Responsive design not only ensures content is delivered in a mobile-device friendly format, but should also anticipate and answer the user’s needs. Current generation phones and tablets, with the latest advancements in GPS technology, cameras and video, provide unlimited opportunities for marketers to present their products and services in innovative ways.
More importantly—without a mobile-friendly website, your future online is only getting bleaker. Customers will bounce and head off to a competitor’s site that is easier to use. It’s no longer cool to have responsive design. It’s absolutely necessary.
. . . . . . . . . . .
Here’s a couple useful infographics from Google that show the increase in mobile usage and browsing (click to see larger versions):
Microsoft commissioned Pentagram, one of the most well-known, and largest, design agencies in the world, to redesign the logo for the upcoming release of Windows 8.
This is what they came up with:
Before I dive in with my comments, ket’s go back to the basics and look at a couple of other redesign attempts.
Logos, being associated with products or brands really took shape in the late nineteenth century. The first logo, as we might recognize one today, was the bright red Bass Brewery logo. It consisted of stylized lettering and and, what might have been considered abstract at the time, a triangle poised over the company name. That triangle portion of the logo, which may have seemed odd back then, is what is called an ideogram, a sign, icon of symbol that graphically represents the brand in a way that alleviates the need of actual words or names. Think of the Apple logo. That’s an ideogram that is extremely recognizable in any language and culture. One could say the same for the current Windows logo.
When Bass came out with their logo it was new and innovative, now if you don’t have a catchy and memorable logo you could truly jeopardize the potential success of your business. That being said, logo design is not easy. That’s why companies hire agencies like Pentagram to do the heavy lifting. In most cases they have people on staff whose brains are jam packed with everything that one would ever need to know about building a successful brand and designing memorable logos or brand marks. After all, the logo is the visual image that will embody everything that the organization is, stands for, wants to be and promises. And, the logo will foster immediate recognition, and hopefully build upon the feeling of loyalty, amongst customers.
Because logos are so important, especially in our modern, visual world, redesigning them frequently is not only counterproductive, but in some cases foolish.
Take into the consideration the Tropicana logo and carton redesign fiasco back in 2009.
The people at Pepsi, who own Tropicana, wanted a fresh new look so they hired marketing genius Peter Arnell to tackle the issue. Arnell’s firm came up with the carton above on the right. It was cool and different and made the Tropicana brand look more modern on the shelves. The problem was, people hated the new look. Consumers complained in huge numbers about the redesign in letters, e-mail messages and telephone calls, literally inudating the Pepsi offices. Many described the new packaging as ugly or stupid, and said it resembled a generic bargain or store brand. One email writer went so far to say, “Do any of these package-design people actually shop for orange juice? Because I do, and the new cartons stink.”
Pepsi backpedaled quickly, as Arnell adamantly stood by the new design, and returned the old carton design to store shelves.
A similar story follows the redesign in 2010 of the Gap logo.
Almost immediately after announcing the new logo consumers took to the social airwaves and revolted. More than 2,000 comments were posted on Facebook criticizing the decision to dump the old, well-known identity. On Twitter, an account was set up in protest that quickly collected 5,000 followers, and a Make your own Gap Logo website saw over 14,000 parody versions submitted.
Gap’s vice president of corporate communications, Bill Chandler, started the backpedaling within days, saying that they weren’t actually committed to the new logo, but were “open to new ideas.” He went on to explain that it was really about getting people involved in a crowdsourcing event, where the average joe might design their new logo. Of course this seemed illogical considering they’d likely spent a great deal of money having Trey Laird and his New York firm Laird and Partners design the logo with the box protruding from the p. It then proved to be untrue when Gap slipped back to the old logo.
As we see, logo redesign is tricky. And with consumers who are more aware, informed and involved than ever before it could result in a backlash or worse…brand loss.
I personally think the new Windows 8 logo is terrible and can’t even fathom in my mind what Microsoft paid Pentagram to come up with something that is so lacking in character. Microsoft says it’s a return to their roots and insists it is representative of the sleek overhaul to their operating system and new Metro user interface (which, ironically, is a departure from windows).
I think it looks dull and uninspired, much the way I think Microsoft’s OS has been headed over the last couple iterations.
Once again it’s as if Microsoft is in a fit to emulate Apple, and the ingenuity of Apple’s interfaces, and they’ve rushed along again to become something they aren’t or can never be.
The new logo is just another foray in that same vein. Yawn.
One could argue that when it comes to the Internet that the pointy end of the spear will always be the e-Commerce sites. After all, if you’re not actually selling something on the web, then who knows what you’re doing on there (I’m teasing!). And if you are selling something then your life (or at least livelihood) depends on traffic and sales (I’m not teasing!).
Selling services online is nothing like selling products. It’s easy for brochure sites to reel in people. All they need is sensible navigation, relevant content, clear calls-to-action and a smart marketing plan that drives people to the site.
e-Commerce sites need all of that and more. They need near perfect user interfaces (UI) and remarkable user experiences (UX).
Some people might argue that those two things, UI and UX, are basically the same thing. I am one who believes there are significant differences.
UI is the interaction between humans and machines. It is the ability for the user to effectively conduct a particular operation and control the machine. Good UI design allows feedback from the machine to aid the operator in making operational decisions. Good UI is also intuitive, enjoyable and efficient and creates an environment where the operator provides minimal input to achieve desired output(s).
UX design takes that one step further. It defines a sequence of interactions between a user and a system, whether virtual or physical, that is designed to meet or support user needs and goals.
A clean navigational structure on a website is good UI. The act of someone using that navigation and arriving at a particular goal in a manner that is free from confusion, missteps or crutches (add-on fixes) is good UX.
I have recently finished one e-Commerce consulting engagement and am about to embark on another. In both cases, a portion of the project was or is being devoted to cleaning up some cumbersome user experiences. I like to use examples in my UI/UX comparison presentation so the client can get a visual understanding of good design. These three sites I have come to find represent near perfect e-Commerce user experiences:
Without question, the website is exquisite. The colors are wonderfully muted so that the wine bottles are beautifully showcased and the navigation is foolproof. Look at that screenshot of the cart! Could it be any easier to use? The design team truly lived by the principle that you know you are finished with the design not when there is nothing else to add, but when there is nothing more to remove. My only critique comes in that some of the links do not have a hover state, meaning they do not change when I roll over them. The same applies to a couple of boxes on the page. I think when you get this stripped down you need a little link interaction so the user doesn’t miss what can and cannot be clicked. Beautiful.
There is a lot to love with the Bridge 55 site. It’s clean, the cart is intuitively functional and the design is wonderful. As they say, God is in the details, and there isn’t a single detail that has been overlooked. Even the littlest graphical elements have a custom touch…all of it pulling the site together perfectly. I especially like the top of the page; the navigation is clean and the cart details easy to see and interact with. Another big plus is the fact that their blog uses the same page header so it is a seamless transition to and from the blog. My dislikes? Well, I don’t have many, but there are a few buttons that have the same look and color as the Add To Cart button. It’s not really that big of a deal except for the Add This button (for social media adds) which could easily be mistaken for the Add To Cart and may actually stand out more than it should with the orange plus sign on it. I am also not a big fan of the homepage, which has a feature element that looks like it was designed by someone from another planet (or the marketing department).
There is no doubt that this is the best e-Commerce site I think I have ever seen. It is truly perfect when it comes to UI/UX. The navigation is so simple, even as you move through the site, that it almost seems like they are selling two or three sweaters and a couple pairs of shoes. But don’t be fooled, they have a lot of stuff on this site and it is easy to find, review, add to your cart….and buy! The design is modern and clean with tons of white space and the muted colors make the products leap off the page. I especially like the next and previous arrows on the top right of the item page that let you navigate through the entire collection without having to return to the full collection page. But, there’s a handy link to the full collection too if you need it. My only complaint…that would be the ugly Facebook Like button they have on the item page. They have some other social media buttons on the page that have been redesigned so they go with their site, so I am not sure why they have the blue Like button plopped on there like that unless it’s to make sure it is recognizable (but it does detract from the design….and I am not yet convinced those stupid Like buttons really have that much ROI in them!).
I hope you find these three sites as compelling as I do. If you have some you think are standouts, please share them. I am always looking for great examples.
Here’s one of the latest design and SEO projects to be completed…the Santosha Yoga site rebuild.
Santosha is a new yoga Colorado studio that opened its doors for business this past summer. The opening actually got a lot of really nice press from the City or Wheat Ridge and some great coverage in the Wheat Ridge Transcript.
Owned by Michelle Gindele, a Colorado native, the studio specializes in Hatha and Iyengar traditions.
One of Michelle’s challenges was figuring out how to have an internet presence that would not only be great looking and easy for visitors to use and navigate, but intuitive for her to update as well.
The site she started out with was slow (running on a UK-based, Flash CMS platform), difficult to maintain and lacked the aesthetics that she had hoped would be representative of the studio.
While we were able to easy meet all of her needs with the site, we also set up a Santosha blog on WordPress. This will allow Michelle to engage students and build upon a following she has already established through word-of-mouth and Facebook. By employing a little ColdFusion script, we were able to pull the latest feed from WordPress and display it on the studio website in real time.
If you are looking for a great yoga studio, make sure you check out Santosha Yoga in Wheat Ridge. You won’t be disappointed.