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.
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
Following the responsive design approach for your website, at one point you’ll need to think about what to do with your navigation element(s). Since responsive web-design became a ‘thing’ a few patterns have developed on how to deal with site navigation. As the digital real estate is limited on smartphones, also the navigation concept of websites and web-applications needs to be redefined. How to make your site navigation responsive? Let’s take a look at some popular sites to illustrate the benefits and drawbacks of their solution to the navigation problem on mobile devices.
In a previous post, 6 tools to get you started with Responsive Web Design, we selected and discussed 6 tools and libraries to help you get started with – really – responsive web design. We received loads of positive feedback and additional tips and tricks from our followers and decided to collect them in another post about one of our favorite subjects. Here we go:
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:
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: