Preview my page for the book

Hey, making some projects from my book? Got a question about something? Wanna share what you've done? Here's the place - go for it!

Moderator:Moderators

User avatar
benheck
Site Admin
Posts:1880
Joined:Wed Dec 31, 1969 6:00 pm
Location:Wisconsin - Land of Beer and Cheese and Beer
Contact:
Preview my page for the book

Post by benheck » Wed Feb 02, 2005 10:32 am

at www.benheck.com/book

There's not much there, but I have the layout/frames pretty much set. Maximize it on large screens to see ALL the details! And scope out my fakey transparent menu bars! (borrowed that trick from old Genesis games)

diggerdanh
Posts:112
Joined:Wed Apr 07, 2004 3:28 pm
Location:Cincinnati, OH
Contact:

Post by diggerdanh » Wed Feb 02, 2005 11:28 am

That's a neat looking site!

A few small User Interface design tips from a pro, if I may:

Use "center" align sparingly. I would change the "Hey I wrote a book..." intro paragraph to be left aligned. I would also make the items under the "Use the notepad links on the left..." section to be left-aligned. They will look a little more organized and be a little bit easier to read - it is kind of difficult to read lines of center aligned text of different lengths.

Also for the items in the list under the "Use the notepad links on the left...": make each one of those items in the list links, too - to point to the same place as its corresponding link in the left nav. If you want to keep that specific design for those items, you can play with the styles to keep them looking the same as they are now (no underlines, etc). However, I would make it so that at the least the links are underlined on mouse-over - this can be done with the stylesheet with the a:hover element.

After that I'd suggest rewording the "Use the notepad links on the left..." to something like "From here you can:". Actually on second thought, that sentence may not be needed at all.

Finally since the page is heavily decorated, it is hard to determine which elements (pictures) on the page are links and which are not. For example - is the exacto knife a link to something? The drop shadows you put in for the left nav items help some by making them look like they are sitting above the rest of the page. I suggest having a mouse-over version of each of the navigation elements (the left nav, the www.benheck.com button in the top right corner, etc) - maybe of a slightly different color (lighter) version or something. Just needs something where you can tell the difference between navigation elements and background art. For the future you can make some fun easter eggs by making some of the background art links to funny (or informative) pages - like the exacto knife, the tweezers, etc.

Please don't take me wrong, I'm not trying to come down on your design - it really is great. Do what you will with my advice - tell me to kiss off if you want, won't hurt my feelings. Other than those few small items that I mentioned - it looks really fun! Great job!

User avatar
HK-47
Moderator
Posts:3598
Joined:Thu Jul 15, 2004 2:17 pm
Location:/dev/moderator/
Contact:

Re: Preview my page for the book

Post by HK-47 » Wed Feb 02, 2005 11:41 am

benheckc wrote:at www.benheck.com/book

There's not much there, but I have the layout/frames pretty much set. Maximize it on large screens to see ALL the details! And scope out my fakey transparent menu bars! (borrowed that trick from old Genesis games)
Sweet! That looks awesome. Also you can add that firefox works to the techno-babble section at the bottom of the main page.
Edit: Lol, I just noticed the 6*7=42 thing. :lol:

User avatar
benheck
Site Admin
Posts:1880
Joined:Wed Dec 31, 1969 6:00 pm
Location:Wisconsin - Land of Beer and Cheese and Beer
Contact:

Post by benheck » Wed Feb 02, 2005 1:07 pm

Thanks for the input thus-far. Actually I wanted to Post-It to look messy and not aligned. (I had them aligned at first and it looked too "neat")

But I will check the tech issues....

User avatar
EmreNU
Posts:47
Joined:Wed May 26, 2004 7:18 pm
Location:Naperville, IL
Contact:

Post by EmreNU » Wed Feb 02, 2005 2:14 pm

Hey Ben,

Really nice looking site, I love the art. The only thing I noticed was that it was not easy for me to read the white-on-faux-translucent text on http://benheck.com/book/Overview_Menu.htm . It wasn't as easy as I would like to glance over the list and quickly know where to click. I guess this is a side-effect of faux-translucency :)

I agree the Genesis had that effect quite often, but the Neogeo tops the list, IMO (the SNES actually had true translucency! woohoo)

User avatar
HK-47
Moderator
Posts:3598
Joined:Thu Jul 15, 2004 2:17 pm
Location:/dev/moderator/
Contact:

