Sandstorm Blog

Sandy
The importance of Information Architecture

It blows my mind how many web sites are designed and built without considering information architecture. We don't let a project get to our creative team without an information architect (IA) building a few wireframes first.

Maybe it's one part of our "secret sauce" (this is one of my favorite new sayings) but it should be a necessary part of every web design process. The IA is "the one" that ties together the strategy, business requirements, user requirements, and messaging. The IA considers a layout from the user's perspective, ensures the site is easy to use, brings the most important features to the front, and aligns the marketing goals with the web site goals. An IA is highly strategic, is intuitive, and has a strong knack for common sense. My favorite book on the subject is Steve Krug's book, "Don't Make Me Think: A Common Sense Approach to Web Usability".

At Sandstorm, everyone in the creative department has to read it as part of their onboarding process. And we've added to the developers as well so we are all speaking the same language. Information architecture for us here at Sandstorm is just a part of who we are.

This blog was posted by Sandy on August 14.
Sandy Marsico, Founder & CEO

About the Author

Sandy Marsico

Sandy Marsico is the founder & CEO of Sandstorm®, a digital brand experience agency that turns consumer insights into engaging user experiences through our unique blend of data science, brand strategy, UX and enterprise-level technology.

Janna
Great User Experience

Imagine it is your first time. You are probably excited, anxious, hoping everything will go right and you don’t do anything too embarrassing.

Afterward, you may think “overall not bad,” but you should have tried a different technique, approach or way to make the experience better or maybe closer to what you expected.

Now, get your mind out of the gutter…

These same emotions and concerns can be said about the first time you visit a new web site. Users have high expectations and feel anxious, hoping they can find everything they need and will be able to perform all necessary tasks quickly and easily.

During the initial visit, users may try trusted approaches in using the site until they stumble upon or otherwise discover how to complete the task at hand. If the process takes longer than expected, users often berate themselves thinking they did something wrong or are not savvy enough to use the site. If they become frustrated enough, users lose their patience and leave.

I have seen this emotional rollercoaster first hand in usability studies. No matter how challenging the task, web site or overall experience was, the users usually blamed themselves for failing and expressed they “just need more time to learn how to use the site.”

In a recent blog post, Jakob Neilsen wrote, users invest a lot of time “learning” sites they often visit. That is, by spending time “mastering” the site, the user will be able to quickly and easily complete what they need to do each and every visit.

As UX experts, we strive to create user-centered web sites that are easy and intuitive the first time, no handbook required.

Knowing users are willing, and at times expect, to spend time learning a new site, adding teaching moments to key steps enables the first-time user to be guided, even taught how, to use the site immediately.

Here are some areas of your site’s experience that might need some first-time love:

Key Tasks: You don't need an instruction manual.

  • Break long, key tasks into stepped processes for quicker completion
  • Integrate a robust help and search functionality

New Elements: It's strange at first, talk them through it. 

  • Tutorial-style pop ups for new features
  • Microsites and/or videos to explain larger new features (FB on open graph)

Forms: Keep it simple and don't be afraid to give suggestions.

  • Indicate required fields clearly
  • Include inline tips and suggestions
  • Provide formatting prompts for dates, phone numbers and zip codes

By using these tactics along with other UX techniques, users will not have to learn the web site, instead they will be free to use it. Each and every web site encounter will be exciting, engaging, intuitive, informative… and, perhaps, earth-moving.

This blog was posted by Janna on June 13, 2013.
Janna Fiester

About the Author

Janna Fiester

Sandstorm's VP of UX & Brand Innovation, Janna, is a design-thinker. Showcased in several design publications and exhibited at the Art Institute of Chicago, she is talented in taking nuggets of good ideas and nurturing them into solutions that are always strategic, engaging and visually delightful.

Mobiletanious responsive development on multiple devices and screen sizes.

I’d like to go on the record and claim the next catch phrase in UX and user experience design....Mobiletaneous!

Mobiletaneous is the art and discipline of building experiences for multiple screen sizes simultaneously, as opposed to starting from the mobile or desktop version. This a slight spin on the recent design trend “Mobile First” which was popularized by design guru Luke W. (Luke Wroblewski).

This is not to take anything away from the “Mobile First” philosophy. I’ve read “Mobile First”, practiced the mobile first methodology and extolled its virtues. There is no denying the expansive growth in mobile use, and the shift from desktop to mobile is indisputable. Any organization not focusing on their mobile experience is missing the boat.

