A case of superior interaction design

Dropbox gives great interaction. Dropbox is a free software app that provides a popular service: backing up and sharing files via the w...

dropbox logo
Dropbox gives great interaction.
Dropbox is a free software app that provides a popular service: backing up and sharing files via the web.  It's not the only such service provider, but it does seem to be taking the web by storm.  I believe it's because it has a superior interaction design.

I've used several file-sharing systems in the past.  Each has their advantages and disadvantages.  Of all of them, two in particular stand out.

Google Docs obviously matters here.  However, it's notion of uploading and downloading is still web-centric: you have to select files to upload from popups and then wait for them to be converted.  This is a distraction, not because of the implied impatience one might think I experience, but because it's a cognitive disconnect.  The whole upload process distracts the user from the reason for uploading.  Sharing stuff in Google Docs can also be... "interesting." One is again tied to a web-based interface, where one must instruct Google on what to do each time you want to change permissions.

Of course, Google Docs isn't just about uploading and sharing.  Most users will forgive Google the inherently clumsy nature of the those bits, because Docs is after all a full-blown document preparation system that lives in the (googlesque) cloud.  And Google Docs lets multiple users simultaneously edit the same document.  So, in the land of Google Docs, you upload and share documents mostly because you want to be able to change them.

Dropbox, on the other hand, takes a different approach.  Instead of giving users a service to upload and share and edit online, they realized that (a) most people have local document editing software already (like OpenOffice or [insert ominous music here] MS Word), and (b) removing the requirement to edit online opens a wealth of possibilities for new user experiences on the uploading/sharing side of things.

Dropbox requires, in a somewhat retro twist, that you download some software to whatever computer you want Dropbox to be accessed from.  But that one little thing let's them do something very cool: sharing and uploading documents becomes entirely transparent to the user.

Dropbox sets up a folder on your computer, inside of which you can create private, shared, or public folders. You use that Dropbox folder as you would any other folder on your computer; you won't notice the difference at all.  Except that every file in that folder gets automatically synced with Dropbox's servers.

So, backups are automagical.

What's really cool is that when you set up Dropbox on multiple computers, all the computers maintain synced images of what's on the Dropbox servers.  So, for instance, I create a new document in my Dropbox folder at work.  I use whatever software I want to do that, software that's local to my computer and therefore independent of the Internet (faster, more robust, more powerful, etc).  Then I go home, and find I need to tweak the document.  I just go into my Dropbox folder on my home computer and there is the file I was working on at the office.  I tweak it and save it as I would do any local file on my home computer.  Next morning, the new version is waiting for me when I get to the office.

Dropbox growth as noted by Alexa
Dropbox has quickly surpassed its competitors.
If you think this is impressive, you're not alone.  To the left is a graphic I got from Alexa showing pageviews of four similar services.  Notice Dropbox's fairly steady climb.  (Sure, pageviews doesn't correspond to downloads, but it's a good indication that there's a lot of interest.)

Google Docs requires no "installation," whereas Dropbox does.  But installation happens only once, at the outset.  Operationally, however, Dropbox folds its user experience and interaction completely into whatever interaction you're already used to with your computer - which means it vanishes completely from the user's point of view.

One might argue that the files-and-folders approach to organizing things is neither efficient nor effective (indeed, I think Google's approach of labels and tags is far better), but it seems that Dropbox's goal was to make their system as transparent as possible - and that pretty much constrained them to live with whatever users already had on their computers.

That's a good thing.  Design must accommodate people - not the other way around.  Dropbox's developers clearly learnt this lesson well.  Beyond that, they've come up with the perhaps perfect interaction design - interactions that blend so well into the "background" that you can't even tell you're using it.

Because of this, I really think Dropbox has the best service of its kind (so far).

COMMENTS

Name

academia activism adaptation admin aesthetics affect ageing AI analogy android anthropology anticipation app architecture art arts Asia assistive technology automobile balance biology biomimetics book branding building business CAD Canada care case cfp change revision children codesign cognition collaboration colonization commercialization commonplacing communication design competition complexity computation computer science computing concept map conference constructivism conversational analysis craft creative arts creativity CSCW culture cybernetics degrowth dementia design design thinking digital digital media digital reproduction digital scholarship disability dissertation drawing economics education effectiveness efficiency emotion engineering environment ergonomics ethics ethnography Evernote evolution exhibition exoskeleton experience experimental studies fail fashion featured film food function modeling futurism gender studies Germany globalization grantsmanship graphic design Greece HCI health heritage history housing human factors humanism identity image inclusivity industrial design informatics information innovation interaction interior design internet of things intervention iphone journal journalism language law library life life cycle lifehack logistics luxury making management manufacturing material culture materials mechanics media method migration mobile motion design movie new product development Nexus 6 olfaction online organization packaging paper participatory design PBL pengate performance PhD philosophy planning policy politics practice predatory preservation prison proceedings productivity project management public space publishing reading Remember The Milk reproduction research resource-limited design reuse review Samsung scholarship science science fiction semiotics senses service design simplicity society sociology software space strategic design student sustainability systems tactile tangibility technology textile theatre theory Toodledo Toronto tourism traffic transhumanism transnationalism transportation tv uncertainty universal design urban usa usability user experience visualization wearable well-being women workshop writing
false
ltr
item
The Trouble with Normal...: A case of superior interaction design
A case of superior interaction design
http://filsalustri.files.wordpress.com/2010/11/dropbox.jpg?w=150
The Trouble with Normal...
http://filsalustri.blogspot.com/2010/11/a-case-of-superior-interaction-design.html
http://filsalustri.blogspot.com/
http://filsalustri.blogspot.com/
http://filsalustri.blogspot.com/2010/11/a-case-of-superior-interaction-design.html
true
389378225362699292
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy