Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

Geek Culture / Help me test my website layout

Author
Message
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 7th Jun 2013 14:43
Link
Hello guys, as a final project in my webdesign course at school, I have been working on a website for a canvas engine that I made a while ago. Most of the site is done, apart from the documentation and some of the feature demos. I also have some random text in the news section because I don't realy have anything exiting to put in there.

Anyway, here is the site http://berzanlabb.se/te11e/fraska224/slut/index.html

Please tell me what you think about it and if there is anything that I should improve.
Back to top
Profile PM Email
TheComet
17
Years of Service
User Offline
Joined: 18th Oct 2007
Location: I`m under ur bridge eating ur goatz.
Posted: 7th Jun 2013 14:59
Link
It looks pretty clean.

You have everything on one page (home, gallery, features etc.), which isn't a bad thing, but I feel they're not separated enough. I see you did put line breaks between each section, but I feel there should be a more emphasized way of telling the user when he/she is scrolling into a new section. Maybe make the title text larger, or use a different colour of each section, or make the line break larger somehow?

In the gallery, I expected my mouse cursor to turn into a hand when I hover over the "next" and "previous" buttons, but it didn't.

I would have put the "News" section at the very beginning, followed by "Gallery", then "Features", then "Download".

On my laptop, the website feels too big. The gallery doesn't fully fit on my screen (top and bottom), and everything else just feels too much "in my face". Zooming out to 67% feels about right. I would make everything smaller, but spread it out wider so you're using as much screen space as possible. This was on a 1366x768 display.

The colour scheme is clean and simple. Orientation is clean and simple.

I like the bright layout more than the dark layout.

TheComet


Yesterday is History, Tomorrow is a Mystery, but Today is a Gift. That is why it is called "present".
Back to top
Profile PM Email Website
mr Handy
17
Years of Service
User Offline
Joined: 7th Sep 2007
Location: out of TGC
Posted: 7th Jun 2013 15:57 Edited at: 7th Jun 2013 16:00
Link
http://berzanlabb.se/te11e/fraska224/slut/index.html



---

Bright layout is a lot more better, OSCE on top is too big and too much empty space around it. Okay homepage.

«Just because you’re unique, doesn’t mean you’re useful»
«If you contributed to the reason for locking, you may now find yourself on moderation, or in extreme cases in the grave»
Back to top
Profile PM
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 7th Jun 2013 17:23
Link
Thanks for the suggestions. I agree with the OSCE logo being to big. I changed it and it looks a bit better IMO. I don't know what i'll do about the gallery being to big.

Quote: "In the gallery, I expected my mouse cursor to turn into a hand when I hover over the "next" and "previous" buttons, but it didn't."


That should be easy to fix.

Quote: "I like the bright layout more than the dark layout."


I have heard the oposite aswell, which is why I chose to make 2 layouts.

Quote: "http://berzanlabb.se/te11e/fraska224/slut/index.html"

Weeel yeaa
Back to top
Profile PM Email
Pincho Paxton
22
Years of Service
User Offline
Joined: 8th Dec 2002
Location:
Posted: 7th Jun 2013 17:51
Link
The fonts a too jagged like bitmap fonts. Find a smoother font.

Back to top
Profile PM Email Website
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 7th Jun 2013 18:01
Link
Hmm, I suck at choosing a good font... Any suggestions?
Back to top
Profile PM Email
Libervurto
18
Years of Service
User Offline
Joined: 30th Jun 2006
Location: On Toast
Posted: 7th Jun 2013 18:29 Edited at: 7th Jun 2013 18:31
Link
Since your logo is just "OSCE" I thought I'd whip up a quick place-holder logo using some free fonts.



The difficulty in learning is not acquiring new knowledge but relinquishing the old.

Attachments

Login to view attachments
Back to top
Profile PM Email
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 7th Jun 2013 18:51
Link
Hmm, open canvas is proably a better name than OSCE... I will probably make a better logo though
Back to top
Profile PM Email
Libervurto
18
Years of Service
User Offline
Joined: 30th Jun 2006
Location: On Toast
Posted: 7th Jun 2013 18:57 Edited at: 7th Jun 2013 18:58
Link
How it might look with that style -->
Err... yeah I added an extra gallery, what of it?

The difficulty in learning is not acquiring new knowledge but relinquishing the old.

Attachments

Login to view attachments
Back to top
Profile PM Email
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 7th Jun 2013 21:00
Link
Looks pretty cool... I don't realy like the font though. The one I got has the clean feeling that I have gone for with this layout. And like I said, I have no feeling of what font works for what so I went with a pretty bland one. I apreciate the time you took to "redesign" my page thoguh
Back to top
Profile PM Email
TheComet
17
Years of Service
User Offline
Joined: 18th Oct 2007
Location: I`m under ur bridge eating ur goatz.
Posted: 7th Jun 2013 21:08
Link
The font doesn't look too good in that version Obese. What about something like this? http://www.dafont.com/decibel.font

TheComet


