? on new responsive layout for our FHG - GoFuckYourself.com

TFCash · 03-26-2014, 01:41 PM

I'd like to get your input on what we should do as we are remaking our FHG's for our sites. The old style templates work fine for 10" tablets and up, but don't do so well on anything smaller.

Old Style Gallery

New Responsive Gallery

Looking for constructive criticism here

Tdash · 03-26-2014, 09:12 PM

The backgrounds look terrible, everything else is fine.

TFCash · 03-26-2014, 11:00 PM

Quote:

Originally Posted by Tdash

The backgrounds look terrible, everything else is fine.

I changed out the overlay to a smaller pattern, does that look better, or do I need to do something completely different ?? Thanks for your input!

Tim

CPA-Rush · 03-27-2014, 04:43 AM

nice, are those 18

?

TFCash · 03-27-2014, 08:01 AM

Quote:

Originally Posted by rosx

nice, are those 18

?

Yes, she is actually 22

DannyA · 04-02-2014, 11:30 AM

When you shrink your browser window the lightbox ends up a fuck of a lot smaller than the thumbs. I'd try to get the picture to scale to 100% screen width, or better yet just make the thumbs fit the width of the screen when you get down into mobile phone range. I'd also just link to the images instead of using a lightbox at all. If they're on mobile and the thumbs are already scaled to the screen they're only going to want the large version if they want to zoom.

As an affiliate the thing I'd want to see is some kind of persistant call to action. At desktop size you pretty much always have a link visible while on mobile you'd have to actually scroll and look for it. Stick a footer to the bottom with the link?

I just tested this out on my desktop browser so I don't know if you're doing anything to maybe handle the lightboxes or whatever different on mobile, but if you're going for a real responsive design you've probably complicated things too much if you're relying on running a different script, at least in a case as simple as a gallery.

TFCash · 04-02-2014, 12:53 PM

Quote:

Originally Posted by DannyA

When you shrink your browser window the lightbox ends up a fuck of a lot smaller than the thumbs. I'd try to get the picture to scale to 100% screen width, or better yet just make the thumbs fit the width of the screen when you get down into mobile phone range. I'd also just link to the images instead of using a lightbox at all. If they're on mobile and the thumbs are already scaled to the screen they're only going to want the large version if they want to zoom.

As an affiliate the thing I'd want to see is some kind of persistant call to action. At desktop size you pretty much always have a link visible while on mobile you'd have to actually scroll and look for it. Stick a footer to the bottom with the link?

I just tested this out on my desktop browser so I don't know if you're doing anything to maybe handle the lightboxes or whatever different on mobile, but if you're going for a real responsive design you've probably complicated things too much if you're relying on running a different script, at least in a case as simple as a gallery.

Great points! I'm going to remove the lightbox for mobile, I like that they can tag it for FB or Tweet it, but it doesn't scale with mobile at all

As for the call to action, I'm thinking since these are FHG I can have as many links as I want, so all the text area's will have a link to join. That way the most you would have to scroll is a couple of pics down depending on how small the screen is.

Thanks for your input Danny.

03-26-2014, 01:41 PM	#1
TFCash Confirmed User Industry Role: Join Date: Apr 2001 Posts: 1,738	? on new responsive layout for our FHG I'd like to get your input on what we should do as we are remaking our FHG's for our sites. The old style templates work fine for 10" tablets and up, but don't do so well on anything smaller. Old Style Gallery New Responsive Gallery Looking for constructive criticism here __________________ TeenFlood.com Online since 1998. TFCash KissMeGirl VirginRiches MondoBucks tim at tfcash.com or submit a ticket at our HelpDesk

03-27-2014, 04:43 AM	#4
CPA-Rush small trip to underworld Industry Role: Join Date: Mar 2012 Location: first gen intel 80386/nintendo-gb/arcade/ps1/internet person Posts: 4,927	nice, are those 18 ? __________________ automatic exchange - paxum , bitcoin,pm, payza . daizzzy signbucks caution will black-hat black-hat your traffic ignored forever :zuzana designs {firefox- remove some posters \|skills#1\|skills#2\| email >[email protected] } ツ

03-26-2014, 09:12 PM	#2
Tdash Confirmed User Industry Role: Join Date: May 2013 Posts: 690	The backgrounds look terrible, everything else is fine.

04-02-2014, 11:30 AM	#6
DannyA Registered User Join Date: Oct 2005 Posts: 85	When you shrink your browser window the lightbox ends up a fuck of a lot smaller than the thumbs. I'd try to get the picture to scale to 100% screen width, or better yet just make the thumbs fit the width of the screen when you get down into mobile phone range. I'd also just link to the images instead of using a lightbox at all. If they're on mobile and the thumbs are already scaled to the screen they're only going to want the large version if they want to zoom. As an affiliate the thing I'd want to see is some kind of persistant call to action. At desktop size you pretty much always have a link visible while on mobile you'd have to actually scroll and look for it. Stick a footer to the bottom with the link? I just tested this out on my desktop browser so I don't know if you're doing anything to maybe handle the lightboxes or whatever different on mobile, but if you're going for a real responsive design you've probably complicated things too much if you're relying on running a different script, at least in a case as simple as a gallery.