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

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