background preloader

Interaction design

Facebook Twitter

Iterate Podcast. A Look Inside Mobile Design Patterns. Patterns for mobile application design Design patterns for mobile are emerging as the platform matures. Theresa Neil’s new book Mobile Design Pattern Gallery provides solutions to common design challenges. Read a sample chapter on Invitations and learn how to immediately engage your customers with your application.

We recently had a new mobile project starting and all of our experienced mobile designers were booked. Since we primarily design enterprise apps and productivity tools, not everyone in our group was well versed in mobile application design. So I made a quick tutorial with lots and lots of screenshots. Gradually a set of patterns, at a higher level than OS specific design guidelines, emerged. These 70 patterns, illustrated with hundreds of examples from iOS, BlackBerry, Android, Symbian, Windows and webOS applications, will be released this month from O’Reilly Media as the “Mobile Design Pattern Gallery”. Invitations Do you remember the first time you used Photoshop? Dialog Tip. Is there a better alternative to the 5-star rating system. Is Google's "Survey Wall" Experiment Brilliant or Evil? | Co. Design. Paywalls may be working for the New York Times, but other publishers looking for a digital lifeline may not want to rely on them.

Still, what’s the alternative? Google has quietly cooked one up that asks online readers to answer one market-research question as a "toll" for accessing content. Nieman Journalism Lab is calling it a "survey wall" model. It’s like a micropayment, but with attention and data instead of cash out of your pocket. Google’s interaction design, at the very least, struck me as savvy. Upon accessing an article through Google search, the user is presented with a choice: go through the publisher’s annoying log-in rigamarole, or answer a quick market-research question (e.g., whether you use SMS, social networks, or instant-messaging for casual conversations). [Via Nieman Journalism Lab; top image by Joost J.

Is the Huffington Post reinventing the art of liveblogging? A few days ago, I clicked on a link to an Associated Press article published at the Huffington Post and reporting on a new AP poll that found widespread support for the Occupy Wall Street movement. Like hundreds of other news outlets, HuffPo subscribes to the AP and runs its articles to supplement the original content the AOL-owned company produces on its own. A curious thing happened when I finished the article, however: I didn’t stop reading. At the bottom of the piece, I came across a liveblog that published up-to-the minute news on the protests. The posts were a mixture of links, block quotes, reprinted tweets, and even small original news nuggets being reported by HuffPo journalists on the ground. All together, I probably spent an extra 20 minutes on the site than I would have otherwise. I began clicking around and found that HuffPo had embedded this same liveblog at the bottom of nearly every article concerning Occupy Wall Street.

Facebook’s Design Strategy: A Status Update. LiveScribe: World's Smartest Pens Get Social. There's no easy way to share handwritten notes in a digital format, but LiveScribe wants to change that with a new shareable web medium called "pencasts. " LiveScribe makes pens that record audio in sync with a writer's notes and allow him to play it back at a specific moment by tapping the desired place in his notebook.

The company announced free software on Monday, LiveScribe Connect, that makes the resulting pair of recordings — handwriting and audio — compatible with Adobe Reader 10. Using the new software, users can share their pencasts through mobile devices, Facebook, Evernote and Twitter (Google Docs and email options cost extra). Pencasts look like this: Previously, these digitized, handwritten notes could be uploaded from docked LiveScribe pens in a nonstandard file format. But in order to play them, recipients needed to download special software. It's a pain to attach the pen to your computer to share pencasts, even if the new software does so automatically. Prototypes — Bring your mockups to life.

Interactive - National Film Board of Canada. Sifteo - The Future of Play. Hole-In-Space, 1980. HOLE-IN-SPACE was a Public Communication Sculpture. On a November evening in 1980 the unsuspecting public walking past the Lincoln Center for the Performing Arts in New York City, and "The Broadway" department store located in the open air Shopping Center in Century City (LA), had a surprising counter with each other. Suddenly head-to-toe, life-sized, television images of the people on the opposite coast appeared. They could now see, hear, and speak with each other as if encountering each other on the same sidewalk. No signs, sponsor logos, or credits were posted -- no explanation at all was offered. No self-view video monitors to distract from the phenomena of this life-size encounter.

If you have ever had the opportunity to see what the award winning video documentation captured then you would have laughed and cried at the amazing human drama and events that were played out over the evolution of the three evenings. Created and produced by Kit Galloway and Sherrie Rabinowitz. You are listening to San Francisco. Kodu. Kodu is a new visual programming language made specifically for creating games. It is designed to be accessible for children and enjoyable for anyone.

The programming environment runs on the Xbox, allowing rapid design iteration using only a game controller for input. Programming as a Creative Medium The core of the Kodu project is the programming user interface. The Kodu language is designed specifically for game development and provides specialized primitives derived from gaming scenarios. Key Features Kodu provides an end-to-end creative environment for designing, building, and playing your own new games. High-level language incorporates real-world primitives: collision, color, visionUses Xbox 360 Game Controller for input — no keyboard requiredRuns on XBox 360 and PCInteractive terrain editorBridge and path builderTerrain editor - create worlds of arbitrary shape and size20 different characters with different abilities.

Shatterbox | Make Your Mark. Edding | Wall of Fame. Art Project, powered by Google. Locus | Location Based Interface on the Behance Network. - Multiple widget desktops designed around a location or activity ie Kitchen, Office, Car- Automatically switches between desktops with GPS and wi-fi mapping- Simplified Collections menu allows browsing via function rather than application The behind the the Documents Explore app, is that the documents are laid out on a table (this could be a 'work table' or a 'home accounts table') and you simply zoom in on a page (or single finger double tap) and the page will align, with the editing tools fading in for that specific app.

Notes: All rights for the icons used in this interface belong to their respectful owners. Please contact me if you have designed any of the icons so I can credit you appropriately. This project has no association with Microsoft. The project was originally intended for the Microsoft Next Gen Computer competition in 2008. iPad Mags Need A New Blueprint. Ever since the iPad came out, print media companies have been feeling their way in this new medium, but so far they’ve just been stumbling over themselves. They are latching onto the iPad as a new walled garden where people will somehow magically pay for articles they can get for free in their browsers.

But if they want people to pay, the experience has to be better than on the Web, and usually it’s not. This sorry state of affairs is true for both magazines and newspapers. The New York Times iPad app, for instance, is gorgeous but crippled. All the links are stripped out of the articles, even from the blogs. Meanwhile, most iPad magazines are little more than PDFs of the print issues with some photo slideshows and videos thrown in.

They end up being huge files—I recently downloaded a single issue that was 350 MB, some issues of Wired are 500 MB—with the same stale articles as in the print version. However, I am not holding my breath. Easing pain for burns victims using virtual reality. 31 January 2011Last updated at 09:10 Patients who played the game while having treatment experienced less pain Burn patients in the US are being helped to escape the pain of burn injuries by immersing them in the virtual reality of a computer game during treatment. Agony from severe burns can be one of the most intense and prolonged types of pain you can experience. And for many, the rehabilitation treatment is as painful as the initial burn.

Continue reading the main story I was engulfed in flames for probably two minutes. It was the worst pain I've ever felt, it was just excruciating” End QuoteCaleb SpringerBurns victim Caleb Springer, aged 23, from Valdez in Alaska suffered second and third degree burns when he was set on fire in a motorbike accident. Petrol spilled out of his scooter and a stray cigarette spark ignited it. "I was engulfed in flames for probably two minutes. Escape from pain It evolved out of the scientific advances in the last decade in understanding pain. Another world. Playbutton. IDEO’s RFID Turntable [Video] SOUR / MIRROR. Let's Break It Down – App Development Strategy from Image Mechanics. The Gleeve Turns Game Design Into Child's Play | Co.Design.

Every parent knows the story of the kid who tears open his expensive techno-gift only to spend hours playing with the cardboard box it came in. Laura Seargeant Richardson of Frog Design wants to create a toy that's as open-ended as the empty box -- but gets kids interested in digital technology, too. So along with her collaborator Alis Cambol, Richardson came up with a vision for the future of play called the Gleeve. Richardson developed the concept as part of a talk she was giving at MIT on the future of play, in which she pointed out the troubling influence of new media platforms: Kids are getting used to the idea of being mere players in worlds designed by adults, rather than creators of their own play-worlds.

But with the right tools, the pendulum of play can still swing back. This graph illustrates the trend she sees, as play escapes the closed worlds designed by adults and enters an open, digital-physical hybrid limited only by kids' imaginations. Broadcast Yourself. iPad: Scroll or Card? By Oliver Reichenstein How do you navigate content on the iPad? Scroll or flip? In 1987, the biggest neck beards in tech held a conference on the Future of Hypertext and there were two camps, “Card Sharks” and “Holy Scrollers”. They had an epic battle over the following question: Should you scroll or flip pages on the screen? Who won the fight? Let’s first look at how the discussion went. As happens in every new field, a struggle is already taking place over which hypertext methods are the best, with creators defending their philosophies.

In practice, it’s pretty clear who won the debate: 99% of all websites scroll and most desktop applications scroll when they display a lot of information. Cards have a fixed-size presentation canvas. Source: Jakob Nielsen How do we know when to pick which model? When to Use the Scroll Model The scroll model allows you to easily separate content and design. When to use the Card Model When not to use the scroll model When not to use the card model. Doritosuk's Channel. IKEA – KOM IN I GARDEROBEN. TRY. Moodstream™ by Getty Images. Metafolksonomy and the Social Web: Introduction - The ENTiPping Point. When you start to have more than a couple dozen folks that you follow on Twitter, the prospect of managing the relationships you're creating starts to get a little overwhelming.

We've all met great people on social media sites. And there is usually some singular trait that drew you to interact with these great people. However, as you get to know them, watch their Twitter stream and see who else they interact with, you probably get to know more interesting things about them. So what may have started out as a business relationship interest, over time, the total picture of that person starts to become clearer.

You may notice an industry pro talking about his grandmother who just used to live next to Abraham Zapruder. Maybe you find out someone went to pastry school while they "searched for identity" before becoming a CPA. You might discover that someone who has been so hard to get a response from on Twitter actually shares your love for collecting frog figurines. YTShowandTell's Channel. iFontMaker – The First & Fastest Font Editor for iPad. Welcome | sugru | Hack Things Better. Rafael Lozano-Hemmer - Projects. "Pan-Anthem" is an interactive sound installation where the national anthem of every country in the World plays back on a movable speaker that is magnetically attached to a large wall.

The speakers are precisely arranged to visualize national statistics: population, GDP, area, number of women in parliament, GINI, year of independence, HDI and so on. For example, when the work is configured to show military spending per capita, on the far left of the wall the public can hear the anthems of countries without military forces like Costa Rica, Iceland and Andorra while at the far right they can hear Saudi Arabia, Israel and the United States, which spend more than $2,000 per person per year. If no one is in the exhibition room all the speakers are silent, but as a visitor approaches a particular set of speakers these start playing automatically, creating a positional panoramic playback of anthems associated to similar statistics.

View Details. The Future of the Book. LIA - Software Art. SAS | Home. Home of the Tagtool. True Life Costs - Welcome. Globe Genie - Joe McMichael. Flipboard for iPad. One of the most amazing physics engines I’ve ever seen. Samsung Shakedown. Super good, Superbien.

Projection mapping is a lovely thing to behold and this new installation by French team, Superbien, is certainly no exception... Created for communications company Alcatel-Lucent's appearance at the world mobile congress in April, the film shows the colourful results of some multiple LED projectors mapping a series of animations upon a stack of innocuous-looking white boxes. The Paris-based Superbien is Tom Chosson, Cedric de Azevedo and Alex Mestrot. This 2009 piece by the studio, Le Nuage, was beamed onto the walls of a street in Paris. PilotHandwriting.com.