The last few weeks we’ve been working on a redesign of our website, rethinking copy and opting for a cleaner design (inspired by Andrew Chen’s recent blog post). We killed a lot of darlings in the process, but happily so. We would love to hear your feedback on our new layout, but first, let me tell you about the driving force behind our redesign mission.

 

Meet Benedikt

Benedikt Reiter is the newest addition to the Usersnap team. He’s a UI/UX-Designer / Frontend Developer with a lot of knowledge of actual programming as well as design. And he’s a Photoshop black belt. Benedikt started developing web applications when he was 13, creating a “little Facebook, but much smaller and not that feature-full”, with about 1500 active users. At 15 he had his first customer.

Always into design and user experience, Benedikt attended the HTL in Perg (Austria) and today he’s about to start the Timebased and Interactive Media track at the University for Art and Industrial Design in Linz.

UX/UI and Responsive Web Design

Nowadays – when building a website – one is confronted with a number of different sizes and browsers that is daunting.* Plus, with mobile adoption skyrocketing, the diversity of mobile devices on the market doesn’t fail to grow exponentially. Thank god / the vivid web design community no custom coding is needed for each device or screen size with current responsive web design frameworks and testing tools.

We’ve selected 6 tools and libraries to get you started with responsive web design:

Bootstrap

Built at Twitter by Mark Otto and Jacob Thornton, Bootstrap offers an easy configurable CSS front-end framework. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but also in tablet and smartphone browsers with a 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and has a web-based Customizer. Bootstrap comes in different shapes and forms, like Google BootstrapRetriever Bootstrap and the super fun (and equally ugly) Geo Bootstrap.

Responsive Web Design (RWD) is a design approach aimed at crafting sites to provide an optimal viewing experience. That means: easy reading and navigation with a minimum of resizing, panning, and scrolling across a gradient of different devices. At Usersnap we think a great deal of Responsive Design. Simply re-size your browser window, or open this blog on your smartphone, and you’ll know what we’re talking about.

Ethan Marcotte coined the term responsive web design in a May 2010 article in A List Apart. He then described the theory and practice of responsive web design in his 2011 book Responsive Web Design. Subsequently, Responsive Web Design was listed second in Top Web Design Trends for 2012 by .net magazine. Mashable called 2013 the Year of Responsive Web Design, as they see a ‘major shift in the consumption habits of their audience: