Tag: NextWindow

Windows Phone 7 Launch – Behind the Scenes Video

May 25, 2010 by in Multi-touch, Portfolio, Technology, Touchscreen

Our team was asked to help launch the Microsoft Windows Phone 7 project at Mobile World Congress 2010. The project was a whirlwind experience – starting with 5 weeks of design/development and 11 days of deployment and support that spanned 2 continents and countless late nights. It was all worth it when Steve Ballmer made the introduction and we were all a part of history as the next generation in mobile experiences was announced to the 50k MWC attendees and a larger worldwide audience.  The people lucky enough to be in attendance couldn’t wait to get their hands on the experience we built.

We setup 10 touchscreens in 2 locations and the experiences were in constant use. Microsoft has since taken the touchscreens to countless other events including MIX10, SXSW 2010, CES, CTIA and many many more.

In addition to the touchscreen experiences, we also worked with our Seattle team to produce a microsite experience that would allow those not in attendance to get a taste of the phone.


The Technology Behind RockstAR

Apr 13, 2010 by in Augmented Reality, Lab, Multi-touch, Technology

We recently had the opportunity to debut the RockstAR experience at SXSW – check out video of the experience in action. We like to think of it as the classic photo booth taken to the next level with augmented reality, multi-touch and social integration. Let’s go behind-the-scenes and take a look at both the software and hardware that brings this experience to life.

RockstAR

First, let’s talk software. The application was built on the recently announced Razorfish Vision Framework. The framework provides a platform to power augmented reality, gestural and other vision-based experiences. For the RockstAR experience, we are analyzing each frame coming from an infrared camera to determine if faces are found in the crowd. Once a face is detected, it is assigned a unique ID and tracked. Once we receive a lock on the face, we can pass position and size information to the experience where we can augment animations and graphics on top of the color camera feed. This technology has a variety of uses. For instance, face tracking can be used to track impressions on static or interactive digital experiences in the retail environment. Here is a screenshot taken from the debug-mode of the experience which shows the face tracking engine at work using the infrared camera.

face tracking

In addition to the vision-based technology, the experience was fully multi-touch enabled – users can gesture on a virtual joystick to swap out bands and snap pictures.

joystick

Because the classic photo booth experience is a social activity, we took it to the next level with twitter and Flickr integration. As pictures were snapped, we’d immediately make them available online. A QR code was rendered with each picture to quickly allow users to navigate to the RockstAR photo on their mobile device. Once the experience is extended to mobile, users can email the pictures to their friends, set it as wallpaper, re-tweet it to their twitter followers, etc.

RockstAR twitter and flickr

Let’s move on to hardware. Unfortunately, you can’t purchase infrared AR-ready cameras at your local Walmart… at least not until Project Natal comes out later this year. Therefore, we needed to build a dual-camera system that would support the face tracking in infrared and the color video feed for display on the screen. We decided to go with 2 commercial-grade Firefly MV cameras with custom lenses.

camera

One of the cameras we modified to see only infrared light by replacing the IR-blocking filter with a IR band-pass filter. This allows only a narrow range of infrared light to reach the camera CCD.

infrared filter

We also purchased and tested a variety of infrared illuminators. These are used to illuminate the environment with invisible infrared light allowing the infrared camera to accurately track faces in low-light conditions.

infrared illuminator

Sparks were flying as we fused the color and infrared cameras together — just another day at the office.

We created a portable rig for the camera and infrared illuminators. Adjustable camera mounts and industrial strength velcro provide flexibility and portability across a variety of installations.

rig2

We used a presentation remote clicker as an alternative way to drive the experience. We primarily used it as a remote camera trigger which allowed us to quickly snap pictures of unsuspecting people from a distance.

clicker

The experience was powered by a 55″ multi-touch screen and a CPU provided by DFI Technologies. We’ve been working with DFI to build PCs that will power the next-generation of interactive experiences. These PCs are small form factor and can be mounted behind the multi-touch screen.

dfi

Last but not least, we bring you the pink rug. We can’t reveal too much information about this technology… we need to keep some things secret. Just know that it is critical to the overall experience.

rug


Augment Your Reality with RockstAR

Apr 07, 2010 by in Augmented Reality, Experience Design, Multi-touch, Portfolio, Touchscreen

 

We recently created an experience named RockstAR which features augmented reality and multi-touch technology. It is the classic photo booth experience taken to the next level with interactive technology, social integration (currently the experience posts to twitter, twitpic and flickr), good ole fashioned Rock n Roll and a little 80s video game nostalgia. We also can’t leave out the pink rug – one of the most important parts of any experience.

The application is the first demonstration of the Razorfish Vision Framework (RVF) and it is integrated with our Razorfish Touch Framework (RTF). The experience was featured at several SXSW Interactive Conference 2010 events including the Razorfish and Microsoft parties.

Stay tuned as we’ll be posting a behind-the-scenes tech walkthrough in the next week.


Windows Phone 7 Series Launch – Day 3

Feb 18, 2010 by in Mobile, Multi-touch, News, Portfolio

Before we left for the evening, we recorded a quick walkthrough of the Windows Phone booth and EMC (Executive Meeting Center) locations where we have touch experiences deployed to support the Windows Phone 7 Series launch event.

Members of the press and blogging community have been recording video of the experience throughout the conference. These videos have begun appearing online – here are a couple of the videos we’ve found:


Windows Phone 7 Series Launch – Day 2

Feb 17, 2010 by in Mobile, Multi-touch, News, Portfolio

day2-boothday2-booth3

After a long night of celebrating the successful launch of Windows Phone 7 Series in Barcelona, we are back at the Windows Phone booth at Mobile World Congress. The crowds are still huge and the experiences are running great. Each experience is collecting touch and interaction information in the background – we are going to begin processing this information to determine how many sessions we are seeing, average session time, the most popular areas of the experience, etc. We will use this information as a guide to optimize the experience for the next event.

day2-booth2day2-crowd

The Windows Phone team is showing live projected demonstrations of the device in the theatre area – these demonstrations are attracting huge crowds.


Windows Phone 7 Series Launch – Demo of Razorfish Touch Experience

Feb 16, 2010 by in Experience Design, Multi-touch, News

1:13pm (+1 GMT) – Day 2, Mobile World Congress. Video of Albert Shum, Director of Mobile Experience Design at Microsoft, using the multi-touch experience built by Razorfish as a tool to explain some of the thinking that Microsoft put into the user interface. Razorfish partnered with the Microsoft team to deliver multi-touch experiences which emulate a Windows Phone 7 Series device. The experience is deployed on multiple 40″ multi-touch displays at Mobile World Congress in Barcelona.


Windows Phone 7 Series Launch – Day 1

Feb 16, 2010 by in Mobile, Multi-touch, News, Portfolio

day1-conference1

Members of the press camped out at the Windows Phone press lounge located across the plaza from Mobile World Congress. Because of the huge turnout for the announcement, much of the press watched the launch event live from the downstairs press lounge. After the show, we launched 6 experiences at this location allowing members the press to touch and interact with Windows Mobile 7 Series for the first time.

day1-conference21

Members of the press who weren’t able to watch the event in the theatre or the press lounge huddled around screens outside in the reception area. We went live with 2 experiences at this location.

day1-crowds1

Conference attendees watching the event live at the Windows Phone booth at Mobile World Congress. We had an additional 2 experiences running at this location.

day1-pictures1day1-pictures2

Cameras were out as the interface was unveiled for the first time. The phone interface design was kept a secret up until launch day. Preventing pictures and other leaks of information from making it to the press turned out to be a huge undertaking. The Windows Phone team went to great lengths to prevent leaks – in fact, many of the Microsoft employees working on the team never had the opportunity to see the interface until launch day. We based our experience off of some hands-on time in Redmond and videos of the experience. Our team was able to reverse-engineer the design, animation and interaction of the user interface. Accuracy was extremely important and we had to ensure the design and motion in our experience was a perfect re-creation of the experience on the actual device. We built the experience on top of the Razorfish Touch Framework. Using the framework allowed us to rapidly develop the application from scratch in under 4 weeks.

The product launch was a huge success and the Windows Phone team has been celebrating in Barcelona. The reaction from the press and blog community has been overwhelmingly positive. The conference is far from over but so far we are off to a great start!


Windows Phone 7 Series – Launch Event

Feb 15, 2010 by in Multi-touch, News, Portfolio

MWC 2010 Microsoft Booth

Greetings from Mobile World Congress in Barcelona!

We are excited to announce that we’ve been working with Microsoft on the launch of their next-generation mobile operating system, Windows Phone 7 Series. Steve Ballmer and the Windows Phone team announced Windows Phone 7 Series moments ago. As part of the launch, we’ve unveiled multi-touch experiences which emulate the user interface of the mobile devices. These experiences allow conference attendees and members of the press to experience Windows Phone 7 Series for the first time, flicking and gesturing through the 3D user interface and learning about the key features of the operating system on 40″ monitors.

Be sure to check out the Windows Phone 7 Series experience at the Microsoft booth (#1D19). Also join us at Hotel Catalonia (across the plaza from the MWC event) where the Windows Phone team is hosting members of the public and press for hands-on demonstrations of Windows Phone 7 Series.

We’ll be updating throughout the day with behind-the-scenes photos and videos from the booth and press events – stay tuned!

8:11am (+1 GMT) – Day 1, World Mobile Congress.  Steve Dawson (Technology Lead, Razorfish Emerging Experiences) and Luke Hamilton (Creative Lead, Razorfish Emerging Experiences) at the Windows Phone booth early in the morning (see below).  The Razorfish team collaborated closely with the Windows Phone 7 team.  Luke, Steve and team put in some late nights and weekends to make the touch experiences come to life. [jonathan hull]

Steve and Luke at booth

3:59 (+1 GMT) – holy cow there are droves of people watching the press conference! (see below) [lesley young]

mwc_wp7_booth_003

4:20 (+1 GMT) – the Windows Phone 7 Series touchscreen experience is live! [@stevedawson]

4:21 (+1 GMT) – as well as the online demo of the Windows Phone 7 Series, enjoy! [@lhamilton]

4:43 (+1 GMT) – having fun watching all the press interact with the giant 40″ demo of the phone (see below) [@lhamilton]
mwc_wp7_lounge_002
mwc_wp7_lounge_003

5:15 (+1 GMT) – we just posted pictures from the launch event setup to our flickr account … its been a tough, but fun 6 days [@lhamilton]

5:32 (+1 GMT) – users getting a hands on demo of the actual phone experience [@stevedawson]
mwc_wp7_lounge_001

5:58 (+1 GMT) – the Windows Phone team giving interactive demos on the big ass phone (see below) [jonathan hull]
mwc_wp7_booth_002

Hey, we’re going offline now, thanks so much for the touchscreen and online teams in Atlanta, Austin, Portland and Seattle that made this come together in under 4 weeks.


Razorfone: Simplifying Buying Decisions in Retail

Nov 23, 2009 by in Experience Design, Multi-touch, Portfolio, Touchscreen

 

Customers are being faced with increasingly complex buying decisions, especially when it comes to technology and services. As a result, increased pressure is being placed on store associates to provide knowledgeable service to customers. Our Emerging Experiences team used this opportunity to develop a solution to demonstrate how an immersive interactive experience can assist customers and store associates with complex buying decisions in a retail setting.

The Razorfone solution is focused around providing an experience where customers can learn about wireless products. Phone and netbook features and associated wireless plans are presented in a rich interactive environment. Accessories are presented to the customer as a cross-sell opportunity. The use of 3D allows for customers to view their device in any color and from any angle, regardless of availability of the physical device within the retail store. The customer can validate the wireless coverage where they live, work and play through the use of the interactive coverage map using simple pan and zoom gestures. Customers can personalize their device after purchase with ringtones, games and applications through the use of QR technology, increasing sales and helping to eliminate buyers remorse.

As the complexity of technology and service offerings increases, training store associates on these products and services can be expensive and ineffective. In addition, the turnover rate in retail can have a negative effect on the number of knowledgable store associates. In an assisted-sales scenario, the store associates can focus on being brand ambassadors while the experience provides the information the customer needs to make informed decisions about the wireless products.

Watch the above video as we walk you through the Razorfone experience. We’d love to hear your feedback!

 


We’re Taking the Show on the Road

Nov 05, 2009 by in News

Microsoft Vendor Fair

 

We’ve been busy traveling the globe demonstrating our touch experiences. The reaction from clients and the industry has been great – we’ve met some wonderful people along the way. Recently we were at the Microsoft Vendor Fair showing our Surface and vertical multi-touch experiences. With the Windows 7 release, the excitement within Microsoft is understandable. Much like our other clients, we’re working with Microsoft in realizing the potential of touch related experiences from a sales and marketing perspective. To see evidence of this look no further than the Microsoft retail store.

 

dmexco

 

Razorfashion goes international. We jumped at a chance to support our Neue Digitale team in Germany at DMEXCO (Digital Marketing Exposition Conference). To support the effort, we’ve been working with a company in Germany on an experimental multi-touch device named dreaMTouch. Once we figured out how to get the pre-release device through customs, we were able to integrate the hardware with the Microsoft-based Razorfish Touch Framework in under a day. Since integrating with the hardware was so easy, we decided to feature the Razorfashion application during the conference as well.