Mobile First

However, as we’ve been designing and building for varying screen sizes, we’ve found it most useful to consider all screen sizes simultaneously. This applies to both the user interface design and front end development phases. It is particularly helpful when breakpoints for mobile, tablet and desktop screens are needed.

Mobiletaneous

This approach ensures designs for all screen sizes are getting the attention and consideration needed, rather than prioritizing one over the other. Because at the end of the day, the most important screen size to design for is the one your user is using.

We’ve learned this is a more efficient way to develop responsive designs. It’s no surprise it requires more time (and budget) to design and build responsive experiences, but we’ve found the mobiletaneous approach to be the most efficient.

So our interpretation of the “mobile first” philosophy is slightly different. We believe your mobile experience is crucial. So is your tablet and desktop experience. That’s why we’re on the leading edge of the mobiletaneous movement.

This blog was posted by on May 23, 2013.
Michael Hartman

About the Author

Michael Hartman

As Sandstorm's Technology and Usability Director, Michael leads our developers and usability researchers in creating web sites and applications—both desktop and mobile—that embody our favorite blend: intuitive user experience and dynamic Drupal development.

Sandstorm Design Named Top Interactive Agency in B to B

Digital marketing and UX agency, Sandstorm Design is honored to be named one of the Top Interactive Agencies of 2013 by BtoB Magazine. Receiving this recognition for the third year in a row, Sandstorm is continuing to grow by nurturing talent and building creative solutions and intuitive user experiences for new and existing clients.

BtoB's Top Agencies List is a comprehensive compilation of the top 150 agencies in the United States. BtoB Magazine's Kate Maddox said, “Many of the top b-to-b agencies registered double-digit growth last year though new clients and organic growth.” Sandstorm is poised to continue the momentum built in 2012 by partnering with clients such as CIC Plus, MathWorks, and CareerBuilder for a successful 2013.

BtoB Magazine is a Crain's Communications Inc. publication and is a trusted source and platform for top marketing professionals to grow and learn in the b-to-b space.

This blog was posted by on May 7.
Amanda Elliott

About the Author

Amanda Elliott

Amanda Elliott is the Marketing Coordinator at Sandstorm Design. She absorbs the creative energy from our leadership team and facilitates the team so they can focus entirely on solving client challenges. She is passionate about anticipating needs, solving problems, and making projects fun.

Bernard, Duke and Freddy mascots

A great novel has a cohesive plot, strong characters, and a reliable narrator. A great business model is no different. Your mission statement is the plot. Your employees are the characters that make the plot a reality. Then there’s the narrator, a voice that guides the reader through the material, someone reliable that relates to a specific audience segment...a mascot.

At this point, a lot of B2B companies may be saying to themselves, “Decent analogy, but how does any of this apply to me?  Mascots are a B2C tool, right?”  While it’s true that the most top-of-mind mascots are usually selling high-fructose corn syrup to children, B2B mascots are on the rise, especially in technology companies.

Those in the tech field are in a constant struggle between the creative and the professional. It makes sense to want to appear as a leader in your industry. But the need to be seen as professional by prospective clients can sometimes overshadow the need to effectively guide customers through the decision-making process. A brand mascot can be that guide.

The email marketing software provider MailChimp, is a perfect example of a B2B tech company overcoming the mascot struggle. Their mascot is a chimp named Freddy that delivers all the humanizing and brand awareness one could ask for, and in no way does he hurt the credibility of the company. Finding the balance between a silly character and an effective business tool can be tricky. MailChimp’s graphic designer wrote a very interesting blog post about how their mascot has evolved over time to become the narrator the company needed.

So what makes a mascot effective? Any good mascot does two things. It humanizes a company by creating a personal relationship with its customers, while also increasing brand awareness. In order to accomplish these tasks, the mascot must be an engaging, memorable character with an emotional design and a functional use.

This is Duke. He is the mascot for the software platform Java. According to their website, Duke was designed to represent a "software agent" that performed tasks for the user. He provides an interactive experience that goes well beyond what one would expect from a B2B business. As Duke’s popularity grew so did Java’s. He can now be found at every conference that Java attends, and since becoming “open-sourced” in 2006, anyone can design their own Duke. The current incarnation includes a jetpack and blue wings.

That personal touch and connectivity with a customer is what makes mascots a unique UX tool. In the world of B2B tech companies there isn’t a lot of levity. Giving your customer a real face to interact with (especially if that face is furry) can go a long way to improving their experience.

