design, web

Responsive Design – No Longer a Luxury

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.

CNN reported that mobile devices accounted for 55% of Internet usage in the United States in January of this year. People are accessing content on the Internet definitely. And, that means designers need to be changing how they design content platforms. Especially following the release of Google’s Hummingbird algorithm in August 2013.

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):

google_infographic1

gview

Standard
design, digital, ecommerce, web

3 Gorgeous e-Commerce User Interfaces

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:

Jaqk Cellers

Jaqk Cellers e-Commerce UI Screenshot

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.

Bridge 55

Bridge 55 e-Commerce UI Screenshot

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).

Anthropologie

Anthropologie e-Commerce UI Screenshot

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.

Standard
design, web

Project Overview: Santosha Yoga

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.

Santosha Yoga 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.

Standard
digital, web

Latest Project: B&B 4 Sale Site

Here’s the latest project to be completed. It’s the For Sale site for the Mauger Estate Bed & Breakfast located in downtown Albuquerque, New Mexico.Let me just say, this is truly an amazing place.

I was involved in the rebranding and digital marketing project when the current owner bought the property back in 2005, and she has done an incredible job updating the rooms and transforming the entire B&B. While built in 1897, and on the National Historic Registry, you would never guess it when you step into the lovingly restored and maintained rooms.

This project was simple: design a site that showcases the fantastic rooms and gives potential owners a complete sense of the overall beauty of the entire house. I think we did a pretty good job. You can view the site here: www.nmbedandbreakfast4sale.com.

More importantly however, if you’re looking to buy a B&B, look no further…this is the place!

And if you not exactly looking to buy, but are just passing through Albuquerque and need a great place to stay, look up Tammy Walden and the Mauger Estate. She makes a mean breakfast and has a complimentary afternoon wine and cheese serving!

Tell her Tony sent you. 😉

Standard