Tuesday, September 2, 2008
Google's New Browser
At Google, we have a saying: “launch early and iterate.” While this approach is usually limited to our engineers, it apparently applies to our mailroom as well! As you may have read in the blogosphere, we hit "send" a bit early on a comic book introducing our new open source browser, Google Chrome. As we believe in access to information for everyone, we've now made the comic publicly available -- you can find it here. We will be launching the beta version of Google Chrome tomorrow in more than 100 countries.
So why are we launching Google Chrome? Because we believe we can add value for users and, at the same time, help drive innovation on the web.
All of us at Google spend much of our time working inside a browser. We search, chat, email and collaborate in a browser. And in our spare time, we shop, bank, read news and keep in touch with friends -- all using a browser. Because we spend so much time online, we began seriously thinking about what kind of browser could exist if we started from scratch and built on the best elements out there. We realized that the web had evolved from mainly simple text pages to rich, interactive applications and that we needed to completely rethink the browser. What we really needed was not just a browser, but also a modern platform for web pages and applications, and that's what we set out to build.
On the surface, we designed a browser window that is streamlined and simple. To most people, it isn't the browser that matters. It's only a tool to run the important stuff -- the pages, sites and applications that make up the web. Like the classic Google homepage, Google Chrome is clean and fast. It gets out of your way and gets you where you want to go.
Under the hood, we were able to build the foundation of a browser that runs today's complex web applications much better. By keeping each tab in an isolated "sandbox", we were able to prevent one tab from crashing another and provide improved protection from rogue sites. We improved speed and responsiveness across the board. We also built a more powerful JavaScript engine, V8, to power the next generation of web applications that aren't even possible in today's browsers.
This is just the beginning -- Google Chrome is far from done. We're releasing this beta for Windows to start the broader discussion and hear from you as quickly as possible. We're hard at work building versions for Mac and Linux too, and will continue to make it even faster and more robust.
We owe a great debt to many open source projects, and we're committed to continuing on their path. We've used components from Apple's WebKit and Mozilla's Firefox, among others -- and in that spirit, we are making all of our code open source as well. We hope to collaborate with the entire community to help drive the web forward.
The web gets better with more options and innovation. Google Chrome is another option, and we hope it contributes to making the web even better.
So check in again tomorrow to try Google Chrome for yourself. We'll post an update here as soon as it's ready.
Monday, July 14, 2008
Seven Incredibly Useful Tools for Evaluating Your Web Design
Do they visit the content you want them to visit? Are they looking in the right places of your web page? Are you able to keep your user’s attention, or do they just leave quickly?
It’s not just about the content either. If your design loads slowly - or if moving from one section to another takes a long time - it affects the user’s experience.
These things can be the make-or-break factors between a user clicking on a link to find more information, or the back button to find it elsewhere.
Some things to consider:
- Are important information being seen by the user?
- Are the navigation and action items intuitive?
- Is the user being directed to sections in a logical manner?
- Does the web page load quickly enough to not turn away the user?
If you’re interested in analyzing and optimizing your page layout - here’s some extremely useful tools that you can use to help.
1. ClickHeat
ClickHeat is an open source visual tool for showing “hot” and “cold” zones of a web page. It allows you to see which spots users click on most, and which spots are being ignored.
It’s very easy to implement on your website, you only have to include an external JavaScript file.
Download: Clickheat on SourceForge.net.
2. Crazy Egg
Crazy Egg offers a myriad of analytical tools to help you visualize what visitors are doing.
Features include: Confetti - allowing you to see what people are clicking on based on certain factors such as their operating system and where they came from, Overlay - providing you with tons of data about particular links, and Report sharing - enabling you to share the data with team members and clients.
The free version only allows 4 pages to be tracked - so use your top landing pages to get the most data.
3. YSlow for Firebug
A key tenet of a strong design is that, not only should information be presented in a logical and elegant fashion, but that it must also be served quickly, with very little delay.
YSlow for Firebug is a free tool for Mozilla Firefox that gives you information about your front-end design to see if it performs well. It gives you a letter grade (A through F) and outlines your web page’s trouble spots.
It’s based on the Yahoo! Developer Network’s “Best Practices for Speeding Up Your Web Site” initially written by Steve Souders, who was once the Chief of Performance at Yahoo! and is now working over at Google on web performance and open source initiatives.
Downloads: Firebug extension for Firefox (required) and YSlow.
4. clickdensity
clickdensity is a full suite of usability analysis tools that will help you assess your web page design.
You can use heat maps showing where users click on the most, hover maps - which shows people scrolling over links but not clicking on them, and A/B Tests which allows you to change certain page elements to see which style is more effective.
The free subscription give you 5,000 clicks and only one page and one site to monitor.
5. ClickTale
ClickTale offers a lot of user data pertaining to how visitors use your website.
There are plenty of things you can look at such as average time it takes for a user to click on a link, a user’s hesitation on clicking a link, hover to click ratio, and much more. It also provides detailed reports and charts on your users’ monitor sizes to better optimize your web page design to cater for the typical visitor.
6. Clicky
Perhaps the most interesting feature that Clicky has is its real-time tracking and monitoring feature, called Spy (check out the demo here).
Besides Spy, there’s a host of other analytics data you can look at such as user Actions - which records click data from your users and Visitors - providing you user data.
7. Google Analytics
One of the best free services that Google offers is Google Analytics and probably the most well-known analytics tool. It’s incredibly easy to install and offers plenty of user and content data to help you learn more about your web pages’ performance.
It has a feature called Site Overlay, which gives you a visual representation of the popular places your users like to click on. It also offers data on bounce rates and your top exit pages (to see what pages make users leave).
So there they are, some of the best tools in the market to help you troubleshoot and optimize your page layout. In the end, it’s a combination of great content, as well as how you present this content — that will lead to an effective design.