Dismiss Notice
Join Physics Forums Today!
The friendliest, high quality science and math community on the planet! Everyone who loves science is here!

Judge this website made by me

  1. Mar 22, 2006 #1
    I've made a website for teh doors to diplomacy competition. Its on spreading awareness on diseases.

    URL: http://www.lifeonthedge.com/" [Broken]

    there is a 1.4 MB intro.

    Please judge it and point out any places needing improvement.
    Last edited by a moderator: May 2, 2017
  2. jcsd
  3. Mar 22, 2006 #2


    User Avatar
    Gold Member

    Top three things you need to change right off the bat:
    1] Lose the Flash intro.
    2] Lose the Flash intro.
    3] Lose the Flash intro.

    I know you're really in love with it and everything, but honestly, Flash intros do nothing for users except annoy them, and in your case, actively drive them away (since it took so long to load, I still have not seen it.)

    I'll look around the rest of the site When I have a little more time.
    Oh: some of your links our broken. 'Mission', 'Links'.
  4. Mar 22, 2006 #3


    User Avatar
    Staff Emeritus

    1) I don't like flash intros in general (Just a personal preference).
    2) You need higher resolution images on your site. They are all pixelated.
    3) A bunch of broken links (e.g. mission, links)
    4) When the menu pops out in the sidebar and you move you mouse to the second menu the first menu should still be hightlighted. This just makes it easier for the user to know what menu they came from.
    5) Try centering the page. (Again this is a personal preference. I like to either have the page stretch with the page width or just center it.)
  5. Mar 22, 2006 #4


    User Avatar

    Staff: Mentor

    I tend to agree with Dave, though I didn't watch the intro due to not having Flash 8 (which should also tell you something....).

    First impressions of the main page:

    -I'm not a big fan of the font in the menus on the left (the font on the top menus is better).
    -The banner at the bottom is messed up. Looks like it was drawn at a resolution that didn't scale properly. When I do things like that, I design them at a very high resolution, then resize it to the exact size I will need it, making sure to use anti-aliasing, then convert it to a .gif.
  6. Mar 22, 2006 #5
    Thank you for the comments.

    All the winning sites uptil now have had flash intros. The websites will be graded on 34 questions, first by other website teams and then by judges. The loading time comprises of just 1 question out of the 34.

    Yeah, I know. A bit of the content has to be added which I'll be adding tomorrow.
    Last edited: Mar 22, 2006
  7. Mar 22, 2006 #6
    Thank you for the comments.

    I presume you are mainly referring to the top and the bottom banners.

    Top Banner - It's really tough to find a better image. I found one like this but it was copyrighted. Is it looking really bad?

    Bottom Banner - It's one by the Doors to Diplomacy people themselves so I can't do anything about it.

    I will try it. But wouldn't that make the menu highlighted forever (as long as you are on the page)

    Is there a code for it that automatically centers for every resolution?
    Last edited: Mar 22, 2006
  8. Mar 22, 2006 #7
    Thank you for the comments.

    I'll try changing it. Do you think that the font of the text in the center is good?

    It was provided by the Doors to Diplomacy people. I can't edit it.
  9. Mar 22, 2006 #8


    User Avatar

    Staff: Mentor

    Are you showing it in the same dimensions as the image was provided in? If not, IE resizes it and makes it look terrible.

    Edit - yeah, that's what it is. The image is 468 pixels wide and you are displaying it at 640. The resize is making it look terrible.
    Last edited: Mar 22, 2006
  10. Mar 22, 2006 #9
    Ya, I have increased the size to fit the bottom bar completely. But I'll edit after checking on some other computers.

    Btw, does the background image on the top look fine or does that look terrible too? I have had to resize and distort that too.
  11. Mar 22, 2006 #10


    User Avatar

    Staff: Mentor

    The top image isn't bad, but has some .jpg artifacts visible around the statue of liberty. Try upping the quality you save it at if you can.
  12. Mar 22, 2006 #11


    User Avatar
    Gold Member

    Well, you could start by displaying it at 1:1 pixels. You're showing a 468x65 image at 626x111. Not only are you scaling it, you're also distorting it.

    Yes. Place your entire content table inside a div tag:
    <div align="center">

    That is a HUGE header. Depending on the user's screen rez, it eats up anywhere from 25 to 50% of the usable content area. For such a huge area, it adds very little value: 2 images, a title and a subtitle.

    Solution: Halve (or more) the height of the banner.

    I don't yet know what the site is about. The landing page 'The Crisis' expounds at length - too long to read for me to wait to know why I'm at this website at all.
    Solution: Place a tagline in your header - it sums your site in a very discrete nutshell: "promoting awareness of the threat of disease" or some such. Six words tops.
    Last edited: Mar 22, 2006
  13. Mar 23, 2006 #12
    Your site is cool.
    everything is perfect & proportional except the wanderer pic!
    I think that it should be a bigger atleast the length of the side links( with proportional breadth).
    Also increase the font of top linksa bit so that its more readable!
  14. Mar 24, 2006 #13


    User Avatar
    Science Advisor

    I also don't like flash intros very much, they're fun to develop but generally users don't really like them. One exception to that is when the presentation is embeded with the actual website instead of in a separate page by itself. In this case it's easy to load an image if the user doesn't have the flash player. I'm also working on my new website and that's the approach i'm taking. I'm trying to follow a similar idea as was taken by the people at http://www.autodesk.com and http://www.novell.com, of course i'm nowhere as good, with animation that is, i'm a master of flash programming :smile: .

    I also think in your animation the scrolling of the images, could/should be smoother. You can accomplish this by increasing the frame rate and, if the scrolling is script-based, decrease the amount of scrolling.
    Last edited by a moderator: Apr 22, 2017
  15. Mar 24, 2006 #14


    User Avatar
    Gold Member

    As a Usability Specialist, I can tell you that you've hit the nail on the head. Flash is best used as a visual adjunct to other content by embedding it within the page - or for games.

    Now that we understand Sid's agenda (to win the contest), we can see where our recommendations do not necessarily apply.

    OTOH Sid, though you say load-time is only one question, it would not surprise me if they made mention of it above and beyond that. They might even skip watching it - as I did.
Share this great discussion with others via Reddit, Google+, Twitter, or Facebook