Notes and news, insights and inspiration from the autonomous collective mind of GS.

Posts in Usability

The Journey of an HTML Email

Aaron Konkol by on May 3, 2012

You know how different browsers display Web pages differently? From a development standpoint, it takes some massaging and understanding the shortfalls of various browsers to get a page to display the way you would like. When it comes to HTML email, getting your message to display as you would like is a bit more complicated. Web browsers (IE, Firefox, Safari, and Chrome) all use the code you write to display a page verbatim. Email clients, on the other hand (Outlook, Hotmail, Apple Mail, Yahoo Mail, Gmail, etc.), insert, update, and neglect code that the developer writes. Litmus has a great infographic that explains the convoluted process an HTML email takes from designing and coding to the recipient’s inbox.

The Road to Rendering an HTML Email
Share:

The Ability to Make A Difference

Amie Abendroth by on April 26, 2012

My very first blog post, I suppose it’s appropriate that it marks a significant point in my career. For the past six months or so I’ve had the pleasure of working on a project that has been truly fulfilling. I’m pretty passionate about my projects in general. I consider myself a “dedicated” project manager – but this, this project was different. I felt like I was doing something for the greater good. And I know that my fellow GS team members felt the same way.

Once you meet Damian Buchman you’ll be drawn into his story and his vision. You won’t be able to help it – everyone I’ve worked with on this project has stated, “As soon as I met Damian, I knew I had to be involved.” We are no exception.

Damian is a childhood cancer survivor, a one-in-a-billion survivor to be more specific. But that’s just a small piece of his story. He’s a visionary, whose passion for life and making a difference in the lives of others drives him.

Damian’s vision is “The Ability Center” (TAC), where everyone has the opportunity to play. Imagine a facility. Where no one is left on the sidelines. Where people with disabilities and the able-bodied public feel equally comfortable. Where “accessibility” is a part of the natural landscape. Where sport chairs share equal status with running shoes. Where the only stares are those of wonder and amazement. The Ability Center is just such a place.

Sounds incredible, right? We thought so. GS Design was approached by mutual friend and colleague Clay Feller. Damian and Clay explained that they were looking for GS to create a Website. The Website would need to tell the story, it would need to be authentic, and, of course, be highly accessible. It should be professional and beautiful, and set the foundation for what would likely be a multi-phased approach.

We jumped at the chance to work on this project. Our core team met and developed personas for each of our potential audiences – helping us define the best way to architect the site. User Experience Architect Jim Broennimann lead the charge as we identified the goals of the Website for phase one, before TAC is a reality, and then the goals for phase two, once TAC is built.

We worked very diligently to research not only the standards on accessibility but also strove to exceed those standards, similar to the way TAC will exceed the standards of accessibility once it’s built. The website features large type, high-contrast colors, and large clickable areas. Our designers, Nick Krueger and Andrea Zehnder, led by Creative Director Sean Donnelly, found the perfect balance of beauty and function.

It was developed on Drupal CMS as a low-cost and user-friendly solution for Damian to easily update his site going forward. We also were diligent not to include any “hidden text” and used Web fonts versus graphical fonts further ensuring accessibility. Developers Steven Schrab, Jeffrey Schrab, and Kirill Edelman are known at GS for their attention to detail and innovative technology solutions, and it shows.

We were also happy to have our Social Media Strategist Chris Krasovich help make some recommendations so that Damian could streamline his social media presence and drive traffic to his new site.

In addition, our design team also defined the photography style and GS photographer Mark Brautiguam took many of the photos of the board of directors, the story photos, and the photos of Damian right here in our GS studio.

Damian was by far one of the most prepared clients I’ve worked with. He had much of his content, articles, thoughts, and business information ready for us to work with. Mike, our writer, masterfully crafted those thoughts and content into engaging copy that tells a wonderful story on the Website.

The Ability Center Website was launched at an incredible event at the Hyatt in downtown Milwaukee on March 22, 2012. It was attended by more than 200 people who all share Damian’s vision and are working toward making TAC a reality. The GS team, including Jeff Prochnow, Sean Donnelly, Andrea Zehnder, Jim Broennimann, Mike Zimmerman, Jeffrey Schrab, Steven Schrab, and I, all attended. It was incredibly rewarding to hear the genuine gratitude from all of our new friends involved with TAC and to meet so many good, kind people. And, our very own graphic designer Andrea Zehnder volunteered her time outside of her busy work schedule to design a printed brochure that, similar to the Website, is an educational and inspirational piece that was handed out at the event.

I could go on and on about the project, the people, and the vision for The Ability Center, but instead it’s my great pleasure to invite you to check out The Ability Center Website. As a GSer, as a parent, as a person – I will tell you that this has been such an incredible learning experience and one that I’m really proud to have been involved in. I’m confident that once you read about Damian and TAC you’re going to understand exactly what I’m talking about. And maybe, hopefully, you’ll help to make it a reality too.

Share:

Dealer Locators - Closer Than You Think

Jim Broennimann by on February 2, 2012

Over the course of a year, GS has created several types of Dealer Locators for different clients across many industries. Dealer Locators have evolved rapidly in that time period, with many factors playing a role. One driver that I like to attribute to this evolution is the simplicity of increasing sales, and one way to increase sales is to get the right information to the customer at the right time. To do that properly, the information needs to be usable and readable and device-agnostic.

In my experience, I have noticed a wide range of ways to present location information. Before looking to the visual design of a Dealer Locator, the key ingredient to creating an effective one is to start with an analysis of your data. If your dealer information is out of sync, inconsistent, old, or incomplete in your business systems, exposing this information to the customer would be a failure. However, if the data is tight, consistent, and up to date, the Dealer Locator experience has a solid foundation upon which to build a compelling visual design and customer interaction.

Hooking up location services and company dealer information in an interface has changed how we visualize this information. Displaying location with Google Maps, Bing Maps, or other location service APIs has quietly revolutionized this simple task  – something your customer clearly needs. Through the use of different location services, a Dealer Locator can easily be extended to smart phones and other mobile devices, putting the information in the hands of your customers.

Below are some examples of effective Dealer Locators that have created a thoughtful experience for the customer (Full disclosure: we are happy to count Samson among our clients and created the new dealer locator displayed below as part of their site redesign.)

Fischer Skis Dealer LocatorFischer Skis Dr. Marten's Shoes Dealer Locator Dr. Martens Shoes
Samson Tech Dealer LocatorSamson Tech Electronics Nissan Dealer LocatorNissan USA Locator

How does your dealer locator stack up? Can it be used when your customer needs the information? Is it mobile friendly?

Categories: 
Share:

GS + PDS =

Amy Reid by on October 10, 2010

pdspc.com

One Pretty Darn Superior Website

You do the math. Our partner relationship with Paragon Development Systems (PDS) led GS to be part of the equation in producing major website enhancements for pdspc.com. In a collaborative effort between GS’s strategy, copy writing, user experience architect, web design, and front-end development teams and PDS’s tech team, Sr. Web developer, and Catalog Specialist, GS helped make that plus sign a positive for both PDS and its website users.

The bottom line involves significant improvements to two key areas of the site – e-commerce/transactions and general marketing – with the goal of PDS acquiring new customers and providing a user experience paralleling industry leaders the likes of CDW, Insight, PC Mall, and Dell.

Key to this was clearly communicating PDS’s unique ability to empower clients by delivering agility – providing a strategic end-to-end delivery model to handle clients’ IT needs, combining the best of a technology B2B retailer with a premium consulting firm.

The GS path to this outcome began with a current site assessment evaluating the starting point. Then, detailed interactive prototypes laid the foundation of a new user experience that leverages AJAX to make for a snappy interface. With GS/PDS agreement on the prototypes, the GS team designed layouts and developed (HTML, CSS, Javascript), delivering weekly batches of files to the PDS tech team for integration with existing back-end systems. All of this was wrapped together by methodical project management, weekly-to-daily status calls, and an issue-tracking tool for quick response and detailed quality assurance.

Ultimately, the overhauled website along with the annual PDS Technology Conference, plus Lead IT magazine designed and produced by GS, all adds up to PDS being a best-in-class technology integrator for the healthcare, education, government, finance, and retail industries.

Share:
3

Don’t Worry About "The Fold" and Other Usability Tips

Aaron Konkol by on September 16, 2010

Mmmm. I like me some data and reports. Especially when it comes to making web sites better. For example, do you think everything on your web site needs to be crammed into the first 540 pixels in order for people to see it? Not so. Research indicates that reducing content above the fold actually encourages users to explore the content below the fold. Instead of focusing on the fold, why not try using visual hierarchy principles and the art of distinction to prioritize and emphasize the importance of various elements in your pages’ content. (Yeah, visual hierarchy principles and the art of distinction, doesn't that sound smart?)

Other usability tips that resonate:

  • Internet users don’t really read content online. People only read 28% of the text on a web page. Highlight keywords, use headings, write short paragraphs, and utilize lists. Bold text makes it easy to scan.
  • Studies show that as whitespace decreases, so does reading comprehension. Give the copy some   b r e a t h i n g   r o o m.

Want more? Check out the article that inspired this post: 10 Usability Tips Based on Research Studies, then be sure to share your favorites with us.

Categories: 
Share: