Product Search


Responsive Web Design


The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence. Northwestern Online MS in Information Design & Strategy. Choose from tracks in content strategy, UX/UI, communication with data, and learning design. Brief books for people who make websites. A building’s foundation defines its footprint, which defines its frame, which shapes the facade. Each phase of the architectural process is more immutable, more unchanging than the last. Creative decisions quite literally shape a physical space, defining the way in which people move through its confines for decades or even centuries. Working on the web, however, is a wholly different matter. Our work is defined by its transience, often refined or replaced within a year or two. Inconsistent window widths, screen resolutions, user preferences, and our users’ installed fonts are but a few of the intangibles we negotiate when we publish our work, and over the years, we’ve become incredibly adept at doing so.


But the landscape is shifting, perhaps more quickly than we might like. Mobile browsing is expected to outpace desktop-based access within three to five years. Two of the three dominant video game consoles have web browsers (and one of them is quite excellent). We’re designing for mice and keyboards, for T9 keypads, for handheld game controllers, for touch interfaces. In short, we’re faced with a greater number of devices, input modes, and browsers than ever before. In recent years, I’ve been meeting with more companies that request “an iPhone website” as part of their project. It’s an interesting phrase: At face value, of course, it speaks to mobile WebKit’s quality as a browser, as well as a powerful business case for thinking beyond the desktop. But as designers, I think we often take comfort in such explicit requirements, as they allow us to compartmentalize the problems before us. We can quarantine the mobile experience on separate subdomains, spaces distinct and separate from “the non-iPhone website.” But what’s next?


An iPad website? An N90 website? Can we really continue to commit to supporting each new user agent with its own bespoke experience? At some point, this starts to feel like a zero sum game. But how can we-and our designs-adapt? Let’s consider an example design. I’ve built a simple page for a hypothetical magazine; it’s a straightforward two-column layout built on a fluid grid, with not a few flexible images peppered throughout. As a long-time proponent of non-fixed layouts, I’ve long felt they were more “future proof” simply because they were layout agnostic. And to a certain extent, that’s true: flexible designs make no assumptions about a browser window’s width, and adapt beautifully to devices that have portrait and landscape modes. But no design, fixed or fluid, scales seamlessly beyond the context for which it was originally intended. The example design scales perfectly well as the browser window resizes, but stress points quickly appear at lower resolutions.


When viewed at viewport smaller than 800×600, the illustration behind the logo quickly becomes cropped, navigation text can wrap in an unseemly manner, and the images along the bottom become too compact to appear legible. And it’s not just the lower end of the resolution spectrum that’s affected: when viewing the design on a widescreen display, the images quickly grow to unwieldy sizes, crowding out the surrounding context. In short, our flexible design works well enough in the desktop-centric context for which it was designed, but isn’t optimized to extend far beyond that. Recently, an emergent discipline called “responsive architecture” has begun asking how physical spaces can respond to the presence of people passing through them. Through a combination of embedded robotics and tensile materials, architects are experimenting with art installations and wall structures that bend, flex, and expand as crowds approach them. Motion sensors can be paired with climate control systems to adjust a room’s temperature and ambient lighting as it fills with people.


Companies have already produced “smart glass technology” that can automatically become opaque when a room’s occupants reach a certain density threshold, giving them an additional layer of privacy. In their book Interactive Architecture, Michael Fox and Miles Kemp described this more adaptive approach as “a multiple-loop system in which one enters into a conversation; a continual and constructive information exchange.” Emphasis mine, as I think that’s a subtle yet powerful distinction: rather than creating immutable, unchanging spaces that define a particular experience, they suggest inhabitant and structure can-and should-mutually influence each other. This is our way forward. Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them.



Featured Products






Articles


Helping Hand Of Dental Clinics In Canada
What Is So Great About Hard Anodized Aluminum Cookware
Women Winter Jackets
Xbox 360 Slim Review
Gold Grills Teeth Gives A Fashionable Appearance To Every Human Being
The Standard Features of a Good Sleeping Bag! How to Choose One?
Get The Best Garden Furniture
Office Furniture New Ways To Revive Furnishing
Choose Fulfilment Houses To Avail Their Efficient Service
Falls Creek Accommodation Victorian Ski Fields
Review About Automated And Forex Trading Systems
Tips For Gardening With Your Dog
Finding Designer Lingerie Products To Feel Comfortable And Look Curvaceous On Your Wedding Day
Nfl Nostalgia Lucrative Business
The Most Standard Components You Can Locate For Dirt Bicycle Racing
Kayak Fishing Trip Tips And Precautions
Choose The Online Option Of Buying The Best Xmas Gifts
Different Art Forms That Are Popular In The Recent Times
What Are Many Well-Known Oil Paintings
How Much Should You Pay For Swimwear For Kids
Led Traffic Lights Ultimate Energy Saver
Features Of A Good Billiard Table
The Best Web Browsers Of 224
Facts About Planning For Atkins
Jay M Levys Southern Exposure Swimwear
Buying Sexy Lingerie A Man S Cheat Sheet
Secure Residential And Office Compounds With Durable Fencings And Panels
Plan A Perfect Commercial Kitchen Layout With Appliances
Professional Suppliers Of Top Brand Range Cookers
Choicest Flea Control Methods
Design Your Kid S Friendly Kitchen Today Los Angeles
What Are Some Of The Ways By Which You Can Guarantee A Catch During Fishing
Hire A Local Builder To Build You A Greenhouse
Electric Bikes How To Choose The Right One
Size Does Matter All That You Need To Know About King Pillows
5 Tips For Buying Sofas For Your Home
How To Fight The Effects Of Sleep Deprivation
Role Of Advanced Marble Run Toys In Growth Of Children
The Finer Most Aspects Of The Forbes Orthotic Friendly Footwear
Fishing Boat Drawing Software Program Designing And Constructing Your Very Own Ship
Mansfielddevine Steve 1 December 224 Darknets
Some Forms Of Ddt Decompose Slowly
Use The High Quality Sprayers And Cosmetic Bottles For Your Needs
Why A Graphic Design Artist Should Take Notes
How Much Does A Website Cost
Backpacks make your Hike Comfortable! Here’s How!
Kitchen And Bathroom Installations What Are The Factors You Need To Consider
Curvy Women Enjoy Nice Lingerie Too
12 Step Worksheet
Why Visit At The Top Burj Khalifa