Greg - Website redesign [entries|archive|friends|userinfo]
Greg

[ website | gregstoll.com ]
[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

Links
[Links:| * Homepage * Mobile apps (Windows Phone, Win8, Android, webOS) * Pictures * LJBackup * Same-sex marriage map * iTunesAnalysis * Where's lunch? ]

Website redesign [Mar. 1st, 2008|08:48 pm]
Previous Entry Share Next Entry
[Tags|, ]
[Current Mood |productiveproductive]
[Current Music |Goo balls]

After doing some more realish work today, I redesigned my website a bit. Here's the new version, and here's the old one for comparison.
Poll #1147373 Redesign(ish) of my website

Is this an improvement over the previous version?

Yes
8(80.0%)
No
0(0.0%)
...meh
2(20.0%)

What about the whole click-on-an-image-to-only-show-projects-that-use-that?

It's kinda neat
4(40.0%)
It's confusing and unnecessary
1(10.0%)
Ooh, shiny!
5(50.0%)

I realize no one will see this now since it's Saturday, but feedback is always welcome!
LinkReply

Comments:
[User Picture]From: omega697
2008-03-02 04:57 am (UTC)

(Link)

You should try the slide and blind effects and see if they are as cool or cooler. :oD
[User Picture]From: wonderjess
2008-03-02 05:18 pm (UTC)

(Link)

I like the way it looks when you click on the image -- the transition from all projects to only those projects looks really neat.
[User Picture]From: gregstoll
2008-03-03 03:22 am (UTC)

(Link)

Thanks! (I didn't write those effects myself...)
[User Picture]From: wildrice13
2008-03-03 01:10 am (UTC)

(Link)

Yes, yes, a thousand times yes! So much more readable! So much cleaner!

Tiny tweak: make the first row of the table (in which you have the language gems) only as tall as the images contained therein, and center them.
[User Picture]From: gregstoll
2008-03-03 03:23 am (UTC)

(Link)

I went ahead and got rid of the lines in the table (and centered the icons) - what do you think?
[User Picture]From: wildrice13
2008-03-03 05:23 am (UTC)

(Link)

Hmm... now it looks a little too disorganized. Maybe thinner borders, if that's possible? Or lines rather than "bars"?
[User Picture]From: gregstoll
2008-03-03 04:04 pm (UTC)

(Link)

Now there are only vertical dividers (and a little more space) - how's it look?
[User Picture]From: wildrice13
2008-03-03 07:04 pm (UTC)

(Link)

Very nice :)
[User Picture]From: destroyerj
2008-03-03 01:28 am (UTC)

(Link)

I voted for confusing and unnecessary, but I really only meant confusing. Since the 'images' really look like textboxes with colored backgrounds, and since they give no cursor feedback (i.e. the hand-that-means-a-link), I thought for a little while that some of the page hadn't loaded for me. The word icon might help some, and again some sort of mouseover feedback (whether the cursor or feedback on the icon itself). But it's pretty neat :).

Organization is good, and that's an improvement, but I think a table of contents to get to the various sections would be a much bigger win than just having the categories in the first place. Especially since the categories aren't all from the same realm of possibilities (one wouldn't by default assume that if a set of categories contains 'mathy' that it would also include 'world of warcraft'), it's a good thing to be able to see all the categories in one place without extra noise or scrolling.
[User Picture]From: gregstoll
2008-03-03 03:26 am (UTC)

(Link)

Good point - forgot you could make the cursor a hand, but it is now! (what exactly made you think the page hadn't loaded?)

Excellent idea re table of contents - went ahead and put one in. (as well as links back to the top...then had to make those links not disappear...) I went for the single line approach - whaddaya think?
[User Picture]From: destroyerj
2008-03-03 03:36 am (UTC)

(Link)

What made me think the page hadn't loaded was that the page says 'Click on an image...' and I didn't see anything that looked to me like an image - which is still the case, but now it's easier for me to think "oh, these colored textboxes must be the 'images', as I can click on them".

Table of contents good! It seems a little.. unbalanced? In that it's sorta narrow compared to everything around it. Maybe some sort of separation (space or line) between it and the actual categories would help that? Not sure. But that's pretty minor relaly :).
[User Picture]From: cifarelli
2008-03-03 03:42 am (UTC)

(Link)

Another nitpick: Consider adding a | or other break between each TOC link so that the viewer can more easily tell where one link ends and the next begins.
[User Picture]From: gregstoll
2008-03-03 04:13 am (UTC)

(Link)

I separated them by a bit more space now - is that enough?
[User Picture]From: cifarelli
2008-03-03 04:21 am (UTC)

(Link)

That works.

I think I'd personally prefer a visual divider other than just the highlighting, but that may just be my personal preference. It's definitely better with more spacing, though.
[User Picture]From: onefishclappin
2008-03-03 03:06 pm (UTC)

(Link)

You need a little rainbow box above the "show all" :)
[User Picture]From: gregstoll
2008-03-03 04:29 pm (UTC)

(Link)

Haha, I like it! Done :-)
[User Picture]From: onefishclappin
2008-03-03 05:41 pm (UTC)

(Link)

Hehehe - cute!