Gettin Jiggy with Web Design

Web design is sort of like trying to steer a surfbike against the tide, while the riverside, melting, industrial chocolate sculptures make for the slowest syruppy pedalling, your thighs have had for a long time. As recently presented at Electrofringe, Adam Bramwells site ( octapod.org/adam ), has some great guides for those wanting to wade through interface design and information architecture issues. He speaks now.

What webdesignery surprises emerged in your electrofringe workshop?
I was surprised there were no on-stage fistfights between flash designers and the standards-obsessed HTML-only code jockeys. I did my best Ricky Lake shitstirring beforehand but in the end nobody jumped forward with anything contentious enough to spark it off.

Html VS. Web design software : who wins 4u and why?
Anyone who’s jumped into blogging software has enjoyed the ride from needing to know code to create web pages, to just needing to have something to say. It’s the single biggest development in websites in the last few years, allowing everyone easy maintenance of sites. On the design side, for people who can get their heads around Cascading Style Sheets (CSS) either thru hand-coding or through software like TopStyle, enjoy a high level of visual control of their websites. CSS is fantastically accessible and scalable, and is part of web standards so is only going to be more integral in web design in the future.

Near a decade into it, what are some of the biggest challenges with web design?
Maintainability is critical in developing any web project, one way to achieve this is the separation of presentation from content, through some form of templating. This prepares the work for repurposing to other mediums, including to handhelds, WAP phones, and literally anything digital.

People who make the transition from print or other mediums are used to having pixel-precise control over their layouts, and they sometimes find it a frustrating medium to design in. You don’t know what browser, what screen resolution or how many colours your site is going to be viewed in. So the approach that needs to be taken is rules-based, setting limits and allowing your designs to be fluid and gracefully degrade for lower-end users.

Some of your favourite advances in web design?
I’m still waiting for it, but the widespread adoption of web standards will really be something when browsers act predictably in rendering designs.

New web design features you’d love to see?
Preloading of elements to prevent the wait! And links that provide some indication of where you’re going. The Semantic web promises to provide the infrastructure for this to happen, embedding some meaning and context with the content. It’s an exciting development.

Good and bad things about using Flash within webpages?
The emotion flash invokes through the use of motion graphics is particularly compelling but unfortunately it’s often an all-or-nothing affair. I like seeing flash used with restraint, for highlights and interactive elements such as navigation and promos. Certain interfaces just wouldn’t be possible without the scalability vector graphics afford. For example the visual representations of the relationships between search results using Teoma can really add insight to the content presented. ‘We Work for Them’ is another great example of database content rendered in a visual way through Flash.
On the downside, some basic aspects of HTML browsing such as being able to bookmark individual pages, select text, printing, searching etc. all have to be added in by the flash designer, rather than already being established from the start. Often these elements get left out of the design and this can really hinder functionality.

Beginner’s advice 4 webpage design?
Design for the sake of itself is self-flagellating, don’t waste your time surfing through other designers portfolios. Instead grab your sketchpad, open up a blank canvas and work out a design from the content you have. And to gain experience I thoroughly recommend volunteering your skills for a cause or organisation you believe in, the doors will open up for you.

URLS of the designer apocalypse?
Well there’s already been one designers apocalypse – the dot com bomb of the late 90’s, so people who are still working the medium are doing so because they’re passionate about it’s possibilities, and accept the challenge of working within it’s limits. There was unbelievable amounts of money thrown at web development in the past but it’s settled down now and the element of realism is more prevalent. For inspiration, HalfProject.com is a local fave for its arresting interface, crisp illustrations and in its latest redesign adds some great flash accentuations. For the thinking designer wanting to maintain a broad outlook, you just can’t go past the grandaddy Zeldman.com.

Archives by Category:

Tag Cloud

