UserZen

Providing usability research, software consulting & innovative UX design

Browsing Posts tagged Google

OAuth is a relatively new open authentication protocol that allows secure API communication without the necessity of continually passing a username and password with each request. The idea for OAuth was conceived in 2006 by a group of individuals working on the Twitter implementation of OpenID. After reviewing both OpenID and other existing industry practices, such as Amazon Web Services API and Flickr API, it was decided that a proposal should be written for a new open protocol for application authentication. The movement quickly gathered momentum, with support heralded by Google, and in July 2007 an initial specification was drafted. We find ourselves using OAuth Core 1.0a today, with a new 2.0 spec being drafted.

How Does It Work?

Here’s a real-world example — one that you may have already come across and not even known it.

Let’s follow the OAuth path of how foursquare sends tweets on your behalf:

  • foursquare has initially registered themselves as an “application” with Twitter. In doing so, they’re provided with a token set called “consumer key” and its paired “consumer key secret.” These are used by foursquare in their application code and as a part of the OAuth model in generating requests.
  • From a user perspective, when you log in to foursquare and click the “please link my Twitter account” button, foursquare uses its consumer key to contact Twitter and generate a “request token.” You’re then provided with a special URL that whisks you off to Twitter’s website.
  • If you aren’t already logged into Twitter, you’ll be prompted to just like always, and then presented with a screen that asks if you’d like to provide said application with access to your account.
  • Clicking “Allow” tells Twitter that this app (foursquare) which has requested access using its particular consumer key should have access to your Twitter account. Twitter then redirects you back to your application (the foursquare website) with an attached coded verification string.
  • The foursquare application then reads the previously generated request token, and takes the returned verification to ask Twitter to generate a final token set called “access token” and “access token secret.”
  • Now when you perform an action on foursquare and it’s tweeted, foursquare calls the Twitter API by creating a request using its Twitter-provided consumer key and the newly stored access token for your account.

And amid all of this, your Twitter username and password are never seen, let alone stored, by foursquare.

By the way, the best graphical representation of this process I’ve found is documented here by Digg.

chrome_logo_may09.jpg

Do you ever get tired of plug-in updates every time you update your browser? How about the incompatibility with your favorite plug-ins?

How about your work computer where you have to contact IT every time you need to get an update to your Windows 95?

Hopefully Google’s Chrome browser is paving the way towards a new way for software to work, where the plug-ins that make the web ‘just work’ do so right out of the box.

Earlier this morning, Google released a new stable version of Chrome, the company’s increasingly popular browser. This new release for Windows, Mac and Linux is the first stable version of Chrome to be distributed with a built-in version of Adobe’s widely used Flash Player. Just two days ago, Google enabled the built-in version of Flash in the beta channel versions of Chrome, where it had already been available earlier this year, though Google then disabled this feature after a while.

Even though Google is a strong backer of the open HTML5 and CSS3 standard, which can replicate a lot of Flash features, the company is also acutely aware that a lot of users and web developers still rely on Flash. When we talked to Bran Rakowski, Google’s product manager and director for Chrome, last month, he noted that Google thinks that by coupling Flash to the browser, Google can ensure that users will run a very recent and secure version of Flash.

Don’t Like Flash in Chrome? Just Disable It.

If you don’t want to use Flash in Chrome, you can just type “about:plugins” in the address bar in Chrome and disable the plug-in.

Google’s update mechanism ensures that the browser stays up to date, without any intervention from the user. In addition to this, Google can also test the specific version of Flash it distributes with the browser and ensure that it is stable. With its new crash protection feature in Firefox, Mozilla is also working hard to ensure that crashing Flash content can’t take the whole browser down and Apple and Opera offer a similar features in their browsers.

As CNET’s Stephen Shankland rightly notes, Adobe is also working hard to keep Flash relevant and with the latest version of the Flash Player (10.1), Adobe is also trying to gain a foothold on mobile devices. Google’s own Android operating system is one of the first to support mobile Flash.

from an article on Read Write Web

posted in googledocs blog

Morten Just is a product manager in Vodafone. Based in Copenhagen, Denmark, he spent most of his career as an interaction designer churning out wireframes and diagrams, and also co-founded Imity, a Bluetooth-enabled social network for mobile phones in 2006. On his personal blog he writes mostly about user experience.

When I saw Google drawings on a Twitter update a few weeks ago, I didn’t really think about it until I got a feeling I might not have understood a rather complex problem at work. I drew a diagram and asked my colleague to edit it in case I had misunderstood him. It worked out well, we’re still using the drawing as a basis for discussion, and it is constantly being refined as we go along. So taking the next step and trying out a wireframe was an obvious decision.

For quite a while I’ve been wanting a simple and fast way to burst out interface ideas, and then quickly share them with my colleagues in Düsseldorf and London. Since a relatively large portion of a wireframe looks like something I’ve sketched out before, I figured modifying a template like a list view or a landing page would speed things up.

In fact, I wanted to speed it up to the point where I all I had to do was to add a few words before I had a wireframe.

From the templates I extracted the scroll bars, buttons, and sliders and put them in the gutter outside the drawing’s canvas, ready to be duplicated and dragged onto the wireframe.

Here’s a generic page displaying product details:


… and a typical mobile phone drill-down of items in groups:


To begin working on a wireframe

  1. Open the template you want to use
  2. Click ‘Sign in’ in the upper right
  3. Choose file > make a copy
  4. Make your wireframe

Packing it up

When you have several individual wireframes it can be a neat thing to pack them all up into one single document that you can send around, have people print out, or even present in meetings.

Since there’s no way to import a drawing into a presentation yet, here’s a trick using the web clipboard feature. You’ll still be able to edit the imported drawing should you need to.

  1. Go to File > New Presentation. A blank presentation opens in a new window.
  2. Switch back to your drawing and select everything.
  3. Click the web clipboard icon > Copy to web clipboard
  4. Switch back to your presentation and paste your drawing using the web clipboard.

Building the library


I’d love for this to be the beginning of a shared wireframe template repository in Google Docs. For now, I’ve shared a folder in which I’ll add user contributed templates and stencils. Get in touch if you want to contribute.

I hope you’ll enjoy the templates and that it will help you actually sketch out your ideas rather than just describe them in words. As Dan Roam said in his keynote at this year’s IA Summit, “The person who draws the picture wins.”

Links

Posted by: Morten Just, mortenjust.com

Powered by WordPress Web Design by SRS Solutions © 2010 UserZen Design by SRS Solutions