How to create QR Codes using the MECARD format

January 30, 2010

QR Code using MECARD format

There are a lot of interesting things about Japan. I lived there for a stint back in 2006 and one thing I found remarkable was the hyper-advanced state of cell phone technology and how individuals would use this technology to interact with their everyday world in a very matter-of-fact way. One method that made this possible was the omnipresent QR Code technology.

Of the millions and billions of neatly packages products and services in Japan, nearly all came with a two-dimensional barcode embedded with bits of information that could be read using any old cell phone with a barcode scanner – and for most Japanese cell phones, even back in 2006, this was a standard feature.

You could be sitting at your local Mos Burger, whip out your phone, scan the burger menu and after viewing the nutrition information realize that you are killing yourself in the most delicious way possible (most likely while listening to the Beatles).

I’ve been seeing more and more of these 2 dimensional codes around, and after getting my Droid and a barcode scanner, I decided that I wanted to create a barcode to allow the tech savvy or the novelty seeking to save my contact information in an interesting way. Of course you could experiment with other types of data, but this is the only practical application I’ve discovered for my own personal use (although I’m interested in finding out how else the codes could be used to create more immersive experiences).

I thought the most effective method for storing contact info in a QR Code would be in a VCARD format, but I was wrong. There is another format, called MECARD (developed in Japan by docomo), that in addition to displaying plain text data in a structured way will also create action prompts for the user based on the type of data. For example, scanning a QR Code with a phone number stored in MECARD format will not only display the number but also prompt the user with a button to call the number. A similar prompt is created for emailing or committing the contents of the contact info to your phones memory. You’ll have to trust me and try it out for yourself if you’re interested.

Here’s an example MECARD file format for my contact info:

MECARD:
N:Truman,Fred;
NOTE:Graphic and Interaction Designer;
TEL:16464503733;
EMAIL:info@fredtruman.com;
URL:http://www.fredtruman.com;;

The entire process in three easy steps:

  1. Create your MECARD file (replace your info into the example above)
  2. Use this free barcode generator by selecting “QR Code” from the first dropdown menu, and pasting your MECARD into the data field (please note you might have to remove the line breaks and white space from your MECARD data)
  3. Set your dpi to as high as possible and generate your barcode

Just test out the result with an iPhone or Droid app, and when you get one you’re happy with simply save the gif and do what you will with your code! Wow. So simple. So nerdy. Enjoy.

x

Hi there. I'm a design & code creative living, working and studying in sunny Brooklyn, NY. I'm currently finishing my thesis project at ITP and looking forward to what comes next.

Keywords: Design, User Experience, Interaction Design, Product Design, Visual Communication, Branding, Processing, Data Visualization, HTML, CSS, Javascript, Python

CV - download cv (pdf - 180kb)

Contact

Education

2010.09 — 2012.05 (expected)

Master of Professional Studies
Interactive Telecommunication Program (ITP) Tisch School of the Arts, New York University

2010.09 — 2004.05

BA Visual Communications with minor in Art History
The George Washington University
Graduated Cum Laude
National Society of Collegiate Scholars
Spring 2003 semester at Sydney University, AU

Work Experience

2012.01 — present

Interaction Designer & Developer, SumAll, New York, NY

I'm currently working on an amazing data product with an incredible team here in SoHo. Check us out!

2011.06 — 2011.09

UX Designer, Microsoft Bing, Bellevue, WA

Worked with design, editorial, dev and program management teams to scope, design and develop prototypes for soon-to-be-released Bing.com feature during a summer internship. The internship culminated in two presentations of the feature prototypes to senior leadership at Microsoft as well as the Bing design team.

2007.02 — 2010.08

Graphic & Interaction Designer, Empax, Inc., New York, NY

Created a range of environmental, print and interactive materials to promote nonprofit clients and their causes. responsible for designing and presenting brand strategies, identities, print collateral, environmental signage, animation, user experience and interface, content management system setup and third party plug-in and data integration, search engine optimization, user analytics and testing.

2006.12 — 2011.08

Freelance Graphic & Interaction Design Consultant, New York, NY

Worked as a sole proprietor with various clients from retail, music, film, nonprofit, real estate and technology industries to create and improve existing brand and user experiences across many platforms and media.

2004.04 — 2006.01

Graphic Designer, The George Washington University Communication & Creative Services, Washington, DC

Worked with project management and external production vendors to deliver a range of print and interactive material related to university publications and communications initiatives. responsibilities included design and implementation of print collateral, posters, animation, environmental signage, web publication and press checks.

Selected Publications

2011.07

Freakonomics (Web),
“What Would it Be Like to Climb 26 Years of Federal Spending?”

2011.04

Flowingdata (Web),
“Physically climb over budget data with Kinect”, by Nathan Yau

2011.02

Logo Lounge 6 (Book),
by Catharine Fishel and Bill Gardner, Rockport Publishers - Gedenk Logo

2010.12

“A Bartender That Pours The Perfect Shot, Every Shot”, by Matt Buchanan

2009.11

Basic Logos (Book),
by Index Book - The 2007 Gotham Awards Logo

2008.10

Print Magazine,
“Dialogue: Martin Kace”, by Steven Heller - The Alliance for Climate Protection Website

Selected Exhibitions

2010.12

ITP Winter show 2010, NYC

2011.04

Data Viz Challenge Party, hosted by Eyebeam and Google, NYC

2011.05

ITP Spring Show 2011, NYC

Other Experience

2006.01 — 2006.12

English Teacher, NOVA Japan, Kure-shi, Hiroshima-ken, Japan
Taught and mentored students of all ages and abilities in small to medium-sized classes to improve proficiency in english linguistics and conversation.