Skip to navigation
   
Simon Bisson & Mary Branscombe's Blog

Enter the interaction architect

By Simon Bisson & Mary Branscombe in Editorial

Posted in Applications, Developer, Adobe, Internet on December 1, 2008 at 5:55 pm

Permalink | Author Profile

Adobe’s MAX event here in Milan has seen the European unveiling of its upcoming Catalyst web application design tool. It’s here that it’s also begun to discuss how it sees web application development workflows changing to improve the often fractious relationship between designer and developer.

The launch of Flex (developed by ASP co-architect Mark Anders) changed the way the development world looked at Flash. A tool for producing animations and the butt of a million “Skip Intro” jokes had become a new way of producing complex state-based user interfaces. Flex made Flash as much a part of Web 2.0 as AJAX. Even so, there were still problems. It was easy to tell a Flex site, as the limited skinning capabilities made Flex controls look the same wherever you went on the web. You could design your own controls from scratch, but then they became as much part of the code as a site’s business logic - which was exactly the thing it was trying to prevent.

Designers and developers don’t think the same way. That’s not a bad thing - the creative tension between the two ways of working can deliver amazing applications with intuitive ways of working. However, it also means that they don’t work well while sitting in each other’s pockets, working on each little piece of a page. What’s best is that architectural utopia, the complete seperation of design and code. Developers can work on business logic without affecting the design, and designers can do the opposite…

That’s the idea behind Catalyst (perhaps still best known by its codename “Thermo”). Designers can start work in familiar Illustrator and Photoshop, and then import their layers into Catalyst. Here they can map out buttons and dynamic content, marking them up and adding state information to a design. The resulting prototype can be converted into a new FXG format, and imported straight into Flex. Developers can start work on the code straightaway, adding the logic behind the buttons and the dynamic content. Meanwhile the designer team can concentrate on fine tuning the interactions, producing a user interface that’s clean and easy to use. The two versions can eventually be merged, ready for testing and delivery. It’s a simple, clear workflow that brings designers and developers closer together, concentrating on their strengths and avoiding the pitfalls of their weaknesses.

Of course this means we’ll need a new kind of designer, one who’s focussed on the user experience and on how it should be delivered. We’ve already got application architects putting together the backend, and information architects managing metadata (as well as database architects handling storage). So why not call this role the interaction architect? It’s definitely a senior role that defines the direction of the UI component of an application -

12345
Not yet rated
Loading ... Loading ...

Previous Post | Next Post

 
 
Comments

Comment by Matt Nicholson - December 2, 2008 on 12:17 pm

So how does it differ from Microsoft’s Expression range? (Aside from the different target platform, that is :-)

Trackback by Bulah Paskett - February 9, 2012 on 7:21 am

sopapilla recipe…

[…]Swedish therapeutic massage was designed utilizing tactics used by the Swedish physiologist as […]…

Make a comment

* required

* required

We stop spam using reCaptcha.
Type the words below and click Submit Comment.

   
Tag cloud

