To Top

Online Reviews and Site Testing with Adobe CS Live

Last year Adobe was nice enough to give me the perk of working with them on the prerelease of CS5 and Adobe was even nice enough to quote me in their global press release when they launched CS5. So I’ve have been working with the new applications for a while now and since the launch and features like content aware fill have rightfully been getting the lion share of the attention focused the new feature additions. There are two new additions that haven’t been getting much love that I wanted to feature because they are really useful and I’ve been using them more than any of the other new additions lately.

When you launch any of the new CS5 design applications like Photoshop, Illustrator or InDesign you will now see this CS Live icon appear in the upper right hand corner as well as in a tab on a fly out panel running down the right side of the screen. Click on the icon and you will find a list of a number of new online features integrated into all the applications but the two I wanted to focus on are Browser Lab and CS Review.

Browser Lab

Any time you develop a web site or any browser based experience one of the most challenging parts is testing the final product to be sure it works in all the different browsers and platforms. I can be incredibly frustrating because you have to be able to run the tests on a Mac and PC and it could look perfect in Safari but is upside down and backwards on IE7. To try and simplify this process Adobe has now introduced BrowserLab which is an online application that lets you run simulated tests on your work on multiple versions of Chrome, Firefox, IE and Safari. You can decide which browsers you want to test and organize them into custom sets for multiple test cases. Once that is done just flip over into Test mode, enter your URL and the site pops up for testing and QA.  You can view the results one at a time, side by side or my favorite Onion Skin. In the Onion Skin view the application overlays all the versions over one and another and it makes it really quick and easy to find big problems or subtle differences.

CS Review

Every agency has some kind of online client extranet where they can post comps for client review and to capture all the feedback in one place. The problem is that if you don’t own your own agency you don’t have access to these kind of tools until now with the release of another online application called CS Review. The reason I like this application so much is that it goes one step beyond simply capturing comments and creates an online review environment that integrates into the workflow of the CS design applications. Start by choosing CS Review from the CS Live menu and you will first be asked to create a Workspace which works like a folder.  From there you can name the file you want to post for review and choose the quality of the upload. Once it is uploaded the file will open on where you can highlight areas to comment on or send it out for review by your clients. When your clients review and comment on the work they only need to have Flash installed in a browser and not any Adobe design application. The resulting comments can then be viewed online or they will are pulled back into the design application and displayed when that file is opened.  It’s this flow starting with the application that moves into an online review and then back into the application that I really like because is creates a seamless workflow instead of multiple different systems that have to be manually combined to work smoothly.

You must be logged in to post a comment Login

Leave a Reply

More in Creative direction

Creative Director, Designer, Brand Builder, Speaker, Podcaster, Crazy One. As a designer, I have 20+ years experience creating the strategy, concepts, and designs for award-winning integrated global advertising campaigns, building multiple global Fortune 500 brands and creating innovative digital experiences. As a leader, I have 15+ years transforming agency and client-side teams using a mix of creativity, business strategy, process and political skill to create innovative, world-class work and cultures that change industries and companies. My clients have included American Airlines, W Hotels, Disney, Citi, ExxonMobil, Acura, Old Navy, Nationwide Insurance, Verizon, Subaru and many others. My work has received over 150 international awards, my app designs have been named as one of the World’s 100 Greatest Apps, Apple has featured my work in 9 keynotes, 4 TV commercials and more.

Follow Me On Instagram

 I think the @supremenewyork X @mtanyctransit mash up is pretty genius. Finally got my hands on one today but after seeing the prices on eBay I may flip it before long. #supreme #supremenewyork #mta  A pile of pugs and a @steelers blanket - what else do you need on a day off? #pug #pugs #pugsofinstagram #steelers #yinz #burghproud #herewegosteelers  FYI - it's pronounced 'art' not 'toy'. These @huckgee pieces are hand made and can take up to a year to produce. #huckgee #robotech #mech #robot #urbanvinyl  Happy Valentines Day to @thechiclibrary - love of my life fierce and true. #chic #nyfw #fashion #love  Because of Snowmaggeddon in NYC I'm having to do my meetings from home today and apparently everyone thinks they are a Creative Director in this house. #pug #pugsofinstagram #design #creativedirector #puglife #designer #dogismycopilot
 Thanks to @the_villainess for an amazing work in progress shot of the soon to be crown jewel of our collection - a huge (8' wide) commission from @tristaneaton based on the lives of @thechiclibrary and I. Can't thank him enough knowing how busy he is and I'm SO F*CKING EXCITED!!! #streetart #streetartist #streetartnyc #streetartofficial #tristaneaton #tristaneatonart #tristaneatonmural  @visionaireworld X @louisvuitton from back in the day when Kidrobot actually made art toys #louisvuitton #lv #kidrobot #visionaire #visionaireworld #monogram #louisvuittonmonogram #murakami #takashimurakami  Got a vintage @huckgee Skullleader as a new addition to the collection #urbanvinyl #huckgee #mech #robotech #robot  @thechiclibrary in full effect at New York Fashion week for the photographers tonight in @ika_editions @blackscale and @tomford #nyfw #newyorkfashionweek  Forgot to mention I got to see @huckgee new Skullhead mech work in progress which I think is one of the best pieces he has ever done. I already put in dibs on at least one. #huckgee #huckgeeskullhead #urbanvinyl
 Extremely honored to have been chosen by @ghoshal and @erondu to join 25 design leaders from AirBnB, Uber, Facebook, Slack, Google Ventures, IDEO and more for High Resolution, a 25 episode video series on design. Look for my episode focusing on creativity and leadership coming soon. @highrespodcast #creativity #leadership #design #podcast  Spent the morning with @the_chris_buck new book Uneasy which is a fantastic look at the work of one of the most creative people I know. Get your copy at #chrisbuck #photography #photographer #portraitphotography #portrait #portraits  Some days I feel like I should wear this @huckgee armor to work. #huckgee #urbanvinyl #mech #armor #toy #kidrobot #dunny  If you listen to The #CrazyOne podcast you have @lukewessman to thank for it. He gave me the push to finally launch it and it was one of the best decisions I've ever made. He is a constant inspiration, someone who makes me want to be a better man and I always feel lucky to count him as one of my friends. Thanks for the support brother. #crazyones #lukewessman #tattooartist #lag #crazyone  @nychos under scaffolding in Haight Ashbury #streetart #streetartist #nychos #streetartofficial #streetartsf

Copyright © 2015 Stephen Gates