opinion

One Size Fits All

For web designers trying to create virtual properties that are all things to all people, an area of increasing challenge is to serve the needs of users that access these properties by using all manners of devices; from traditional home and laptop computers; to TV set-top boxes and other so-called "Internet appliances;" iPhones; PSPs and other mobile devices.

Faced with this myriad of platforms and diversity of display sizes (the viewport), the use of a predictable, fixed-width design is becoming increasingly problematic. However, the use of a purely fluid design that expands and contracts without limits, trying to fill the screen regardless of its size (or lack of size), is also problematic; leaving the frustrated web designer with a choice between two imperfect solutions.

Enter the hybrid web design, which incorporates the page-filling benefits of a 100 percent width fluid design, with the consistency of layout and predictability of appearance that fixed width designs are noted for. What the hybrid design does is allow webmasters to specify a minimum as well as a maximum website width; using predefined content block sizes to ensure a consistently predictable design.

A case in point is one of my old text-link only TGPs that I've been revamping to try and increase its incoming traffic and affiliate stream profitability. One step I've taken is that the site no longer accepts outside gallery submissions and now features softcore thumbs (not covered by 18 USC 2256 and thus not triggering a '2257 labeling requirement) that point to my sponsor's free-hosted photo galleries.

As part of this evolution, I re-imagined my TGP as a hybrid site that combines a TGP with an RSS-fed blog; plus elements of a review site; FPA and exit console combined. The site would retain its role as both a generator of incoming niche traffic — and exit destination for other sites to send targeted traffic to. All that was left was architecture.

During this rebuild, I took a different approach to designing the site; dropping my eternal insistence on building it with a 768px fixed width — and rather than simply upping it to 960px to better accommodate the majority of my visitors, I dropped the minimum design width through the floor; producing a hybrid fixed/fluid width XHTML/CSS-driven website designed for a 480px wide viewport that would perfectly suit Sony PSP and Apple iPhone users, along with MSN TV / set-top box and IPTV users.

But I didn't forget the masses of desktop users; especially those with widescreen displays that are not as often catered to as they may like. My W3C-compliant design stretches its thumb table to fill your viewport, so that it looks "full and beautiful" — not only on my PSP, but on my 1920x1200 desktop: Indeed, I have two such monitors and dragged the browser window across both for a 3840x1200 view of the site and it still looked great!

But to try and provide the most consistent user experience, you need to establish some limits: so I've capped the site's maximum width at 1680px; which provides room for the main content block plus as many thumbnail rows with up to 10 thumbs (120x180) across as I want — giving a nice, full display on most large screen monitors — but still offering a manageable size for a gracefully-degrading design.

As a webmaster with a bit of experience in testing and resolving cross-browser / platform compatibility issues, I have to say that once upon a time, the user experience of this site would have required multiple websites; each targeting a different screen size / browser / platform — as well as a lot of extra code — and I've not yet seen another site (adult or otherwise) that is as flexible at delivering a similar user experience to so many viewers at once, purely via CSS and a little scripting.

In many ways, I'm quite pleased with this new template and its overall approach; and once I finish fine-tuning it, I'll port it over to my other TGP to similarly update it as well.

And speaking of fine-tuning, the granularity of the display size can also be increased, so that the 480px "main block" could be composed of 240px sub-blocks, or even a 120px minimum width that would dramatically open up the mobile display options without sacrificing the attractiveness and usability of the site on a hi-resolution desktop display!

It all might sound pretty complicated or even downright confusing, but the visual effect and impact of the design is pretty cool — although you'll have to take my word for it, as I'm not going to spare you some development time by just handing you a link to copy…

At the end of the day, it could pay handsome dividends to accommodate all users with a readily adaptable, highly flexible and easily accessible design — regardless of how, when or where they try to access it. Taking a hybrid fixed/fluid design approach is the first step.

Copyright © 2024 Adnet Media. All Rights Reserved. XBIZ is a trademark of Adnet Media.
Reproduction in whole or in part in any form or medium without express written permission is prohibited.

More Articles

opinion

Why BDSM Furniture and Sex Machines Make an Ideal Match

For BDSM enthusiasts and curious newbies alike, a big part of the fun is discovering and exploring exciting new sensations and scenarios. One way to level up is by combining or layering pleasures you already enjoy, and one surefire way to do that is with BDSM furniture.

Rebecca Weinberg ·
opinion

To Cloud or Not to Cloud, That Is the Question

Let’s be honest. It just sounds way cooler to say your business is “in the cloud,” right? Buzzwords make everything sound chic and relevant. In fact, someone uninformed might even assume that any hosting that is not in the cloud is inferior. So what’s the truth?

Brad Mitchell ·
opinion

Tips for Boosting Ecommerce Revenue With Behavioral Insights

At our marketing agency, we focus on using real data to make better decisions for our clients. We believe every action a visitor takes on a website can tell us something important. This helps us shape our strategies and assist our clients in turning casual website visitors into loyal customers.

Lauren Bailey ·
opinion

Upcoming Visa Price Changes to Registration, Transaction Fees

Visa is updating its fee structure. Effective April 1, both the card brand’s initial nonrefundable application fee and annual renewal fee will increase from $500 to $950. Visa is also introducing a fee of 10 cents for each transaction, and 10 basis points — 0.1% — on the payment volume of certain merchant accounts.

Jonathan Corona ·
opinion

Unpacking the New Digital Services Act

Do you hear the word “regulation” and get nervous? When it comes to the EU’s Digital Services Act (DSA), you shouldn’t worry. If you’re complying with the most up-to-date card brand regulations, you can breathe a sigh of relief.

Cathy Beardsley ·
opinion

A Look at the Do's and Don'ts of Gift-With-Purchase Promos

Imagine you’re at a store, deciding between two products with similar packaging, features and pricing. You’re not predisposed toward either brand and you haven’t seen any reviews — but one of them offers, “Free gift with purchase!” Does that win you over?

Vanessa Rose ·
opinion

The Perils of Relying on ChatGPT for Legal Advice

It surprised me how many people admitted that they had used ChatGPT or similar services either to draft legal documents or to provide legal advice. “Surprised” is probably an understatement of my reaction to learning about this, as “horrified” more accurately describes my emotional response.

Corey D. Silverstein ·
opinion

Tips for Navigating a Completely Remote Job in Sexual Wellness

Anyone working in the sexual wellness and pleasure sector has at some point had to deal with issues like bias against the industry, as well as limited marketing and advertising options.

Bryony Lees ·
opinion

Free Agent Auteur: Casey Calvert Expands Her Directing Horizon

Now, having brought that highly-awarded polyamory trilogy to a close, Calvert is concluding the exclusive Lust Cinema directing chapter of her career and charting a new course out into open creative waters as a free agent.

Alejandro Freixes ·
profile

Marina Valmont: From Beauty Queen to Naked News Anchor

Marina Valmont grew up in the suburbs of Toronto, spending a lot of time walking in nature and enjoying Canada’s beautiful parks and lakes. She describes her younger self as an avid reader who spent a lot of time at the library, as well as a girly girl with a deep love for Disney, fantasy movies and Barbie.

Alejandro Freixes ·
Show More