Back to all insights

Interactive Design

Redefining boundaries with interactive experiences

Director of Front-end Development Jenny Koeppel and Sr. Visual Designer Scott Deca discuss redefining boundaries through interactive experiences.

Designing an Interactive Experience

Software Engineer David Williams and Visual Designer Chris Hatfield on how they collaborated to create an interactive experience at the Toledo ADDY Awards.

Designing for ADA Compliance

Designing for ADA compliance to meet web accessibility guidelines.

iPhone X: The devil is in the details

Director of Design Chas Ryder reviews the iPhone X and how it's noteworthy features impact design.

What We Know Now: Chas Ryder

Career lessons from Director of Design Chas Ryder.

Device Detection, Decoded

Director of Front-End Development Dave Rodriguez answers the question: "what is a phone?" through a developer's perspective in the device detection process.

Why We Design The Home Page Last

We make a case for designing the home page last with VP of Experience Innovation Mike Osswald.

Easing, Excessiveness, and Pace in Motion Design

Best practices for animation and what to avoid with Motion Designer Corey Kujawski.

Adobe Generator: Best Thing Since Sliced GIFs

We don’t usually discuss specific products on the blog, but a new feature of Adobe Photoshop CC called Generator has our team talking. Starting with version 14.1, Photoshop allows developers to directly export layers as graphic assets without having to slice, hide, nudge, copy or paste.

Dave Rodriguez of Hanson Inc. demonstrates why the front end design team is excited about the new Generator feature in Adobe Photoshop.

On Mobile Forms and Homer Simpson Fingers

There’s an old episode of The Simpsons where Homer, working from home, tries to call the nuclear plant to warn about a meltdown. As he dials, he hears the following recording: “The fingers you have used to dial are too fat. To obtain a special dialing wand, please mash the keypad with your palm now.”

Designing successful mobile forms is about removing as much data entry as possible and optimizing what remains so even Homer Simpson could fill them out.

Beyond “HTML5,” Part 3: The Future of the Open Web

So far in this blog series we’ve explored the meaning of “HTML5” and the road to the Open Web, and we’ve reviewed Open Web technologies supported by today’s browsers. Now it’s time to look at some exciting Open Web features that will shape the web of tomorrow, and their current alternatives...

What Open Web features are coming, and what are their current alternatives? Dave Rodriguez of Hanson Inc. concludes his 3-part blog series.

Beyond "HTML5," Part 2: Open Web Technologies You Can Use Today

In part 1 of this series, we discussed some myths and misconceptions about HTML5 and proposed the term “Open Web technologies” as a more accurate alternative. Today we’ll explore some Open Web features that have widespread support in desktop and mobile browsers today...

Dave Rodriguez, Hanson's Director of Front End Development, looks beyond HTML5 at open web technologies you can use today.

Beyond “HTML5,” Part 1: The Present and Future of the Open Web

In April 2010, Apple CEO Steve Jobs wrote about his decision to ban Adobe’s Flash plugin from the iOS operating system. He voiced a number of concerns including battery life, performance, and touch incompatibility, but above all the closed, proprietary nature of Flash...

Dave Rodriguez, Hanson's director of front end development, introduces a blog series on HTML5 and the present and future of the open web.

Infographic: 4 Types of Redesigns

When you think of a website redesign, what comes to mind? Is it a new look and feel only? Does it include updated functionality? What about backend updates? Where is the line between updating a site and starting over with a new one? Everyone seems to have their own definition.

How do you define a "website redesign"? This infographic from the team at Hanson Inc. helps you understand the differences between 4 main types of redesigns.

4 Reasons to Revise Your Content During a Redesign

Do you have dusty boxes in a closet or basement that you never unpacked last time you moved? You ran out of energy. Or you ran out of space. Maybe (gulp!) it’s been boxed up for decades and you just keep moving it with you. Now imagine that those boxes are the website content you haven’t updated in five years...

Mindy Withrow, Content Strategist at Hanson Inc., offers 4 reasons you should revise your content during a site redesign.

5 Sources for Inspiring Interactive Design

Inspiration is a fickle beast. You never know when one unique sight or sound will touch off a spark of creativity. So when I’m starting a new interactive design project, I comb through these 5 sources of inspiration...

Joe Payton, a senior interactive designer at Hanson, shares 5 sources for inspiring interactive design.

SlideShare: What is Responsive Design?

Think about how you typically consume information on the internet. PC? Tablet? Smartphone? TV? Internet consumption is an essential part of our everyday life. But the devices we use to consume this content are multiplying and changing at a rapid pace. And these devices differ in screen size, resolution, and interface, to mention just a few variations. To give users access to this content via a variety of devices, we have to start making websites more flexible or responsive. By changing how we think about website design, we can maximize our audiences without having to rethink the wheel for every individual device. Our slideshare shows you how…

Slideshare: Responsive design is an approach where the design and development responds to the screen size, platform and orientation of each user.