Post by HK-47 » Wed Feb 02, 2005 2:21 pm

EmreNU wrote:Hey Ben,

Really nice looking site, I love the art. The only thing I noticed was that it was not easy for me to read the white-on-faux-translucent text on http://benheck.com/book/Overview_Menu.htm . It wasn't as easy as I would like to glance over the list and quickly know where to click. I guess this is a side-effect of faux-translucency :)

I agree the Genesis had that effect quite often, but the Neogeo tops the list, IMO (the SNES actually had true translucency! woohoo)
Really? I have no problem reading the text... Maybe you should adjust the contrast or something on your monitor, or try a different web browser.

User avatar
G-force
Moderator
Posts:3609
Joined:Mon Apr 19, 2004 1:43 pm
Location:Sweet home Indiana
Contact:

Post by G-force » Wed Feb 02, 2005 3:57 pm

Nice! I like it :D It has a very different look to it and it really works.

User avatar
EmreNU
Posts:47
Joined:Wed May 26, 2004 7:18 pm
Location:Naperville, IL
Contact:

Post by EmreNU » Wed Feb 02, 2005 4:36 pm

HK-47 wrote:EmreNU wrote:
Hey Ben,

Really nice looking site, I love the art. The only thing I noticed was that it was not easy for me to read the white-on-faux-translucent text on http://benheck.com/book/Overview_Menu.htm . It wasn't as easy as I would like to glance over the list and quickly know where to click. I guess this is a side-effect of faux-translucency

I agree the Genesis had that effect quite often, but the Neogeo tops the list, IMO (the SNES actually had true translucency! woohoo)

Really? I have no problem reading the text... Maybe you should adjust the contrast or something on your monitor, or try a different web browser.
You're right -- I was on my school's Dell computers with LCD monitors. The links look better with my monitor at home. It's all A-ok!

JackFrost22
Sir Posts-alot
Posts:4186
Joined:Fri Jun 04, 2004 4:10 pm

Post by JackFrost22 » Wed Feb 02, 2005 5:08 pm

I like the post its

User avatar
A.J. Franzman
Posts:216
Joined:Mon Jan 17, 2005 11:38 pm
Location:La-La Land
Contact:

Re: Preview my page for the book

Post by A.J. Franzman » Wed Feb 02, 2005 7:31 pm

HK-47 wrote:Lol, I just noticed the 6*7=42 thing. :lol:
Shouldn't that be 6*9=42? :mrgreen:
Mum! Dad! Don't touch it! It's EEE-VIL!

WTD: Donated dead Atari 2600 consoles, mobos, or their ICs.
2600 NTSC cartridges and manuals.
Click for TRADE/SELL and WANTED lists.

User avatar
gannon
Moderator
Posts:6974
Joined:Sun Apr 04, 2004 4:48 pm
Location:Near that one big lake
Contact:

Post by gannon » Wed Feb 02, 2005 8:01 pm

:roll:
yep. 54=42 :P

User avatar
HK-47
Moderator
Posts:3598
Joined:Thu Jul 15, 2004 2:17 pm
Location:/dev/moderator/
Contact:

Post by HK-47 » Wed Feb 02, 2005 8:46 pm

gannon wrote::roll:
yep. 54=42 :P
It could happen... :wink:

User avatar
SpongeBuell
Senior Member
Posts:5190
Joined:Wed Apr 07, 2004 10:52 am
Location:Colorado
Contact:

Post by SpongeBuell » Wed Feb 02, 2005 8:47 pm

yep, after all, 2 + 2 = 5, for extremely large values of 2 :P
Life of Brian wrote:
RYW wrote:RYW:

Rare
Yellow
Weasel
I'll be honest with you - I would have never guessed that.

User avatar
HK-47
Moderator
Posts:3598
Joined:Thu Jul 15, 2004 2:17 pm
Location:/dev/moderator/
Contact:

Post by HK-47 » Wed Feb 02, 2005 8:54 pm

Well maybe if people would RTFM they would know better...

User avatar
gannon
Moderator
Posts:6974
Joined:Sun Apr 04, 2004 4:48 pm
Location:Near that one big lake
Contact:

Post by gannon » Thu Feb 03, 2005 6:46 pm

A few typos on the support files page. You have a cnc-nes labelled as a hand built one, and a cnc-atari labelled as a cnc-nes :)

Post Reply