Posts

Showing posts from April, 2013

Connection speed and web design

Image
Eventually there may come a day when everyone on the planet has access to the best internet connection speed possible. For now, however, there are still people in highly developed nations (such as, say, the U.S.) who are dealing with dial-up speeds and computers that should have long been obsolete. This is the reality of technological advancement. Unfortunately, it’s an easy thing to forget for web developers who consider technology a priority. When you make it a point to find the best possible speeds from your ISP, the latest computer, and state of the art software, it becomes increasingly difficult to imagine that your customers may be using less. In some cases, much less. And this divide can make for some very poor web design choices. User frustration According to a 1998 Georgia Tech survey of web users, the biggest problem people had when surfing the internet was speed. In fact, “speed” alone was only below “slow ads” when it came to the largest response percent...

Designing for responsiveness

Image
Designing for responsive websites can be a bit challenging at first because the process is so different. As designers, we’ve gotten used to building pixel-perfect mockups as our web blueprints. But responsive design takes a different approach. A designer’s role is no longer to produce a mockup and then pass it off to the developer because responsive design is not just a two step process, it is a series of revisions. Most of which are made in the browser. It is a collaborative effort between the designer and developer, no longer two separate tasks. Here are some tips and a general workflow to make the transition from designing static sites to designing responsive ones a little easier. Knowing your viewports Before starting any project it is important to determine your viewports. A typical approach would be to build one layout for smartphones, one for tablets and smaller viewports, a larger desktop version, and maybe a second desktop version for even larger/wider ...