21 Ways To Make Your Flash Site Suck
Just found this article and thought I'd pass it along. Funny stuff, yet true!
From this web article
**21 ways to make your Flash based site suck**
I’m not a fan of ‘Flash based’ sites and the main reason for that is barely no-one does them properly. So here’s a list of 21 ways to make your Flash based site suck, so that the next time you build a Flash based site you can really hit that nail on the head.
1. A useless splash page is a requirement
If you’ve got a Flash based website and it doesn’t have a next to pointless splash page that tells us nothing it just isn’t a Flash based website to start with. Try adding an “abstract” render with lots of bend modifiers and bright stars… and set it in space… lots and lots of space.
2. The “none Flash” version of your site must contain Flash
“None Flash” is an industry standard term for “use as much Flash as you can” or “a very sucky replica that doesn’t work in any browser”. You don’t want to be doing things that aren’t industry standard do you?
3. Make your site pop-up in a fixed size window using JavaScript
This is a requirement of any sucky Flash based website and if you want to make it that little bit worse please add scroll bars.
4. Always have an animation to “introduce” us to your site
There’s nothing more effective than a poorly animated, or better yet, extremely long “introduction” to a Flash based website to turn a user on. Not only do we enjoy watching it every time we come to the site, but we love it when the skip button doesn’t work.
5. Pre-load everything at once
To make the 5-10mb pre-loading worse, please add a flashing piece of text that spells out LOADING in the middle of your template. By the way, we don’t want to know how much is being loaded, how much has been loaded OR even see a loading bar… those are just ‘flashy’ and not informative to us users at all… right?
6. If not, don’t pre-load anything
As users we don’t like pre-loaders as they ’slow us down’. Try creating a huge file size and not having a pre-loader, it makes us feel all tingly inside when we guess when the site will load.
7. Make sure that after 10 minutes of waiting, at least one more thing needs to be loaded
Make it the first thing we click on too. Make us really want it!
8. Always use a template
“Isn’t that a template?” - why yes it is. “Isn’t that used on this site, that site and that other one?” - why yes it is!
9. “Techno techno techno techno!” - make sure every piece of graphic on the site is overdone
Lines! We love lines! Why isn’t there more lines? Seriously, give us more lines or I’ll send someone round with a copy of ‘Lord of the Rings: The Fellowship of the Ring’ and make you watch it 15 times in a row with no toilet breaks.
10. Make sure nothing is compressed
We will wait 20 minutes to avoid that difference in quality only a 800% zoom would show us.
11. I shall not anti-alias my text
Readable text isn’t something users want, just ask all those people without screens.
12. Use circles for buttons
Yes circles are practically pointless as buttons, but they sure are curvy.
13. Make sure everything has a roll-over
Please don’t deprive us of this wonderful entertainment. I can from the bottom of my heart say you would be bringing down the web on a whole by removing these. If your site has less than five roll-overs you just aren’t doing it right.
14. Scrap the one click standard and go for five
There’s nothing more I like than clicking, and when I click on a button but have to click five times to make it work – that really makes my day.
15. If you have forms, make sure they are the default 500kb components
Think of default components as the oompa loompa’s in “Willy Wonka and the Chocolate Factory”. You don’t want them to go without a job do you?
16. If animating, always use at least fifteen flashes
KA POW! KA BLAM! It’s just like being in a Batman movie… and we all want to be in a Batman movie.
17. Use as many transitions as you can between content
Every time I see the text float in from the right or the left it makes me want to use Microsoft PowerPoint. And no-one should think of using Microsoft PowerPoint.
18. When tracing bitmaps, always leave the original source files to increase size
Small file size? That’s just for amateurs.
19. Make sure any music tracks aren’t compressed
It adds to that loading time, which gives us time to exercise our eyelids.
20. Music should always start over again when we switch page
“Check, check, check it out”. That pause was intentional and adds to the song – yours just ruins the site and your user’s opinion of the music being played.
21. And finally… make sure there’s very little point to you building your site in Flash
Make it look just like a normal site. Really surprise that user with the 15 minute techno remix of MC Hammer’s “Can’t touch this” when they first click a link. Even better, wait for them to let their guard down and show that video of you dancing to the latest Britney Spears CD in your underwear.
Make Poverty History Banner On Flash Site
Hi folks,
I recently tried to insert the 'Make Poverty History' banner that you may have seen on some websites onto my own. The banner displays in the top right hand corner of your website when you add the html code to your site.
I run a flash website, so when I add the code to my html, the banner gets hidden behind all of the flash content. I was therefore wondering if some kind soul out there could shed a bit of light on how to get the banner infront of the flash stuff if at all possible.
I have included my html source below. The website states that the banner code (also displayed below) should be included after the 'body' tag. When I do this, the banner becomes hidden behind all the flash content.
I hope all this is making sense to at least someone out there as I am desperate to display the link for such as worthwhile cause.
My HTML code . . .
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html40/loose.dtd">
<html><head>
<title>KEEP-mwpres_webindex</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="">
<meta name="generator" content="SWiSHmax http://www.swishzone.com">
<meta name="description" content="KEEP-mwpres_webindex">
<meta name="keywords" content="18, 2004, 2005, about, above, advertised, all, although, animated, animation, animations, any, around, artist, as, asked, at, august, banners, bbc, below, bmp, both, bristol, butons, button, buttons, by, can, cc, click, clicking, clients, co, comments, contact, create, decided, design, designed, designing, designs, domain, each, educational, either, england, event, february, feel, file, files, filmed, final, first, flash, for, free, full, further, gif, graphics, guestbook, head, honoured, hosting, html, in, information, installed, intros, is, january, jpg, june, kindly, laduk, larger, last, launch, leave, left, like, link, list, listed, local, logos, look, mail, michael, midlands, mw, mwpresentations, my, names, news, not, note, now, numerous, off, old, one, online, only, opening, order, over, own, page, place, please, portfolio, presentations, prices, programme, project, projects, provide, put, quiz, quote, ranging, recently, regional, repective, request, requested, scale, school, science, secondary, section, see, seen, selection, sent, september, sequence, sequences, sign, simple, since, site, small, static, student, supplied, swf, swfs, taking, thanks, that, this, three, title, titles, two, uk, uni, using, via, visiting, watercolour, website, websites, welcome, west, will, wood, work, workshop, www, year, years, your, £100, £120, £140, £15, £160, £20, £25, £35, £40, £60, £80">
<!-- text used in the movie -->
<!-- 18, 2004, 2005, about, above, advertised, all, although, animated, animation, -->
<!-- animations, any, around, artist, as, asked, at, august, banners, bbc, below, -->
<!-- bmp, both, bristol, butons, button, buttons, by, can, cc, click, clicking, -->
<!-- clients, co, comments, contact, create, decided, design, designed, designing, -->
<!-- designs, domain, each, educational, either, england, event, february, feel, -->
<!-- file, files, filmed, final, first, flash, for, free, full, further, gif, -->
<!-- graphics, guestbook, head, honoured, hosting, html, in, information, -->
<!-- installed, intros, is, january, jpg, june, kindly, laduk, larger, last, -->
<!-- launch, leave, left, like, link, list, listed, local, logos, look, mail, -->
<!-- michael, midlands, mw, mwpresentations, my, names, news, not, note, now, -->
<!-- numerous, off, old, one, online, only, opening, order, over, own, page, place, -->
<!-- please, portfolio, presentations, prices, programme, project, projects, -->
<!-- provide, put, quiz, quote, ranging, recently, regional, repective, request, -->
<!-- requested, scale, school, science, secondary, section, see, seen, selection, -->
<!-- sent, september, sequence, sequences, sign, simple, since, site, small, -->
<!-- static, student, supplied, swf, swfs, taking, thanks, that, this, three, -->
<!-- title, titles, two, uk, uni, using, via, visiting, watercolour, website, -->
<!-- websites, welcome, west, will, wood, work, workshop, www, year, years, your, -->
<!-- £100, £120, £140, £15, £160, £20, £25, £35, £40, £60, £80 -->
<!-- urls used in the movie -->
<!-- http://www.a-free-guestbook.com/guestbook.php?username=mwpres, -->
<!-- http://www.billjeynes.uni.cc, http://www.laduk.co.uk, -->
<!-- http://www.updatebristol.co.uk -->
<!-- Created by SWiSHmax - Flash Made Easy - www.swishzone.com -->
</head>
<body bgcolor="#CCCCCC">
<center>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,42,0"
id="KEEP_mwpres_webindex" width="100%" height="100%">
<param name="movie" value="KEEP-mwpres_webindex.swf">
<param name="bgcolor" value="#CCCCCC">
<param name="quality" value="best">
<param name="loop" value="false">
<param name="menu" value="false">
<param name="scale" value="exactfit">
<param name="allowscriptaccess" value="samedomain">
<embed type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="100%" height="100%"
name="KEEP_mwpres_webindex" src="KEEP-mwpres_webindex.swf"
bgcolor="#CCCCCC" quality="best"
loop="false" menu="false"
scale="exactfit"
swLiveConnect="true" allowScriptAccess="samedomain"
></embed>
</object>
</center>
</body>
</html>
The Banner Code . . .
Code:
<script type="text/javascript" src="http://www.makepovertyhistory.org/whiteband_small_right.js"> </script><noscript><a href="http://www.makepovertyhistory.org/"> http://www.makepovertyhistory.org</a></noscript>
Best Wishes,
Michael Wood
TRACKER