LogMyCalls.com (now Convirza) is a call tracking platform. They specialize in analyzing and tracking phone calls for businesses. But take one look at their website and you’ll soon find that those calls aren’t being analyzed and tracked by people or even by computers, but by a beaver named Bernard.  He adds a personal touch to the user’s experience. Sometimes all that a customer needs is a helping hand, or paw, or flipper.

Mascots like Bernard, Duke and Freddy provide brand recall that goes well beyond a logo or tagline. Because they are an active narrator of a brand, mascots can be continuously weaved into the brand’s story. As more and more B2B tech companies start effectively using new faces to relate to their customers, it begs the question...Who do you want to tell your story?


At Sandstorm Design, we create powerful brand experiences.... Learn more about Sandstorm Design's marketing services.

This blog was posted by on December 18.
Matt Chiaromonte

About the Author

Matt Chiaromonte

Matt is a copywriter and social media guru in Sandstorm’s Internship Program. With a background in marketing, journalism, and improv comedy, Matt brings equal parts knowledge and entertainment to our little corner of the Internet. When he isn’t generating social media content, Matt can be found enjoying pizza, podcasts, and many other things that begin with the letter “p”.

Sandstorm takes home silver in the prestigious 13th annual Web Health Awards℠

Sandstorm takes home silver in the prestigious 13th annual Web Health Awards℠. (WOO HOO!) This competition recognizes the nation’s best digital health resources and top interactive agencies. A panel of 32 experts in digital health media served as judges and selected gold, silver, bronze, and merit winners.

Our work creating an interactive Medicare conversation received a coveted Silver Award for the Web Based Resource Category. This interactive web application helps users understand Medicare health care coverage options from a large insurance company.  With closed captioning as well as the ability to increase the type size, this application was designed to educate people around 65 years old on the benefits available through Medicare.

We launched this highly interactive and accessible application in August 2010.  To offer this helpful tool to an even broader audience, the application was also launched in Spanish in April 2011.

We’re really excited about this accomplishment and look forward to developing more award-winning web applications, Drupal websites, and interactive user experiences in 2012.

This blog was posted by on December 22.
Will Biby

About the Author

Will Biby

Will wears many hats at Sandstorm. From writing web content to executing social media strategies, he is quick to act and insistent on a job done right. Will enjoys writing, so expect to hear from him often on the blog.

Chicago marketing firm Sandstorm Design featured in 2011 Inc. 500|5000 Fastest Growing Companies

Hooray! We are in the top 350 for companies in marketing and interactive on the 2011 Inc. 500|5000 list of the fastest-growing private companies in the country! “It’s a really exciting time for Sandstorm,” said Sandy Marsico, our marketing firm's Principal, as I snapped a photo of her with the package Inc. Magazine sent us. “I am so proud of our team’s relentless dedication to our clients and the exceptional work they produce.” Inc. Magazine releases the 500|5000 list each year to celebrate the companies who are thriving in their industries. The Inc. 500|5000 site has the full list, along with features, graphics and multimedia.

Be sure to check out the Sandstorm Design Inc. 500|5000 profile. “We’re honored to be a part of such an inspiring and aspiring group of companies,” said Marsico. Everyone at Sandstorm is enthusiastically looking forward to continued growth. Learn more about Sandstorm Design and our unique blend of marketing strategy, web design and usability services.

This blog was posted by on August 23.
Karen Boehl

About the Author

Karen Boehl

Karen does a little bit of everything – webmaster, social media manager and search engine optimizer. She can most often be found on Twitter, in the Usability Lab, or happily buried in the Drupal admin menu.

Another year, another guac off, and another amazing slew of recipes! This year we had eggs, asparagus, radishes and more snuck into the guacamole for that extra-special kick. But it was our User Experience Architect Alma Meshes who took home the gold with her amazing recipe for chocolate avocado truffles with chives, pink peppercorns and a cinnamon crisp. Yummy!