#nocleanfeed #openinternet *DUDES* 3d 3d composition 3d graffiti 3Dworld 4 layers of 9 7u? 8bit 242 pilots 2004 round-up 2012 2013 abc ABC australia ableton ableton live abu ghraib ac3p acmi act of killing adam bramwell adam curtis adam simmons addictive tv aerial photography after effects airtight garage alejandro jodorowsky alice springs alien Ali G all of the above all the weird things you can do with midi and osc all watched over by machines almost the 21st century now american psycho amon tobin Anarchist Minority Report animata animated gif apocalypse animation animation legend anish kapoor annual annual round up thingy another part of the 21st century arrives antarctica anthony pateras anti-gravity boots apes aphex twin apocalypse apocalypso architecture archives arkaos armin mewes around the world art art collective art house smith grinds artist talk art spiegelman astral travellers astronauts audego audio-afro-visual? audiofinder audiomulch audiovisualizers.com audiovisual mixer aussie vjs austero australia australian natural history museum australian siesta australian tv australian vjs auto-tuned winona automonous robots auvi avmo2 back to the future back when i was a kid baking cakes with rocket scientists bamboo FTW bangkok banjo barack obama basement mutterings batgirl batman batwoman bbc bees belgium ben ducroz bennett miller benton c. bainbridge berlin berlin coders bicycle bicycles big distributed brother big one tonne metal devices for carrying around humans Bill Etra biohazard suits for touring with DJs biomimicry biotechnology freakdom blade runner Blender blinkenlights blogs bloody fist bogey hole boinga bob boing boing boinxtv bonsai kittens bots brian eno brian kane bridge brisbane browsers bruce haack bruce sterling brunswick buckminister fuller Bulgaria bushfire c64 canine aesthetics canon 5d canon 7d canon7d cappadocia Captain Frodo carbon casionova Cassette-girl Cassette Blog cats censorship chancha via circuito character design charles burns chess chester brown chihuahua chihuahua projectionism chimps china mieville chopper beer chopper zoom chris cunningham chris marker chris morris christchurch christo chunk 666 chupacabra cinema as book cinematic orchestra cinematography clams Cleverhorse climate change climate change cinema cloning cloudy cobralingus cockatoo island codec comparison code gardening coge cold cut collaboration collaborative collaborative films collaborative video colony collapse disorder comics lifestyle compositing compression concert visuals concertvisuals congotardis congo tardis copyright coral art cory mcabee cosmickey mouse phones counter-strike cradle to cradle craftwife crazy-dane-with-sniper-rifle crazy swedes creative commons cremaster cycle crowdsourcing crowdsourcing pain relief crunching the VJ numbers cumbia cumbia cosmonauts Cunningham curb your enthusiasm curse ov dialect cycling dalai lama groupies dali dance dancehall dancing with machines dane chisolm dan mackinlay dark knightie DARK MOFO darth vader lunchboxes darwin daschund un data-visualisation data terra dataton dave eggers dave noyze david attenborough david b david bowie david burgess david lublin david lynch death death of cool defektro delicious demux dental tourism descore destroying evil californian style deviant ink dfuse dfuse *spark vvvv dfuser die antwoord digital archaeology digital fringe digital mixer dinosaurs dinosaur skeletons disappointing headliners disco space travel disinfo distribution DIY PES dj krush dj lewis cancut djshadow cutchemist dj spooky dna documentary documentary freaks don't be late to class don't believe the hype don de lillo donkey john donkey kong dorkbots dorks dough douglas adams drawing drone drones drought drseuss dslr dual plover dual projection dubai dubtable dune dvd ripping dvi mixer DVI mixing dvj-uggling dynamic french duos DY Yoda dziga dziga earthquakes east timor oil EBN eccentric german visionaries electricity electrofringe electronica elefanttraks elefant traks El mariachi Emergency broadcast network emile zile emmanuel lewis energy eness entourage entropy and the inevitable heat death of the universe errol morris everything exhibition exiledsurfer expanded cinema extensions extinct digital media festivals extinction extraboy eyes in the skies facebook fake meat chefs falk falling skies FAUX MO fauxmo feeds rss Felix Turner Fellini to fakie Fernando Llanos filastine filipino batwoman film festival finger phones fire firefox 3 flash flippin birds food food poisoning forest fourplay four wheels good francis bear francophile cinephiles and circuit benders frankie goes to hollywood friendfeed frikstailers future farmers future music festival gadgets gadget whoring gaffa FTW gameboy gandhi gandini gangpol und mit gardening gary coleman generative art generous rad folk genethics genetic engineered mutants genetic engineered tape worms genetic engineering genetics gentle giants german cannibal german cannibals ghent ghost pilots ghosts giger girltalk give us a break glidecam glitch glitch hop cinema global electricity grid globalisation for daft punks global warming GLSL golden era turkish cinema gondry kick flips gonzales gonzo google chrome goto10 goto80 Gotye graffiti graphic graphic design activism graphic novels graphics green collar green energy green font rain green screen gregory mackay grey goo grid grid pro Guadalajara guerrilla gardens guest post habitat for humanity hammock tutorials hard stat hats harmony korine hashtags haunted by polar bears hc gilke HD mixer heavy metal helicopter hermitude higgs boson hindenburg hiphop hip hop hiphop politics history hitchcock hitler wine hivemind nerdvana hoaxes Hobart hobart hiphop home brew honey I shrunk the camera hope hot air balloons hot chips how many DJs does it take to change a lightbulb in a van? hyperlinks illustration image surfing indian ocean Indonesia inflatable art ink stained coffee tables intelktshul prprty intellectual property interactive interfaces ipad iphone Ireland isadora isam israel istanbul istopmotion it's the 21st century now italian batman it almost feels like the 21st century sometimes ivana franke jackass james nichols Janelle is wonderland japan jaron lanier jarvis cocker jasch switzerland max/msp jazz Jazzhead records jean giraud jean poole jeff noon jim avignon jim woodring jitter john de kron john jacobs john safran john waters Jon McCormack jon pak joshua oppenheimer jpeg curators julian assange Julian Oliver jungle video jurassic lounge katie is rad Kevin Blechdom kiki ill kinect kineme kinetic sculpture kobe komeda kraftwerk reanimated as iphone app kunt kurt hentschlager kurt vonnegut ladies of the skipping league lalila lancelot link language language is a virus laptop busking larry david larry gonick laser-art laservidiyo latex new-age deviants lazyweb leather in the desert len lye Lev Manovich lewis cancut light matrix lightning bolt light rhythm visuals light surgeons lilydale Limerick lindsay cox linux linux video little superstar live live cinema liveness live video livid union lizard people look of silence los angeles LPM LPM Rome lucky people centre international lucy benson Lumen macedonia macgyver macro madmapper madmapper review mad max mad professor magnetic fields makezine mango and sticky rice with coconut milk mapping mapping festival 2009 marcus westbury mark Frauenfelder Mark Pesce martin scorcese mash-ups matcant matrox Matt Groening matthew barney max maxforlive max jitter maxmsp Max Neupert mc hawking mcsweeneys meatwave media activism mekarnarky melbourne melbourne digital fringe melbourne fringe festival melbourne ink melbourne international animation festival melbourne international film festival melbourne music week melbourne rooftop cinema melbourne underground film festival meneo meredith meredith festival meritocracy merri creek meta meta.am Metepec mexican batwoman mexican fangs mexican wrestlers mexico mexico city miaf Mick Jagger microcinema micropayments middleearth midi midi controllers midi wizards miff milkwood millumin miniskirts mix emergency mixmasters mobile phones mobile projection mobile projections mobile projection unit modul8 moduls moebius mofo mogulus momentary lapses of nostalgia momo momothemonster MONA monafoma mona horse bazaar monkey marc monkeys monolake monsanto monterrey Moog moolah moonbeams moses iten motion dive motion graphics mp3 mixer mpeg compression music music video musicvideo mutants my bloody valentine nam june paik nanna naps native instruments nato neoangin neotropic nerds on trams nerdvana netcast net filtering netlag net neutrality newcastle newcastle beach new york nextwave festival melbourne ninjam ninja tune ninjatune Noam Chomsky noodles foundation norwegian wood not-actual-flesh not quite art numark oaxaca obama octapod.org/jeanpoole off the shelf magic oils ain't oils old man krumping online jamming online weirdoes opera house osaka ramones osc os x outdoor projections overdubs overlords oz hiphop in the middle east ozi batla pixels p2p palestine panda pandemics panorama panoramic video paper rad paper wings paris hilton hackers Pascal Lesport patricia piccini patrick farley patrick king pattern machine paula duro pauser paypal peak oil people like us people that you meet in festival carparks late at night permaculture perry bible fellowship persepolis perth peter blegvad peter kuper peter newman phantom philip brophy philip k.dick phil torrone phones photography as cinema photoshop photoshop will save us physics piano pictoplasma pilgrim ping.fm Pink Floyd pirate bay Pixel Pirates pixies plaid planet-steering platinum grills playmodes pleix plugnplay podcast podcasting podcasts poland political party machines polymeme pool.org.au porn rangers pre-you-tube-years premiere print on demand processing projection projection mapping projector clamps FTW pure data qbert QLAB quadrophonic quartz quartzcomposer Quartz composer race relations radness rail trail ramin bahrani rap news rat kings rawbone reaktor rebecca cannon recording underwater red rattler reggaeton remix remixadelic remix xbox renewable brookyln renewable energy renewable energy mutants resfest resolume resolume arena resolume avenue resrocket retro nightmares richard d james richard metzger RIP RMIT robert crumb robert henke robin fox robots roger ebert Rome rooftop rooftop gardens rooftops ross bencina Rosto Royal Botanic Gardens rss Rubberman runwrake rural victoria Rutt/Etra rutt etra ryoji ikeda saddam sand sadie plant salami sampology sarah harvie sarah palin's separatist aussie eyeball friends satire sausage dog scattermish scattermusic schwarzenegger sci-fi sci-fi cutlass wielding nerds science science fiction science fiction audio software scifi scott mccloud scratch live scratch video screencasts screensharing sculpture second life secret chimp seekae segway self-replicating robot overlords semiconductor sequencer sequential art in your browser serato service station food shakinda share outpost shonen knife shrapnel sibegg silent army sk8 skateboard skateboarding skateboarding apocalypse tv culture skate wonka factory slayer slender whiteman sloths slow-motion snapper soccer social bookmarks Soda Jerk soderberg software tribalism solar busker solar circuit solar energy solar power solar powered monkey solar sails solu sonic maps sonny ray soon-it-will-be-happening sound foley sound summit space is the place spam spanky spark spermicide spike jonze spimes squirting stabilisation steadicam stephen hawking stephen wilson stingray sam stop motion stormtrooper contraception storyboard composer streamclip streaming subterranean broken hearted 3D documentary mash-ups suckafish suckafish p jonez Sudan sun ra sun ra arkestra supercollider surfing surveillance sweden swiss conspiracy Switzerland swordfighting sydney sydney biennale sydney harbour sydney opera house sylvester stallone synaesthesia synesthete syphon system corrupt tablet tamas nagy tasmania tasmanian forests tasmanian tiger technology is quirky technomad travel bicycle technoscape tekkon kinkreet thailand theatre the big shiny sun thing that provides all energy the bird the books thegeneralassembly The Happy Sideshow Circus the power of nightmares the zoetroepe record deck massive this is not art tijuana tim burton in a blender time lapse timelords time shield tim flannery tiny pulsing universes tiquana tobyharris toby spark tobyspark tofu tokyo tom O'hern tom waits toy death traktor transport trash video treesitting triplehead2go triple screen tron troyinnocent tsunami tumblr gif peeps tuna turkey Turkish batgirl turkish batman turkish batwoman turntablism tutorial tv broadcaster in my backpack tvone tvpaint twitter two steps forward two turntables and an encryption key TZU ubin ukrainian condoms uncanny valley girls underbelly underbelly arts under the dome underwater underwater art united nations urban food UVA vade Valentino Achek Deng vdmx vdmxx vector apocalypse noir vegetarian cannibals velcro cabin fever velvet strike victor holder video video economics video mixer video phones video puppetry video sampler video sampling video subvertigo video synthesis video trapeze installations vidvox vimeo viral video viridian visual composition visual jockey visual music vivid vivid festival vj vj entter VJ Googling vj honeygun labs vjing vj solu volvo station wagons vulgargrad vuvuzela vvvv wacom wade marynowsky warburton war games warp water water crisis wave twisters web comics webster webvideo we don't want coins - we wants changes weird coincidences weirdcore werner herzog Wevie Stonder what will our grandkids play with? whee where the wild things are Whitney Houston wide open spaces wii wikileaks wildform flix will saunders windup girl wings of desire wiyumi workshop worldcup worldcup3dfreaks wormheads wowie zowie wrapped in plastic writing xbox linux xml yoda bats yo gabba gabba youtube zeal zzk