Friday, December 6, 2013

Photoshop (PSD) Templates for iPhone and Android Mobile App Previsualization

Before you start working in Photoshop, save yourself time and effort by finalizing your wireframes.  It's a lot easier to quickly change your hand-drawn wireframe sketches than modify a Photoshop file!

Once you have your wireframes where you want them, here are links to some design templates for Adobe Photoshop to help you create the pre-visualizations:

Teehan + Lax iPhone 6 Template
Updated Photoshop template for iOS 8 and iPhone 6 from Digital Experience agency Teehan + Lax.

Teehan + Lax Android Template
Photoshop template for Android devices (also from Teehan + Lax).  This one is a little outdated, but still useful.



If you like these templates, give a shout out to @teehanlax on Twitter.  They'll appreciate it.

- - -

If these templates don't work for you (or if you are averse to sweater vests), here are a few other sources to try:

9 Highly Recommended Free Android UI Kit PSDs
Choose one that works for you.  From TwelveSkip, the blog of Web designer Pauline Cabrera.


Smashing Magazine iPhone PSD Vector Kit
Photoshop template with many of the iPhone 4 UI graphics. This is a little out of date.  From the awesome web publication Smashing Magazine.

If none of these work for you, try searching Google for "iPhone PSD template" or "Android PSD template".

- - -

Wednesday, December 4, 2013

Cool Mobile Marketing Campaigns

Mini Getaway Stockholm
A promotion for the launch of the Mini Countryman in Stockholm, Sweden in 2010.  Over 11,000 Swedes downloaded the app and participated in a massive multiplayer augmented reality game that involved "catching" a virtual Mini only visible through the app.  Created by creative agency Jung von Matt in Sweden.




Chok! Chok! Chok!

A fantastic campaign developed by McCann Hong Kong for Coca-Cola.




Mobile Medic App - Australian Defense Force

A recruitment campaign for the Australian Defense Force involving an augmented reality-driven medical diagnosis app.  Prospective recruits use the app to try and "diagnose" a patient's billboard.  The ad functions as a kind of entrance exam.  This campaign won several Cannes Lion awards in 2012 for GPY&R and VML.




Heineken Star Player
An engaging iPhone app for interacting and competing with UEFA Champion League football fans during games.  More info on game and results here.  Created by AKQA.

Band Aid Magic Vision
Award-winning augmented reality application produced by LA digital agency 9K9 and global agency JWT.




Diesel Jeans
QR Codes combined with Facebook integration make it easy for shoppers to "like" Diesel Jeans.

Wireframing Your Mobile App

Once you have an idea of what type of mobile app your group will be designing and what some of the features will be, the next step will be to start sketching out exactly how this app will work. This is done with a technique called wireframing - a rough approximation of what will appear on each screen of your app and how users will interact with it.


Photo by Flickr user Baldiri

Wireframes can be done in many different ways using many different tools - from simple hand drawn sketches to detailed annotated illustrations using robust software tools. For this project you will not need anything more complex than some simple hand-drawn sketches.


Photo by Flickr user Fernando Guillen


The goal of a wireframe is to quickly communicate how the app will look and how it will function for a user.  Wireframing involves multiple screens/pages that connect to one another through buttons or other interface elements.

Here is one helpful tool that you can print out multiple copies of for quick sketching that still has a "clean" look: a set of printable iPhone 4 wireframe templates:


UPDATE: Here is a set of printable iPhone 6 wireframe templates.



If you do a little Googling, there are tons of wireframing tools, templates, and toolkits available out there (including this gorgeous toolkit for Adobe Illustrator).  Most are overkill for this project.  My advice is to stick with sketches and stay focused on the concise communication of your app's layout and functionality.

Friday, November 15, 2013

A Cavalcade of Tweets

Some great action on the #unidigadv hashtag this week! My students have been working really hard to complete an epic three month long project using social media to build a personal brand. Their final deliverable was a 20-30 slide presentation documenting their project, the quantitative metrics they collected along the way, and their assessment of their success. Many students started panicking on Wednesday as they realized how much work their final presentation would entail. Doug Drees and Therese Kuster from Targetclick were listening in and gave my students an open invitation to contact Targetclick for internships. Nice to see some local industry professionals who know where to look for talent! As the project deadline loomed, students began to see the light at the end of the tunnel as they wrapped up their projects. There was a mixture of exhilaration, sadness, and accomplishment. Yes - you can get a round of applause - you ALL can.


Nice work. Have a great weekend.

Monday, September 9, 2013

When you think of a blog, what do you think of?

A lot of students new to blogging have a hard time with how blogging is useful in marketing.  I have found that this is mainly because when students think of what a blog is, they think of personal blogs filled with diary-style musings about their personal life or a Tumblr-esque cascade of animated GIFs.



I'd like to make sure you have some good examples of professionals who use blogs to promote their personal brand by creating interesting original content.  


Here are a few blogs about marketing that you should take a look at and learn from.

Logic + Emotion
David Armano, VP at Edelman in NYC, is always posting insightful ideas 

Erika Napoletano
Erika is a copywriter who irreverently writes about marketing, advertising, branding, and business from a unique perspective.

Chris Brogan
Chris is a publisher and business consultant. He helps business owners and marketers get up to speed on what he calls the "personal business revolution".

I'd encourage you to use tools like Google Blog Search to find influential blogs in the topic area(s) surrounding your personal brand.  Set up a blog reading tool like Feedly to check in on them as you would check on news, sports, or Facebook happenings.