Adobe
Products
Acrobat
Creative Cloud
Creative Suite
Digital Marketing Suite
Digital Publishing Suite
Elements
Photoshop
Touch Apps
Student and Teacher Editions
More products
Solutions
Digital marketing
Digital media
Education
Financial services
Government
Web Experience Management
More solutions
Learning Help Downloads Company
Buy
Home use for personal and home office
Education for students, educators, and staff
Business for small and medium businesses
Licensing programs for businesses, schools, and government
Special offers
Search
 
Info Sign in
Welcome,
My cart
My orders My Adobe
My Adobe
My orders
My information
My preferences
My products and services
Sign out
Why sign in? Sign in to manage your account and access trial downloads, product extensions, community areas, and more.
Adobe
Products Sections Buy   Search  
Solutions Company
Help Learning
Sign in Sign out My orders My Adobe
Preorder Estimated Availability Date. Your credit card will not be charged until the product is shipped. Estimated availability date is subject to change. Preorder Estimated Availability Date. Your credit card will not be charged until the product is ready to download. Estimated availability date is subject to change.
Qty:
Purchase requires verification of academic eligibility
Subtotal
Review and Checkout
Education / Education resources /

Articles / Trial and error: Bridging real and virtual space

by Nick Sternberg

nick-sternberg-160x160

Nick Sternberg

Modified

11 May 2012

Page tools

Share on Facebook
Share on Twitter
Share on LinkedIn
Bookmark
Print

I have the pleasure of teaching "Experience Design" in the College for Creative Studies Graphic Design department, chaired by Doug Kisor. The department long ago adopted an applied interactive curriculum, providing a practical approach to incorporating experiential elements in Graphic Design education. We continue to discuss, refine, and evolve our approach.

The Experience Design course at CCS is an opportunity for students to explore how messages are created as dynamic and collaborative experiences. Students approach projects diversely, synthesizing application-based, embedded, installation, and narrative work. This course specifically encourages students to think outside traditional screen-based digital work by exploring emerging technologies and physical computing. During the course this past year we received a request to add experiential elements to an upcoming exhibit on campus.

From QR to Quick Response

The challenge allowed the class eight weeks to design and execute a multi-tiered experience for the school’s annual Student Exhibition Opening. For visual and functional subject matter, we chose the QR code. And in the spirit of experimentation and play, the goal was to create a new use and expanded meanings, apart from the standard dead-end informational links or ubiquitous advertising deployments. From student Will Ruby’s perspective, "We took the one-directional interaction of a QR code and made it two-way. Through the use of QR codes we enabled people to use their own smart phone to manipulate the space around them." We named the project Quick Response.

trial-and-error-cc
Visitors control the Interactive Windows via their own device. Team: Alex Poterek, Paolo Catalla

An exhibit inside the exhibit

The effort yielded eight individual pieces, all working together to create a unique interactive installation for the visitors to the 2011 Student Exhibition. The conceptual framework explored how digital space can collide with real space, with emphasis on transforming existing architecture. We played with the walls and ceilings of the exhibit space. In general I encourage students to avoid the kiosk interface, so for this project the attendee’s smartphone became the interface of choice.

Using QR codes for location-specific experiences

An iconic graphic identity near the entrance established that the QR forms weren’t just decoration, but had a unique function.

trial-and-error-signage-split
Quick Response orientation signage and identity. Team: Paolo Catalla, Jennifer Barrett, Alex Poterek

The students designed a few pieces to orient viewers to specific locations. By requiring attendees to move to a vantage point to scan the code, the messages became location-specific.

trial-and-error-zigzag-split
ZigZag’s message celebrates deconstruction and asks visitors to "Look Up." Team: Cate Horn, Lani Kercado
trial-and-error-split
Trial and Error perspective signage. Team: Rachel Ariyavatkul, Paolo Catalla
trial-and-error-colada-split
Users interact with the Colada installation, a rear-projected particle system with a game-like interaction.

Powering exhibit design from both central and networked sources

All components worked from a central web server, and the interface clients were web socket-enabled. This provided seamless multi-user interaction.

trial-and-error-interactive-window-split
The Interactive Windows interface allowed users to see other people’s touches on their own device.

We also explored networked microcontrollers designed to encourage collaboration and real-space play. Student Brian Jacob described his team’s experience creating these pieces, titled Cube3: "The cubes required an immense amount of coding, construction, and electronic work. What could go wrong did go wrong during prototyping, but in the final stretch before the event, things seemed to come together."

trial-and-error-photobox
Pixel Pix captures a photo at your command and triggers an LED lightshow, then alters and distributes the results. Team: Brian Jacob, Aileen Klebba, Brian Hendrickson.
trial-and-error-cube-split
Color Cubed allows finite control of a custom-built, wireless RGB light fixture. Team: Brian Jacob, Aileen Klebba, Brian Hendrickson.

The home stretch

The last mile was a challenge, but students put in the extra time to get it right. Student Rachel Ariyavatkul remarked that "It was a lot of work and we were really tired by the time opening night came, but when it did, the crowd was receptive to the installation, and their excitement drew more people in."

trial-and-error-opening-night
Quick Response opening night.

An ongoing challenge with emerging technology and teaching interaction design is to help students understand that new kinds of expressions are possible, without forcing them to re-invent the wheel. The Quick Response project was a good example of this kind of iteration, where they combined existing forms of the QR code, perspective art, and mobile interfaces to find new meanings. The work also won the 2011 Adobe Design Achievement Award for Installation Design.

The Quick Response team included Rachel Ariyavatkul, Jennifer Barrett, Paolo Catalla, Brian Hendrickson, Cate Horn, Brian Jacob, Lani Kercado, Aileen Klebba, Amanda Matzenbach, Alex Poterek, Will Ruby and Nick Sternberg. We invite you to view our project.

About the Author

Nick Sternberg is an Adjunct Professor in the Graphic Design department at the College for Creative Studies in Detroit, as well as an award-winning Creative Director specializing in interactive experiences and content. He earned his MFA in 2D Design at the Cranbrook Academy of Art, and his BFA in English-Creative Writing at the University of Wisconsin-Madison. Nick has a background in writing, music and performance art, which informs his practice and teaching philosophy, best summed up as "the myriad ways to reach an audience."

Products

  • Acrobat
  • Creative Cloud
  • Creative Suite
  • Digital Marketing Suite
  • Digital Publishing Suite
  • Elements
  • Mobile Apps
  • Photoshop
  • Touch Apps
  • Student and Teacher Editions

Solutions

  • Digital marketing
  • Digital media
  • Web Experience Management

Industries

  • Education
  • Financial services
  • Government

Help

  • Product help centers
  • Orders and returns
  • Downloading and installing
  • My Adobe

Learning

  • Adobe Developer Connection
  • Adobe TV
  • Training and certification
  • Forums
  • Design Center

Ways to buy

  • For personal and home office
  • For students, educators, and staff
  • For small and medium businesses
  • For businesses, schools, and government
  • Special offers

Downloads

  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR
  • Adobe Shockwave Player

Company

  • News room
  • Partner programs
  • Corporate social responsibility
  • Career opportunities
  • Investor Relations
  • Events
  • Legal
  • Security
  • Contact Adobe
Choose your region United States (Change)
Choose your region Close

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

Terms of Use | Privacy Policy and Cookies (Updated)

Ad Choices

Reviewed by TRUSTe: site privacy statement