Web Design Forum  
 
Go Back   Web Design Forum > Web and Graphic Design > Website Reviews

Like Tree1Likes

Reply
 
LinkBack Thread Tools Display Modes
Old 11-30-2011, 06:04 PM   #1
New Member
 
Trevor's Avatar
 
Join Date: Nov 2011
Location: Rutherfordton, NC
Posts: 23
Default My New Site - Responsive Design Elements

We just rebuilt our site, the little feedback we have received was about the page load time, however analytics tell a different story show avg time on site to be more than 8 mins, which tells me that people are not leaving before it loads.

According to numerous page load timers i am seeing 3-6 second times.


What do you all think?
http://www.uniqueadvertisingsolutions.com
__________________
Not Just Another Web Design Company
uniqueadvertisingsolutions.com
Trevor is offline   Reply With Quote


Old 11-30-2011, 10:31 PM   #2
Diamond Member
 
Phreaddee's Avatar
 
Join Date: Feb 2011
Location: Newcastle, Australia
Posts: 1,137
Default

Dont get why its all one page, kinda defeats having a menu really
Its too dark and the blue is all wrong.
Doesnt fit particularly well on my android either, well the slideshow at least...
To call this "responsive web design" is a bit of a stretch.
And that background i'd remove. Just dont like wood panel, unless you are a builder or flooring specialist, then it might be appropriate.
__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}
Phreaddee is offline   Reply With Quote
Old 11-30-2011, 11:16 PM   #3
New Member
 
Trevor's Avatar
 
Join Date: Nov 2011
Location: Rutherfordton, NC
Posts: 23
Default

Quote:
Originally Posted by Phreaddee View Post
Dont get why its all one page, kinda defeats having a menu really
Its too dark and the blue is all wrong.
Doesnt fit particularly well on my android either, well the slideshow at least...
To call this "responsive web design" is a bit of a stretch.
And that background i'd remove. Just dont like wood panel, unless you are a builder or flooring specialist, then it might be appropriate.
It should work perfectly on droid. Blackberry was the only one i was mildly concerned with.

the nav is functional, it scrolls you to each section.

a couple of my coders dont care for the dark and blue, but i like it. They have tried to get me to go with 0062fc rather than 0000fc, but the logo is 0000fc.

i dont know how it can be "more" responsive, it is coded to adapt to any screen size. The slider is a bit large but it shows fine on devices that we have tested it on.


Thanks for the input

P.S Your landing page is pretty cool, not seen that yet, very original
__________________
Not Just Another Web Design Company
uniqueadvertisingsolutions.com

Last edited by Trevor; 11-30-2011 at 11:18 PM.
Trevor is offline   Reply With Quote
Old 12-01-2011, 12:30 AM   #4
Diamond Member
 
Phreaddee's Avatar
 
Join Date: Feb 2011
Location: Newcastle, Australia
Posts: 1,137
Default

Cheers, thats just a canvas script.

The nav works, I did check that, but it became redundant as you just need to scroll.
The blue is fine on its own, but it slightly clashes with the background.
If your gungho on keeping it than maybe alter the background to match better.
I guess what I was referring to regarding the slideshow is even at the full width showing on my screen, the right > is all cramped up ontop of the slideshow, and wasnt much room to breathe.
Responsive web design is not just making it "fit" on all devices. But rather modifying the way it renders so that it is perceived to look as appropriate as possible for that device. For example you have 3 col of text. As the viewport is shrunk, this should become two and then one. As 3 col on phone in portrait is not really readable...
__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}
Phreaddee is offline   Reply With Quote
Old 12-01-2011, 02:44 AM   #5
Silver Member
 
Join Date: Oct 2010
Location: Philadelphia Pa
Posts: 153
Default

Somehow I don’t think you really understand the core concept of responsive web design.
I don’t see any media queries and no browser specific style sheets. The idea of responsive web design is not to make the page look just the same on a hand held device, hell my current site does that and it is not at ALL what I would call responsive. I would recommend doing some research on what exactly responsive web design is before you advertise yourself as it. On my droid if I click your “who and what” link in portrait mode, I see what would be three pages on your site, with no navigation back up. And yes while your site is a single page, lack of navigation can be really confusing for your average person, especially when viewed in landscape. When I take your website in a web browser and change the viewport, I should see, something……. Also loose that background for handhelds as its load time is bad and frankly not needed. If your page load time is any concern for you, you could always drop those java files into the footer, which I couldn’t find.
__________________
Digital Heaven Web Design
Brian Angel is offline   Reply With Quote


Old 12-01-2011, 03:11 AM   #6
New Member
 
Trevor's Avatar
 
Join Date: Nov 2011
Location: Rutherfordton, NC
Posts: 23
Default

If you have ever tried to find a definition of responsive design you know that you can not find a definitive answer, you will find many articles and many opinions. This is because it is not a recipe, it is as much the thought process the precedes the website development as it is the actual building of the site. Adaptive design is the same but it does have a bit more defined "recipe". When Marcotte wrote his article on responsive design it was, as far as i know, the first documentation on the subject. I have not read the book but i did purchase copies for my programmers and they all seem to have a solid grasp. My website was designed by me and coded by them, i did not follow every recommendation that they provided as i felt some of the things to make it more "responsive" would hinder the visuals and i did not want that. So my "opinion" of responsive design may not be correct, but whose is?

My site does not act like the skeleton framework that Gamanche has built (which is very good) I would consider that to be the ideal responsive design, mine is not the ideal hence the title "design elements"

Regarding page load times, by tweaking on the ajax settings we were able to get the average load time down to 5.6 secs without losing any resolution on anything, and that is 3 seconds faster than before. 5.6 is not ideal but I don't think its bad either.

Thanks for your input.
__________________
Not Just Another Web Design Company
uniqueadvertisingsolutions.com
Trevor is offline   Reply With Quote
Old 12-01-2011, 03:22 AM   #7
New Member
 
Trevor's Avatar
 
Join Date: Nov 2011
Location: Rutherfordton, NC
Posts: 23
Default

Quote:
Originally Posted by Phreaddee View Post
Cheers, thats just a canvas script.

The nav works, I did check that, but it became redundant as you just need to scroll.
The blue is fine on its own, but it slightly clashes with the background.
If your gungho on keeping it than maybe alter the background to match better.
I guess what I was referring to regarding the slideshow is even at the full width showing on my screen, the right > is all cramped up ontop of the slideshow, and wasnt much room to breathe.
Responsive web design is not just making it "fit" on all devices. But rather modifying the way it renders so that it is perceived to look as appropriate as possible for that device. For example you have 3 col of text. As the viewport is shrunk, this should become two and then one. As 3 col on phone in portrait is not really readable...
I am not 100% happy with the BG but i havent had an idea that i like better as of yet. I really like the wood, but making it lighter looks bad and going darker actually looks better for all the other elements but washes out the texture.

The programmers want to set the site to actually drop the 3rd column on a mobile device, it would not be a terrible loss, im just being resistant. I would prefer to keep the 3 columns but making it switch to a 2 column and keeping the data in the 3rd and wrapping it looks really bad so the only option is to simply remove that 3rd column. Going with a single column looks better than wrapping but makes a page that is a mile or so long.
__________________
Not Just Another Web Design Company
uniqueadvertisingsolutions.com
Trevor is offline   Reply With Quote
Old 12-01-2011, 01:51 PM   #8
Silver Member
 
Join Date: Oct 2010
Location: Philadelphia Pa
Posts: 153
Default

Sorry but your plain out wrong. A simple Google search of the term should show you, and anyone else that. There's nothing fluid about your design. No scaleable images, no media queries, nothing that actually changes with a change in the view port. I looked at Dave Gamache(if you’re going to use someone as a reference you should at least spell his name right) as I have never heard of him before (I'm a follower of Chis Coyier and Paul Irish) and what he has is responsive, go back and resize his page, see how it resizes??? Yours does none of that. I can see lots of elements on your page that could benefit from that (that little “this is a slider thing", that doesn’t work too well on a hand held).

QA of web design is what I do as part of my full time job, this just doesn’t pass as what your trying to sell it as. Again I offer you (since you mentioned him) to do a search of Ethan Marcotte favorite responsive web designs, what you have created does NOT fall into that grouping. If you’re more worried about how doing a proper responsive design would hinder some of the graphic elements I again say you don’t get it. It’s about making sites easier for hand held and mobile devices and yes, due to constraints of these devices sometimes some of that has to go away.

You say you bought the book and never read it but gave it to your "programmers"???? Well read the book and get some new programmers, they got it wrong. Please don't come on here and tell people who may be new to the concept of responsive web that what you do is correct, it’s not, and pointing people in the wrong direction with concepts and a site that just plainly, no matter how you may want to define it (because no matter what you might think, there is most certainly a definition of it and while there may be different ideas on HOW, there is no argument over WHAT) does not fall into the category of responsive.
__________________
Digital Heaven Web Design

Last edited by Brian Angel; 12-01-2011 at 02:51 PM. Reason: saeable should have been scaleable...damn you spell check
Brian Angel is offline   Reply With Quote
Old 12-01-2011, 01:58 PM   #9
Platinum Member
 
Join Date: Sep 2010
Posts: 509
Default

why have your background as a png? use jpg and it will save quite a lot
d a v e is offline   Reply With Quote
Old 12-01-2011, 03:43 PM   #10
New Member
 
Trevor's Avatar
 
Join Date: Nov 2011
Location: Rutherfordton, NC
Posts: 23
Default

Quote:
Originally Posted by d a v e View Post
why have your background as a png? use jpg and it will save quite a lot
Yes it did. Saved about 80k

thanks
__________________
Not Just Another Web Design Company
uniqueadvertisingsolutions.com
Trevor is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 10:16 AM.


Camera Forum - Computer Forum - Web Design Forum

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
Content Relevant URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.