nvision08 politics high performance computing system management pgp Internet Explorer Opsware data centre mms 2009 application compatibility O'Reilly Smartbook DSL adfs colossus MIX08 icons laptop Hp 2710p police ballmerbot sun server xT9 Xobni context BT green printing cracking insert SIM Loki Corsair hold music information aws geotagging winhec2008 DisplayLink downturn screen SapphireSteel competition CardSpace open source networks private cloud accelerator privacy ruggedized fingerprint Mozilla multiple monitors amazon terabytes lost server screencam Enterprise 2.0 macro android Wimbledon atom RSS search Delphi Mark Hurd encryption Quest logitech regulation desktop. PC social engineering macbook FUD Jeff Hawkins mash-up switch cloud Istanbul IDF system center codec no signal international roaming TouchSmart tele atlas demo09 citrix .NET server sprawl dual boot power saving mobile ofcom network Treo Pro wireless USB conference voice Adobe Safari information cards bug mobile data tariffs lockdown flex Internet Explorer 8 lawsuit analytics conferences it pro video IIW2008b office 2010 infrastructure network quiz congestion charge applications fibre innovation user experience Sony Wyse SP1 installer Tim Berners-Lee CTO disk space moscow ubuntu QWERTY connectivity Magny-Cours distributed computing DLP ports case telecoms mobile outlook 64-bit virtual desktop amherst maps legacy dvi education public cloud emulator Crossfader installation user interface pre-boot Protected View MRDA identitity AskEraser how do I get the back off? Tom Hogan Palm Pal WinHEC co-processor numbers Tablet Kiosk MING mobile working TechEd 2008 mysql credit crunch Motorola biometrics Google IO calit2 gabriola twitter Qualcomm HSDPA virtualisation navigation security theatre DOSBox cellcrypt national museum of computing ribbon project oracle T9 bugs i-mate moblin utilities UMPC acquisitions community SMB 2 SSD goview Silverlight AMD whitelist gaming p2v Opera power cuts TSA setup Skyfire semiotics firewall forensics identity theft Bing hacking gamer GPS routing pixetell appstore WWW netiquette collaboration Xen Windows Server 2008 anti-patterns Salesforce exabytes Location isp Mercury bolt teched cisco business continuity service oriented enterprise software people Trampoline RIM MIX Chrome Tombstone Objects patch Tuesday CPU Ask.com information rights management Windows Server mainframe backhaul web Tripit HTML 5 Linux web 2.0 expo magic media center city support offload Dopplr 2.0 hierarchical temporal memory streaming media HP secure legislation WEI uninstall Toshiba Portege R500 mobility greenplum deborah adler Google Netscape patent hyper-v OEM etech Seagate task bar RAZR october beta test Hugh Thompson MAX Moonlight html merger regulations ultraportable augmented reality designer ec2 target Nokia eu traffic ATI LHC bombe clean install data tariff Netscan Fire Eagle mapping Vista design spam 3G data loss prevention enterprise media business evernote GPL Trend Micro RSA 2008 disaster recovery Microsoft web2expo IBM d2c geek tourism CIO iPass accessories annotation demo Google Spreadsheets relocation data Lenovo WPF Vodafone data loss power 2009 tennis Large Hadron Collider netbook market share Firefox storage business technology optimisation meaning Dell Bill Cheswick LiveID Barracuda BlackBerry docking station microsoft security essentials exchange EMC Asus mscape Intel business model Frauenhofer rich client processors Active Directory futura rtm cables voice recognition CUDA Mini-Note history instant messaging culture spam fighting electricity price developer old software display mobile broadband wave fingerprint scanner verdana Apple mythbusters Palladium gameboard wifi Trolltech wubi Itanium CES ClipMate vulnerabilities migration ADFS 2.0 Eee PC Web 2.0 ontier bea AIR windows licensing utility isps development Windows Live netbooks management future in review Girl Geek Dinners beta hdmi Visual Studio catalyst transcoding data centre transformation OQO cloud service google online applications yahoo battery life webkit ucsd dual display NVIDIA upgrade NexT IT transformation BitLocker malware business technology automation Greasemoneky email power supply SKU Gears toshiba thermo navteq hard drive Nuance direct access griffin troubleshooting timezones performance VSSAdmin g-2 IT policy IM Internet hp microsoft research IO BES HMT todo list CERN mobile network office politics Previous Versions christmas search wes cosmic rays Verbatim advertising open turing Facebook fault appzero windows server 2008 r2 anti-virus bbc iplayer Opteron database machine learning fonts Windows 7 vs Windows Vista 965 interoperability NGSCB RBL flash drive IT automation radeon benchmark claims flash office venture capital productivity Express Gate optical interconnects visualisation parallel computing Tablet PC workflow cloud computing control panel Bill Gates safend security training smartphone green IT MacBook Air cold fusion business intelligence HTC anti-trust Credentica M&A wildfire apps ipsec keyboard iPhone AuthenTec Ray Ozzie virus phone management ProCurve bletchley park microsoft research SBS Clear RX Java deperimeterization identity metasystem trends windows 7 monitor NAS Numenta mobile Linux Gartner Jeff Jones Ruby Acrobat Pro pen computing Embarcadero ipv6 OpenID RIA OFCOM Volume Shadow Copy T-Mobile enterprise architecture MacWorld 2008 bandwidth HSPA Ruby On Rails vmware fire BBC GPU cam consolidation Beacon Mono DOS MWC Google Sets ikea Live Mesh Secunia hardware browser Windows Mobile O2 rc geocaching usb Reqall active digitiser natural interface robot remove back thin client IT value geneva london hibernation drivers security paradox phone settings ANR camera EEE tablet images disk g-1 social networking
Advertisement
Advertisement