The Seven Deadly Sins of Web Design. (visualidiot.com)

8 points by brackin 14y ago ↗ HN

http://visualidiot.com/articles/seven-sins

11 comments

[ 5.1 ms ] story [ 33.6 ms ] thread

danso 14y ago ↗

Direct link is here http://visualidiot.com/articles/seven-sins

brackin 14y ago ↗

Thanks, sorry link I posted was broken.

Angostura 14y ago ↗

The missing sin - mystery-meat navigation. It took me 30 seconds to figure out I had to mouse-over the numbers to get explanations.

[deleted] 14y ago ↗

(comment deleted)

Tmmrn 14y ago ↗

Sin number 8: Your super cool effects only work on some browsers.

Konqueror: http://ompldr.org/vZGZjeg/sin8.png

sukuriant 14y ago ↗

Konqueror isn't in the list of primary browsers. I'm sorry, but you can't build for everything. If you did, we'd all still be writing HTML 4.0.

Loque_k 14y ago ↗

What ever happened to progressive enhancement... /me weeps

yamalight 14y ago ↗

I have one more: check your website with JS disabled

pselbert 14y ago ↗

Attempted to read them in mobile, didn't see anything because I can't hover.

Loque_k 14y ago ↗

I appreciate the effort but that page, in itself, is a sin of webdesign... assuming everyone has an interface that supports hover, with mystery-meat.

I honestly had no idea what was going on until I came to the comments as I first viewed it on my iphone... came to the comments here for an explanation.

leephillips 14y ago ↗

#8 is covered in other comments: relying on hover;

#9: Annoying position-fixed advertisement that obscures part of your "article".

But your pedagogical technique is sound: illustrate bad web design by designing your website badly, so we can see what not to do.