Yesterday is History, Tomorrow is a Mystery, but Today is a Gift. That is why it is called "present".
Back to top
Profile PM Email Website
Libervurto
18
Years of Service
User Offline
Joined: 30th Jun 2006
Location: On Toast
Posted: 7th Jun 2013 21:20 Edited at: 7th Jun 2013 21:20
Link
Those are just the first two fonts I picked. I noticed that the "Open" text being hollow is a quite nice metaphor, maybe that's something you want to keep in the finished logo? I also like how it looks when the page style matches the logo style. I don't think I like that decibel font, it looks like a scratchy stencil, not what I think of when I hear "canvas".

The difficulty in learning is not acquiring new knowledge but relinquishing the old.
Back to top
Profile PM Email
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 8th Jun 2013 06:16
Link
The blue buttons are just too blue. The contrast is just too much.

Clicking on the links causes it to flash briefly before scrolling. This only appears to happen to me on Chrome but not in waterfox(FF).

The sub-sections (features, news, etc...) I don't feel are clearly defined well enough. The break between sections just doesn't stand out. Can't say I'm a fan of the overall layout.


The bright layout I felt was easier to read.

Do something with the OSCE logo. It's just too bland and boring. (I can't offer advice on the logo, my own is just as boring right now!)


Mr handy, in swedish "slut" means "end".

Back to top
Profile PM Email Website
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 8th Jun 2013 12:12
Link
Quote: "The sub-sections (features, news, etc...) I don't feel are clearly defined well enough"


I will have to fix that.

Quote: "Clicking on the links causes it to flash briefly before scrolling. This only appears to happen to me on Chrome but not in waterfox(FF)."


Yep, chrome is missbehaving with that and I have no idea why...

Quote: "The bright layout I felt was easier to read."

That's why I made both, some people prefer the white, some the dark.

Quote: "Mr handy, in swedish "slut" means "end". "

Indeed
Back to top
Profile PM Email
mr Handy
17
Years of Service
User Offline
Joined: 7th Sep 2007
Location: out of TGC
Posted: 8th Jun 2013 12:37
Link
Quote: "Mr handy, in swedish "slut" means "end"."

But the site is in english so I'd recommend to rename the directory.

«Just because you’re unique, doesn’t mean you’re useful»
«If you contributed to the reason for locking, you may now find yourself on moderation, or in extreme cases in the grave»
Back to top
Profile PM
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 8th Jun 2013 13:36
Link
I will, right now that directory is just for testing on our school server. If I decide to take this further, I will probably get a domain like OpenCanvas.com or OSCE.com.
Back to top
Profile PM Email
mr Handy
17
Years of Service
User Offline
Joined: 7th Sep 2007
Location: out of TGC
Posted: 8th Jun 2013 14:05
Link
Imagine if "end" command in DBPro was swedish

«Just because you’re unique, doesn’t mean you’re useful»
«If you contributed to the reason for locking, you may now find yourself on moderation, or in extreme cases in the grave»
Back to top
Profile PM
Pincho Paxton
22
Years of Service
User Offline
Joined: 8th Dec 2002
Location:
Posted: 8th Jun 2013 14:55
Link
Quote: "Imagine if "end" command in DBPro was swedish "


If my program suddenly ends unexpectedly I shout at the computer in Swedish.

Back to top
Profile PM Email Website
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 8th Jun 2013 23:10 Edited at: 9th Jun 2013 00:20
Link
Quote: "If my program suddenly ends unexpectedly I shout at the computer in Swedish."


So do I

Also, I found a way to load separate CSS files with javascript, so I now have a smaller "mobile" verison of the site. Basically, I changed the width of the site to 640px and made the features section only have 2 columns. I also put the news articles below eachother. I also removed the read more buttons for now as they don't do anything.

Edit: Turns out the mobile browsers are pretty bad at reporting the size of the screen and it has got me curious. If you go to the site, an alert will appear saying window.innerWidth... Could you open the page on a mobile device and tell me those values aswell as what browser you are using. It's mostly an experiment since they seem to be behaving realy weird. I have seen 4 values of innerWidth on the same device so far.
Back to top
Profile PM Email
Dark Frager
15
Years of Service
User Offline
Joined: 16th Mar 2010
Location: The Void.
Posted: 9th Jun 2013 00:39
Link
Samsung Galaxy S3, Google Chrome:

window.innerWidth: 980
window.outerWidth: 360

Level 100 Forumer - 456,000 Health, 264,543 Keystroke Power.
Special Abilities: Flame Resistance, Troll Shield.
Back to top
Profile PM Email
The Zoq2
15
Years of Service
User Offline
Joined: 4th Nov 2009
Location: Linköping, Sweden
Posted: 9th Jun 2013 00:44
Link
Hmm, looks like that confirms what I thought, the outerWidth seems to return some kind of actual value while innerWidth returns some random value that the browser finds suiting.
Back to top
Profile PM Email
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 10th Jun 2013 12:01
Link
Quote: "I will probably get a domain like OpenCanvas.com or OSCE.com"


They're both taken.

Back to top
Profile PM Email Website
Back to top

Login to post a reply

Server time is: 2025-05-15 13:30:00
Your offset time is: 2025-05-15 13:30:00