There is now discussion as to whether we need to rethink the rules (since chocolate truffles don't fit under the "guac" category) which currently state that the base ingredient should be avocados. Our Interactive Designer Zak Orner says changing the rules would stifle creativity, and after all, we are a creative firm! Watch video of the fun below:

Chocolate Avocado Truffles with Chives, Pink Peppercorns and a Cinnamon Crisp

Chocolate Truffle

  • 1/2 cup unsalted butter
  • 1 large very ripe avocados, peeled and pit removed
  • 1 1/2 teaspoons pure vanilla extract
  • 1 1/4 cups Hershey's baking cocoa (unsweetened)
  • 3 cups powdered sugar

Decorations

  • Hershey’s Special Dark baking cocoa (unsweetened)
  • Hershey’s Milk chocolate icing (melted)
  • Fresh chives Pink peppercorns Cinnamon Crisp (Store bought crescent rolls, rolled flat and covered in butter and cinnamon sugar. Follow baking directions on the package, cool and cut into small triangles)
  • Small paper cups (optional)

Directions

  • In a medium sized bowl, mix together vanilla extract, baking cocoa and powdered sugar.
  • In a medium sized sauce pan, melt butter over low heat.
  • In a food processor, mix melted butter and avocado together until smooth and there are no chunks of avocado left.
  • Return butter and avocado mixture to sauce pan and slowly incorporate vanilla, cocoa and sugar mixture.
  • Place truffle batter in the freezer for 2 – 4 hours or until set enough to roll into balls.
  • Using a melon baller, small ice cream scoop or your hands, roll out balls approximately 3/4” in size. Immediately roll truffle in Hershey’s Special Dark baking cocoa. Place into individual paper cups. (This keeps storage container from getting chocolate all over it!) Return to freezer or refrigerator if the truffle batter gets too soft to form balls.
  • To decorate, use melted chocolate icing as “glue” to hold 2 small chive pieces and 1 peppercorn in place. Place one cinnamon crisp per truffle in the paper cups.
  • Refrigerate until ready to enjoy!

At Sandstorm Design, we know our way around an avocado, but we're also pretty good with the web too! Find out how we can help you with our unique blend of strategy, marketing, web design and usability services.

This blog was posted by on August 16.
Karen Boehl

About the Author

Karen Boehl

Karen does a little bit of everything – webmaster, social media manager and search engine optimizer. She can most often be found on Twitter, in the Usability Lab, or happily buried in the Drupal admin menu.

this file was posted under: 

I’m not here to report how a particular ad campaign went. I want LinkedIn to view this as free user research – they need to improve the user experience and usability of LinkedIn Ads.

The ad campaign setup consists of what seems to be three simple steps. But as the user moves through the experience, what initially felt simple becomes rigid and constrictive when trying to make changes, update, or delete.

The top three key items LinkedIn Ads could fix to improve usability and the user experience:

  1. No delete? You’ve got to be kidding me. I’ve heard this complaint within other areas of LinkedIn before, so I wasn't surprised to find it in LinkedIn Ads. Once created, there is no way to delete an ad campaign or ad variation. You can hide them, but not delete them. Users should always be allowed to delete anything they create (just make them confirm it's really what they want to do).
  2. No “Save” option. If you leave the ad campaign setup process at any time, LinkedIn saves everything you started. This is great, except they don’t tell you they’re going to do that. So if you leave before finalizing a campaign, you would assume you're losing what you started. Upon coming back to find it's still there—you might be surprised, and also annoyed you didn't know it would be saved in the first place. If the functionality is there, tell the users upfront so they can plan for it.
  3. Cannot add new ad variations. I love that LinkedIn gives users 15 ad variations per campaign. But after you go through the initial three steps, there’s no way to come back and simply “Add a new variation.” You have to use a workaround where you duplicate an existing variation and just make changes to that. Users should never have to use a workaround for something that should be basic functionality. In fact, they should never have to use a workaround, period.

Despite my rant here, I love LinkedIn, and am very pleased to see it growing so much (100 million members as of March 2011!). As they grow, usability and the user experience is definitely something they'll want to put more focus on. For now though, these few items would make a nice improvement.

Don't forget to follow our usability and user experience design agency on LinkedIn!

This blog was posted by on April 27.
Karen Boehl

About the Author

Karen Boehl

Karen does a little bit of everything – webmaster, social media manager and search engine optimizer. She can most often be found on Twitter, in the Usability Lab, or happily buried in the Drupal admin menu.

Sandstorm Design recently launched a health care web application for a large insurance company. The interactive experience educates users on Medicare health care coverage options. To offer this helpful tool to an even broader audience, the application has now launched in Spanish!

This blog was posted by on April 22.
Karen Boehl

About the Author

Karen Boehl

Karen does a little bit of everything – webmaster, social media manager and search engine optimizer. She can most often be found on Twitter, in the Usability Lab, or happily buried in the Drupal admin menu.

Pages