Musings on Adobe Muse (Code name)

Monday, August 15, 2011

Designing websites just got a lot more fun, Adobe Muse is now in public beta, well worth a look.

Having had the privilege of being on the private beta for Adobe Muse since February I have really been enjoying getting to know what you can do with it and I have to say for me it's really put the excitement back into designing websites in a much more approachable, intuitive and visual way.

The fact that you can concentrate on your design and leave the code generation to Muse is pretty amazing, it validates and is cross browser compatible from what I've checked, not bad for machine written code! I know this will most likely cause some concern within certain web design circles but more on that later.

As a full Adobe Business Catalyst partner(BC) I am particularly interested in how as Muse develops in conjunction with BC. You already have the ability to add a lot of the cool BC functionality and therefore leverage the power of data capture and the other useful modules but it's still early days, I think we'll see a lot better integration going forward, the Muse team are very proactive.

Of course you don't have use any of the BC features at all, you can export out your site and host it anywhere you like. I have found this useful for creating simple sub-sites and hosting them elsewhere.

I think one of Muse's strong points is the really clean user interface, there's no bloated feature set just useful things in logical places once you've familiarised yourself with the application. As it's now in public beta I'm sure the feature set will grow, there are a few things I would like to see in future releases and I'm sure they'll come but I hope not to the detriment of the interface.

The Muse process is a four step one, Plan, Design, Preview and Publish. The Planning section is where you build out the core structure of your site, you can set-up multiple master pages as required and drag and drop pages onto pages to build the navigation.

In the Design section you set up your header, body and footer section dimensions if you need to and then get on with designing your page, adding elements and image assets as needed.

I'm sure everyone will have different types of workflow using Photoshop or Fireworks etc to create the visuals and then saving out the image elements to be assembled/placed in Muse. I've been playing around designing straight in Muse and it works just fine if you know what you want to achieve in your head or have planned it out on paper.

There's integration with Photoshop placed buttons and images and like other Adobe apps you can edit your images with the original creating app via the assets panel to open whatever image or logo you click on whilst holding down the CTRL key.(Mac) Worth remembering, as this key features a lot in getting to other commands within Muse.

Currently Muse comes with some handy widgets from its widget library, there are some useful standard web elements in here to get you started, and I would think there will be more in time.

• Compositions: Blank, Featured news, Lightbox display, Presentation and Tooltip.
• Menus: Bar, Horizontal and Vertical.
• Panels: Accordion and Tabbed Panels.
• Slideshows: Basic, LightBox and Thumbnails.

All of which are customisable to your hearts content.

There's also some great typographic controls.

The Preview section allows you to see how your pages/site is looking and navigating or you can preview in your default browser. I imagine that a later release will allow you to choose different browsers you may have available. For now you could export the site to your desktop and open the index page with the browser or upload the site and use Adobe Browser Lab.

The last step is Publish, this is where you can log-in to your BC portal if you're already a partner or sign-up for a new account should you wish too. If you don't want to do this you can go to File, Export as HTML and Muse will create a folder with all the relevant structure and files etc where you tell it to, then simply upload to your hosting of choice via FTP and that's it.

Going back to the code that Muse creates, I wrote a post on the Muse portal with my take on this and rather than rewrite it all over again it appears here as well, I'm re-purposing so please excuse a couple of repetitive bits.

Semantic mark-up and well structured code has it's place and all that but I do often wonder who's it actually for, the client or the person that wrote it!

Most clients I deal with wouldn't have a clue what it is and probably wouldn't care much either as long as their site worked, looked good and was found in the first place.

In reality I think if you were to say to most potential clients here's a cost to design and build a site with Muse and here's a cost to hand code the same site semantically only it's three times as much and then explain what the difference actually is, I'm betting most will go for the Muse option.

Speaking as a designer that knows a bit about code (doesn't mean I like it much but I do appreciate the skill of good mark-up) this is where I think Muse is on the money, it's a pleasure to design with and saves a lot of development time. What is also a credit to the skills of the Muse team is that the machine written code that Muse produces actually validates, although I admit that gets a little bit iffy if there's a BC form in there, but you get my drift and I'm sure the integration will get better! (little bias here as I'm a partner on BC!)

I think t.mikael.d's original post is a great idea but I guess in the scheme of things it falls into the nice to have at this point in the Muse development cycle.

I feel that for me, Muse in conjunction with BC does most definitely have the potential to cover most clients needs, it won't always be perfect, I don't think there's such a solution and sometimes it may not be suitable at all but there will always be other alternatives.

Considering what you can now design and develop in a fairly short amount of time with Muse and BC these are powerful tools that allow us to build powerful online businesses for our clients at a fraction of the cost it would have been not that long ago.

Long live semantic hand coded mark up for those business owners that want it and can afford to pay for it. However for those that don't and can't Muse can help get them on the road and I think that can only be a good thing.

So there you have it, my musings on Muse, I think it's a great product that will only get better and better as it moves through the development cycle. It might not be for everyone but for those that choose to give it a go, I think you'll enjoy the experience and hopefully make something you're proud of.

To find out more and to download the beta visit the new public Adobe Muse site here