06 Mar Building A Better Responsive Website
Earlier this year, I was in the beginning stages of a redesign for our company’s website. We had already been planning to use a straightforward responsive approach to Web design, which is our preferred solution for multi-device support. After hearing some frank discussions at An Event Apart conference in Boston about the limitations and challenges of responsive Web design, I realized that our solution needed a bit of adjustment.
Thankfully, the project before us was the ideal opportunity to experiment and push ourselves to improve our responsive workflow. In this article, I will detail the process we took, including some of the changes we made along the way, as we worked to build a better responsive website.
Defining Our Goals
The first step in our project was to make a list of the benefits and drawbacks to the responsive approach we had been using. Our list looked like this:
- A single website to build, maintain and promote.
- Support for a variety of screen sizes, not just the extreme cases of large desktop monitors and small handheld devices.
- Future-friendly, because the layout will reflow based on screen size and not just the size of today’s popular devices.
- Content meant only for large-screen devices is often delivered to small screens and simply “turned off” with CSS media queries, creating unnecessary downloads.
- Because the markup is a one-size-fits-all solution, we are unable to change the source order of that markup (or eliminate unnecessary elements from the markup completely) based on the device or screen size.
What you will likely notice here is that the drawbacks we identified with a responsive approach are areas where a mobile-only solution excels. We wanted the best of both worlds for our new website — the advantages that a responsive approach and a mobile-specific solution have to offer.
Starting With Content
One of the common differences between a responsive design and a dedicated or mobile-only design is in the content or features that are delivered to the browser. A mobile-specific website often features only a subset of content found on the “normal” version of the website. This is one of the ongoing debates about the two approaches, and proponents of mobile-only websites often argue that mobile users want access only to content that is “important” to them.
The problem with this line of thinking is that what is “important” to a user — any user — changes according to their situation. Eliminating access to content based solely on the device someone is using is sure to alienate and frustrate anyone who doesn’t fit into the ideal scenario that you envisioned when you decided what to include in and what to eliminate from your mobile website.
Our belief has always been that all users should have access to all of the content that the website has to offer, but we wanted to make sure this was indeed the right answer for our website and our users. To help us determine the right approach, we turned to our analytics and found no discernible difference between the type of content requested by our mobile visitors and by our visitors on non-mobile devices. Content that was popular for desktop users was similarly popular for mobile visitors.
Additionally, we sat down and spoke with some of our current clients, who represent a large part of our website’s audience, and asked them some questions, including “What content are you coming to our website for when on a desktop computer?” and “How about on a tablet or a phone?” The interviews were obviously more in depth than this, but you can see what we were asking. Once again, we found that the content they were seeking was the same, regardless of the device they were using.
www.monumentalmarketing.co.ukPosted at 06:38h, 19 February
Great information! I cited this article for a paper in my Network Security course. Thank you! Just wanted to point out one thing. In this web article you state “host-based Intrusion Detection System (IDS) that prevent attacks from trusted hosts on the network…” I was under the impression that an IDS does not prevent attacks, that only an IPS can do that. Do you agree?
แทงหวยPosted at 17:19h, 07 April
[…] Info to that Topic: ontopvisibility.com/building-a-better-responsive-website/ […]
ScottbercePosted at 17:50h, 08 April
Many thanks! Awesome information.
online casino no deposit promo codes online casino usa united states online casino
NathanorendPosted at 10:57h, 09 April
Nicely put, Thanks a lot.
top essay writers do my essay write my essay online
ErnesthobPosted at 17:46h, 09 April
You’ve made your stand extremely well!!
best place to buy essays buy essay online safe
HectorRixPosted at 19:07h, 09 April
Regards! I appreciate this.
do my essay australia hire someone to write college essay can someone write my cv for me
buy an essaysPosted at 01:59h, 13 April
Article writing is also a excitement, if you know then you can write if not it
is complicated to write.
แทงบอลออนไลน์Posted at 18:10h, 26 April
[…] Information to that Topic: ontopvisibility.com/building-a-better-responsive-website/ […]
researchpaperwriterservices.comPosted at 16:19h, 30 April
It’s going to be ending of mine day, but before end I am reading this enormous post to increase my
GlewqsPosted at 07:01h, 04 May
tadalafil 5mg tadalafil pill buy best erectile dysfunction pills
Kayıt Ol | Gate.ioPosted at 23:04h, 05 May
After reading your article, it reminded me of some things about gate io that I studied before. The content is similar to yours, but your thinking is very special, which gave me a different idea. Thank you. But I still have some questions I want to ask you, I will always pay attention. Thanks.
Kod polecajacy BinancePosted at 17:55h, 08 May
Your point of view caught my eye and was very interesting. Thanks. I have a question for you. https://accounts.binance.com/pl/register-person?ref=V2H9AFPY
LidhtqPosted at 01:06h, 09 May
duricef 250mg without prescription propecia 1mg cost proscar online order
gate io girişPosted at 15:41h, 09 May
Your article made me suddenly realize that I am writing a thesis on gate.io. After reading your article, I have a different way of thinking, thank you. However, I still have some doubts, can you help me? Thanks.
MbmyxcPosted at 05:51h, 10 May
buy estradiol 1mg online cheap estrace 2mg cost minipress canada
EhpsmdPosted at 12:49h, 10 May
order generic fluconazole 200mg fluconazole where to buy order cipro pill
DcpimdPosted at 17:50h, 11 May
mebendazole generic mebendazole tablet order tadalis sale
VoflskPosted at 00:57h, 12 May
flagyl 200mg sale buy generic keflex for sale order keflex pill
VimfaxPosted at 05:51h, 13 May
buy avanafil generic order avanafil sale order diclofenac without prescription
TpjsovPosted at 12:22h, 13 May
cleocin 300mg oral sildenafil 50mg cheap buy ed pills generic
KqnjawPosted at 19:37h, 14 May
order indomethacin pills order cefixime for sale cefixime 100mg us
YwfhfqPosted at 11:59h, 15 May
tamoxifen 20mg sale budesonide pills ceftin 500mg over the counter
JwddhjPosted at 07:06h, 16 May
trimox 250mg sale trimox 250mg price biaxin without prescription
^Inscrieti-va pentru a obtine 100 USDTPosted at 01:49h, 17 May
Your article helped me a lot, is there any more related content? Thanks! https://accounts.binance.com/ro/register?ref=B4EPR6J0
SilmryPosted at 17:08h, 17 May
order bimatoprost pill methocarbamol sale trazodone over the counter
RwzusePosted at 19:19h, 17 May
cost clonidine 0.1 mg order antivert 25 mg pills buy generic tiotropium
LiivxsPosted at 19:00h, 18 May
purchase sildenafil online aurogra order sildenafil mail order
OywxmjPosted at 23:30h, 18 May
minocin 100mg capsules buy hytrin for sale actos oral
HhtucoPosted at 07:46h, 20 May
leflunomide for sale online buy arava pills sulfasalazine 500mg without prescription
OoduuhPosted at 00:57h, 21 May
isotretinoin online buy buy azithromycin 500mg generic azithromycin 500mg uk
GskvrrPosted at 18:28h, 21 May
cialis 20mg oral buy viagra 50mg pills cialis 40mg drug
YmldcoPosted at 19:50h, 22 May
azipro 500mg sale omnacortil 40mg sale neurontin 100mg canada
IswpuoPosted at 05:04h, 23 May
ivermectin price buy ed medication prednisone 40mg generic
RvybddPosted at 13:52h, 24 May
furosemide 100mg uk monodox buy online order albuterol online cheap
XdzolhPosted at 06:38h, 26 May
vardenafil 10mg cheap levitra cheap buy plaquenil sale
QebfezPosted at 20:47h, 27 May
levitra 10mg pill levitra canada buy hydroxychloroquine for sale
GkrszqPosted at 13:34h, 29 May
order benicar 10mg sale divalproex brand order divalproex pill
User LoginPosted at 00:18h, 30 May
The point of view of your article has taught me a lot, and I already know how to improve the paper on gate.oi, thank you. https://www.gate.io/tr/signup/XwNAU
HwcsccPosted at 04:52h, 30 May
buy clobetasol paypal buy buspirone online cheap cordarone online order
MjjbuoPosted at 00:11h, 31 May
buy acetazolamide for sale imdur 20mg for sale azathioprine 50mg brand
WjzknbPosted at 09:41h, 01 June
lanoxin sale order molnunat 200mg pill buy generic molnupiravir 200 mg
UfxswoPosted at 20:15h, 02 June
order naproxen 500mg pill naproxen 250mg pills purchase prevacid without prescription
KgkbhzPosted at 21:26h, 03 June
buy coreg 6.25mg for sale generic cenforce 100mg buy chloroquine 250mg
PgorfnPosted at 05:05h, 04 June
order proventil 100 mcg for sale pyridium 200 mg brand how to get pyridium without a prescription
TmtaklPosted at 19:09h, 05 June
order montelukast 10mg sale buy montelukast 5mg dapsone 100mg brand