Google Web Designer Review


Quick Review of Google's New Web Designer

Google Web Designer user interface
Yesterday, Google announced the launch of Web Designer, a new tool for building interactive HTML5 sites and ads.  The beta version is available for download here.

I have kicked the tires a bit.  Overall, I am excited with Google's foray into the world of HTML5 editors. Here are my initial thoughts:

The Good:
  • Cost: It's free to download, at least the Beta version is.
  • Animation Timeline: Keyframes are used to "tween" animation points on the timeline. (Size, rotation, XYZ coordinates, etc.). It reminds me of an old Flash animation app called Swish. 
  • Hooks: Using the Components menu, you can link to external iframes, galleries, maps, tap areas, and videos.
  • Preview: Ability to preview the ads directly within the UI.  You can also preview in local browsers.
  • Publishing: Quick process with "zip" option (contains all related files for easy upload).
The Bad:
  • Flexibility: The workspace is not very customizable.  For example, the side menus cannot be undocked or hidden.  They are collapsible, but scrolling is still required to access all options.
  • Editing: It can be difficult to select/modify specific elements on the stage without changing into "Advanced" animation mode.
  • File Imports: I have not found a way to import PNG files with transparent backgrounds.
Summary:
Years ago, I produced ad banners for AOL YP using Adobe Flash and Fireworks (animated GIFs).  Google's Web Designer is much easier to use, but doesn't have the equivalent graphics prowess.  It's a Beta drop, so hopefully we'll see improved file importing and editing capabilities in the future.

All in all, this is a great start!
Demo File:
This simple demo is a 3 page ad with simple animation loop (page 1), a embedded YouTube clip (page 3), and a link to my G+ page (page 3).

Embedded iframe below... non-iframe version can be viewed here.


For more Info: Visit the official Google Web Designer website: http://www.google.com/webdesigner/
Patrick LaJuett
Patrick LaJuett manages a website design agency: + LaJuett.com, where he supports clients as a Web technology consultant and search marketing strategy advisor.

Comments

Post a Comment

Popular posts from this blog

Universal Search / Blended Search

Image
If I had to recommend one thing regarding SEO/inbound marketing...embrace the social media tools like blogging, Twitter , Facebook, YouTube, etc. Google is transforming the way it ranks content: http://www.wired.com/magazine/2010/02/ff_google_algorithm/ You can already get a hint at what's on the horizon with universal or blended search (Websites, video, images, local maps, and even social "mentions"). According to Google, "The ultimate goal of universal search is to break down the silos of information that exist on the web and provide the very best answer every time a user enters a query." If a potential customer has a question...it makes sense to provide Google with your "very best answer".
Read more

Bacon Wrapped Strip Steak

Image
Bacon Wrapped Strip Steaks My first attempt at cooking bacon-wrapped steaks on my propane-fueled Weber grill.  They turned out great! I started by prepping the steaks. I seasoned them with a bit of salt and pepper. Next, I wrapped each steak with a strip of bacon, securing it with a toothpick. I grilled them for about 6 minutes on each side until the bacon was crispy and the meat cooked to a medium rare temperature. I removed the steaks from the grill and let them rest for a few minutes to allow the juices to redistribute. Then, I sliced them into thin strips and served them up. The bacon-wrapped strip steaks were delicious. It was the perfect summertime meal! The bacon added a salty and smoky flavor to the juicy and flavorful meat. PIN RECIPE Bacon Wrapped Strip Steak Recipe These bacon-wrapped strip steaks are juicy and flavorful, with a crispy bacon exterior. Perfect for grilling o...
Read more

Convert Your Website to a Mobile Friendly Design

Image
Make Sure Your Website is Mobile Friendly. Earlier this year, Google Search expanded its use of mobile-friendliness as a "ranking signal". This change affected mobile searches worldwide and had a significant impact on Google Search results. Google's Mobile-Friendly Test Tool How to get the“mobile-friendly” label from Google. Avoid software that is not common on mobile devices, like Flash Use text that is readable without zooming Size content to the screen so users don't have to scroll horizontally or zoom Place links far enough apart so that the correct one can be easily tapped If you want to make sure that your page meets the mobile-friendly criteria: Check your pages with the Mobile-Friendly Test . Read Google's updated documentation, " Webmasters Mobile Guide " on how to create and improve your mobile site...
Read more