Let Websites be Websites
We need to rethink websites and how we design and interact with them. We should stop thinking about them like they’re printed material on paper. Let’s embrace the movement and interaction that modern technology allows us to have with our message. Websites should provide the most optimized, quickest and most enjoyable user experience no matter where they’re viewed. In order to do that, we need to employ the principles of responsive web design.

Responsive web design is design that grows and flows within the browser window. Using only one code base, a website can grow to fit the largest screen or shrink and stack to fit the smallest mobile screen, all with elegance and attention paid to design and usability. The trick is to forget about some of the restraints we currently impose on websites while deciding what is “good” and “pleasing” and “efficient” design, and to embrace some new thinking.

Is this starting to sound too philosophical?

Well, OK. Fine. Instead of talking about the design philosophies behind responsive web design, here are a few reasons why a business can benefit from thinking about the Web in a new way.

Adaptability
The Internet is an open and adaptable medium that can show up anywhere, from computers and phones to TVs to vanity mirrors and car seat headrests. Who knows where the next screen or projection surface will be? Content for such an adaptable medium should be able to adapt. This reduces redundancy in planning, development, and maintenance and therefore decreases cost. One code base can serve any and every device at the same time.

Furthermore, there will always be some new device that people decide to start surfing the Internet on. If your site is responsive, there’s no need to decide if it’s worth the cost to build a version of your site for the new device. It’s already built and displaying beautifully.

Consistent Branding
For a lot of companies, online presence is almost entirely a branding exercise. It’s all about being there when your customer is looking for you. A successful brand is one that customers can identify with, relate to, and ultimately fall in love with. It makes sense that after spending the time to bake that brand into a perfect website, it should always look the same. With a responsive design, that brand will form fit to whatever medium it’s being displayed on. There’s never confusion or guessing for your customer, and there’s only one update each time you need to make a change.

Evolution
In a very short time, all of the smartest and most agile brands will boast responsive websites, and everyone else will be clamoring to catch up. Efficiency and good sense will undoubtedly win out, and when that time comes, instead of trying to keep up, you’ll be miles ahead.

It’s hard to tell companies that they should, without a doubt, look at implementing a responsive website. There are limitations. There are drawbacks.

It’s really easy, however, to tell companies that they’d better open up to a new way of thinking about the Web. They’d better be receptive to some big and beneficial change, and they’d better be ready to implement when the time comes. Those who don’t react will fall behind. It’s a lot like when older companies used to argue the importance of a website in the first place… remember those days!?

This article was originally published in Philly Ad News

Two of my Favorite Responsive Sites Right Now
(Play around with the window size to see how these sites shift and rearrange for different device sizes… or open them up on your phone and your computer at the same time.)
http://anderssonwise.com
http://bostonglobe.com

Sure, Why Not Press The Button?
You’re an avid user of Twitter and you’re pushing 2,000 friends on Facebook. You check the box and watch while the application computes your social status. It comes back with a score of 35 out of 100 and offers $5 off your purchase if you share your new buy with friends on Twitter, Facebook and Google+. Decisions, decisions. Do you share your purchase with everyone you know? That’s pretty annoying. If you only share it with your “shopping circle” on Google+, you get $1.50 off. Is it even worth it?

You press the button. The price for the garment drops $1.50 and your transaction is complete. You casually show your on-screen receipt as you pass by the employee at the door. He offers you a bag, and you accept. The clothing brand just paid $1.50 to blast your inner circle with some free marketing. Well, not free, but for a lot less than it would cost to reach the same amount of people with an ad in a magazine or an online ad campaign, and hopefully with more credibility.

It’s Already Begun…
For those of you tech types and marketers who are aggressively driving the engine into this future of purchasing, good for you. Klout, for example is making noise with their social status ranking, the Klout Score. If you go to Klout.com and connect your Facebook, LinkedIn and Twitter accounts, they’ll give you a score and attempt to tell you what topics you’re considered “influential” in. On top of that, they’re already working with businesses to identify top influencers to offer them perks. An interesting example is the promotion of Stephen King’s new book Mile 81, where based on your Klout score, readers receive a free e-book download in exchange for Tweeting out the promotion and the book.

Take this a step further in the future. Imagine every product, every restaurant and every event you’re interested in calculates your social score as you walk through the door. If you want to get in, you better tell your friends you’re at the club. If you want to get in without a door charge, you better have a high social status.

There Are Some Concerns…
There are a few major problems with the future of shopping, as it pertains to social status and buying, and why it may run into some serious push-back. Giving discounts as an incentive to share a purchase on Facebook promotes biased brand advertising (what many would consider social media garbage) jamming up your feed. If your Facebook feed is full of “I bought this and that”, you’re going to stop trusting your friends.

Another problem is the rich and influential get the price breaks while the poor and tech-illiterate don’t get the deal. It accentuates the disparity between the social class that buys every new iteration of the iPhone and the everyday cell phone user that has never heard of a data plan or downloaded a mobile app. But do these people shop at Banana Republic or Victoria Secret anyhow, and do they even exist in 2015? Sure they do. Only 27% of US mobile phones are currently smartphones (according to comScore’s 2010 Mobile Year In Review report). Globally, only 1 of 5 people own smartphones. But, what will that number look like in 2015 and what percentage of people will use their smartphones to browse and buy on a daily basis? Assuming smartphone growth continues at it’s current rapid pace, by 2015 there will be a new value put on each customer, and these brands (the smart ones, anyway) will achieve as much social publicity as they can get from their socially-savvy consumers.

The Truth Is…
If you aren’t carrying an expensive smart phone and aren’t spending time on the social web, people still care about you. You will simply become less and less valuable in the eyes of your favorite brands and will be penalized, paying top dollar for their products. It’s high school all over again. Lady Gaga gets paid thousands for an endorsed tweet. You get nothing…unless you’re one of the cool kids (based on your calculated online social ranking) of course.

This article was originally published in Philly Ad News

Turntable.fm originally started as Stickybits, a QR code scanning, geotagging, hodgepodge of a tech start up. They raised $2 million in initial funding. When Stickybits didn’t take off, they pivoted their business and transformed into Turntable.fm, using their remaining money and resources to launch the product into its current state.

How does it work?
Users can create or join rooms. In each room, there are five DJs at any one time and up to two hundred other users who sit and listen.  DJs can then search for songs through the Turntable system or upload their own. The rooms then cycle through the DJs one song at a time while the rest of the crowd listens and “awesomes” or “lames” the song. If a song gets enough “lames,” it gets skipped. The DJs have incentive to play popular songs in order to collect “awesomes,” which unlock bigger and better avatars. This gamification makes Turntable “fun and engaging” for users and gives it a leg up on the competition.

Why is Turntable special?
Because people are far better curators than any algorithm. This is social music. People love music and they love sharing it. There are still some major hurdles for them to overcome, but Turntable has that “it” factor that Facebook, Twitter, and Foursquare all respectively have shared since their launch into the world of social media.

Record labels and their attitudes on copyright laws present the last major hurdle for Turntable. Currently, all of their music is licensed through Medianet, a digital content provider, employing the protection of the Digital Millenium Copyright Act (DMCA). Turntable, just like Pandora, claims to be a “non-interactive radio service,” which allows it to work under the DMCA. They pay a flat fee to the music owners for each song played. But there are several grey areas within the DMCA that need to get ironed out before Turntable can fixate itself within the social media landscape.

Where is Turntable going?
In the Brolik office, Turntable.fm has replaced iTunes, Pandora, Spotify, Hypem and the other numerous music services we previously used. Although Turntable is still rather young, it has some serious potential. We’ve set up a Brolik Turntable room for the office, and anyone can come in and play a song for themselves and our office via our wireless speakers (fair warning, we’re not always in there).

Once you start thinking about other businesses that can employ it, some real possibilities emerge. Imagine if you could go to your local bar and DJ with other regulars (and a few staff members to keep it organized). Or before you head off to the gym, you jump into your gym’s Turntable room and line up a playlist for the next hour. A few artists such as Ra Ra Riot and Talib Kweli have even started using Turntable.fm to showcase new songs and connect with fans first hand.

Turntable.fm is special. No other site has brought together social networking and music in such a successful blend. Let’s hope that the record companies see it as a beneficial tool that they can use and don’t thwart it before it can grow and evolve. At this point, all that we can do is sit back and watch this small start up begin to address the hurdles that still remain. But for now, we sit, wait, and keep listening.

So what is content marketing?
It’s creating valuable content through blogging, podcasts, seminars, white papers, etc and distributing that material to people who will associate a positive connection to your brand or services. Content Engineering takes that a step further– it’s using trends in analytics to optimize the views, downloads, clicks, traffic, and overall saturation and performance of the content you are marketing, before you publish it.

Why does it matter if we engineer the content?
Well, Google (and other search engines) reward websites that provide helpful and relevant content and make it easy to find. Relevant doesn’t just mean it’s helpful to some people, it means that popular search terms, the blog title and blog content all connect, forming a relevant search experience for the reader. In other words, people search and find what they are looking for, consistently. As a result of your strategic content engineering, your website will be more credible and optimized.

This type of engineering can be as simple as doing keyword research to analyze the competition and volume of a keyword or group of keywords before publishing your blog post using tools like Wordtracker or Google Keyword Tool. Let me give you an example…I had a handful of options for the title of this blog:

Hi, I’m a Content Engineer, and I’m Doing it Right Now. (Interesting, but not good for SEO)
The Basics of Content Marketing, Keywords and SEO for Blogging
What’s the Value of my Blog?
How do I Search Optimize my Site with a Blog? (Getting closer…)
How To Blog Your Way To More Search Traffic (WINNER!)

The difference between these titles could be hundreds or potentially thousands of unique visitors in the next few months. It’s hard to predict exactly what the outcome would be for each title, but looking at the keywords in each, the titles range from very competitive to high volume / low competition (and that’s what we want).

For example, the term “Content Engineer” shows ZERO searches in the Wordtracker database. That’s right, being the top site on Google for those who search for “Content Engineer” will gain you exactly nothing. Nobody knows the term (surprise!), and so nobody is searching for it. Conversely, the term “How to” was included in almost 250 million searches in the Wordtracker database and “How to Blog” in over 20 million. While not everyone who searches for “How to blog” is looking to increase search visibility, there’s a good chance that people who are looking to blog want people to read it, making this a very pertinent article.

If you’ve read to this point and learned something new, then I guess I’ve done my job and I’m sure Google appreciates it. So, before you just post your next blog, think about the amount of potential interest based on the topic your writing about and don’t just come up with a clever title. Find the right title for SEO. You’ll be happy with the results.

Now, almost 8 years later, it would appear that everyone has realized that websites aren’t movies. Now that people are used to browsing the Internet, they want and need certain things to stay interested. Nearly everyone (except the restaurant industry) has done away with intro videos and sitewide music, but it’s still really hard for people to break away from another medium that the web tends to impersonate. Print design.

The Web is Definitely Not Print
At their core, print and web are very similar. Both mediums convey a message, both aim to lead the viewer around a “page” or “canvas,” and they both need good design to do so. The web, though, has a number of really useful traits that print doesn’t have- things like an unlimited canvas size, the ability to hide and show information, and the ability to adjust design based on user preference- to name a few. The boundaries of print design are defined by the medium’s lack of these traits. As of today, those same boundaries are (for some reason) being placed on web design.

What I’d like to propose is that the web doesn’t have the inherent boundaries that print has, so we need to stop treating web design like it’s print design. We need to stop thinking about the web in terms of print, and we especially need to stop talking about the web using print terminology. Remember (and I know it’s hard), that the web is not print.

Even though there are a lot of reasons why the web should not be thought of in print terms, I want to focus on a couple important reasons just to get you thinking.

The Canvas
You know why we call it a “web page”? It’s because we’re referring to a page, like a page of print. A page, however, has a fixed size. It has edges that limit it because it’s physical. In print design, if we have a lot of information to get across to a user, and we only have a small page, we’re forced to shrink all of the information to fit on that single page. Good designers know how to organize that information so that it still looks friendly, readable and carries a brand, but at some point the limits of a physical page can really hurt an otherwise perfect set of information.

A website, though, in a browser window, is a virtual and essentially limitless space on your computer monitor with no such constraints. Clients are always asking us to keep information “above the fold,” even if that means shrinking font sizes or reducing image sizes. But when designers try to cram information above the fold on one computer screen, another smaller screen still hides information and a larger screen looks empty with a ton of white space at the bottom. The web isn’t meant to have a fold. It’s movable, and it’s meant to be interacted with.

The Andersson-Wise website is a great example of how a design should react to screen size, not be constrained by it. Resize your window to different proportions to see it in action.

Instead of treating a website as a page, it’s better to think of it as a window– a window that looks into a sea of information that can be scrolled, moved, scaled, etc.

User Preference and Control
Another trait that print lacks is the ability to cater to user preference. Some like their words big, others very tiny. Some even prefer to read text that’s white on black, so it’s easier on the eyes. The modern browser allows us to control these things, but the modern web designer tries as hard as possible to override these settings, sticking to a strict, pixel-based font size and a fixed site width. We even purposely cut a design off on each edge and leave a bunch of unused “background” just because it’s a constraint that we’re all used to. (Don’t get me wrong, I know we have to do these things sometimes, but hopefully you’re starting to get the point here.)

That’s only one example of a user preference. Think about the user who has thirteen windows open on their screen at once, so your website is only a tiny square in the corner of their screen. Where’s the fold for them? How’s your font size look there?

And what about mobile?!

The Point
The point here is not to run out to your web design firm and overhaul all of your fixed-pixel font sizes, opting instead for a percentage-based font system that scales to a user’s browser window. (That would be awesome, though.) The point is really to start looking at the web as the living, breathing, interactive organism that it is. The more your users control their experience, the happier they are. It’s scary as a designer, as we tend to be control freaks, trying as hard as we can to finesse each and every pixel until our composition is “perfect.” But we need to design for the unknown. It’s even got a name: Responsive Design. Some consider it a zen-like philosophy towards web design, because it just goes with the flow. One “design” can work on a huge TV screen and on a tiny smartphone equally well.

I’ve found that the challenge of creating a design that can move and react and still look great is exponentially more fulfilling than creating a static, non-changing, single layout. Learning to embrace the spontaneous design moments that happen as our images and text slide and scale is essential to a more user-friendly and evolved World Wide Web. It’s more challenging, but it’s more rewarding. The sooner we all stop thinking about the web as print design, the faster the web can progress as its own new and different medium, with its own set of capabilities and possibilities.

Additional Information

Andersson Wise – a great example of what the web can be and where it’s going.
http://anderssonwise.com/

Responsive Web Design by Ethan Marcotte - If you’re a coder and are interested in responsive design, this book is a quick read and a great resource… in fact, the author coined the term “responsive design.”
http://www.abookapart.com/products/responsive-web-design

A Dao of Web Design by John Allsopp – Great article (from 2000!) that explains some philosophy relating to the web as its own medium.
http://www.alistapart.com/articles/dao/

For designer/coders – A Smashing Magazine compilation of tricks and techniques that we’ll start to see as more designers start embracing the web for what it really can be.
http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/

1. Create a memorable brand identity and a strong voice to go with it (sorry all you product-centric folks out there, you’re generic without it).

2. Create a Facebook fan page and experiment with Facebook ad campaigns. You might be surprised at how quickly your following will grow. Just make sure you’re staying active with quality content, offers, and conversations. Each Facebook fan is valuable.

3. Get your product in the hands of people who want you to succeed and will talk to everyone they know, even if they don’t pay you a cent.

4. Find someone willing to write about you, then give them a reason to. Warby Parker got their start this way.

5. Make product returns as easy for your customers as possible to eliminate risk for the customer. Piperlime does this really well, and so does Gilt.

6. Go beyond the “browse and buy” mentality and integrate social tools to allow your customers to ask their friends’ opinions, share their purchases, and “like” your brand. Reward them for doing it, too.

7. Keep your website and customer experience slick, simple and extremely usable.

8. Pay attention to analytics. Focus on improving every page/click and converting every visitor.

9. Focus on CRM integration as early on as possible to organize customer accounts, email subscribers, purchase history and analytics from one central location. A few years from now you’ll be very happy you did.

Do you have other tips to contribute? Comment…

From the onslaught of tablets that appeared at Computex earlier this month to the iCloud announcement that kicked off Apple’s WWDC conference, there is an overwhelming move away from the traditional desk-bound personal computer. Intel described the trend at a Computex presentation as a shift from the idea of the “personal computer” to “personal computing,” essentially eschewing the idea of a main computer as a “home-base” that is used to administer and store data for any mobile computing devices. They showed a decline in the purchase and use of stationary PCs while there was massive growth in both the purchase and use of notebook computers, tablets and smartphones. Steve Jobs, in classically strident Apple style, said at his WWDC keynote on June 6th that he sees no reason why the tablet computer shouldn’t completely overtake the traditional PC in the next few years. The rapid industry move to the idea of “cloud” computing and storage has only increased this ability to stay mobile by eliminating the need to store and access information from a fixed location thus allowing necessary data to be accessed from anywhere in the world.

What do we need to do in business to keep up with this quickly evolving trend? For one thing, get used to mobile computing. Soon, your company’s website will be accessed more often on a smartphone or tablet than on a desktop or notebook, so make sure it conveys the image you want it to. If you’re not going to spend the time and money to create a mobile version of the site, at least make sure that it is designed in a way that is easy to navigate on a 3.5 inch screen. Furthermore, users expect total accessibility to tools that they use regularly, so consider how customers use your products and how to make it easier for them. Developments like Apple’s iCloud open up a whole new realm of possibilities, allowing users “digital life” to be totally stored in off-site servers and accessed from anywhere in the world. Almost any business can benefit from the connectivity and cohesiveness that this concept can bring to their products, it’s just a matter of creativity in how we use these systems and how they can be integrated.

For starters, worries about data backup and retrieval can be remedied with any number of cloud backup services that store irreplaceable data in a huge warehouse thousands of miles away. Apple’s iCloud music match service allows us to listen to the same music library or check out the same photos on any of our devices, without having to worry about keeping them synced with each other. The real excitement, though, comes from seeing what other 3rd party developers will envision based on this technology. Imagine using a similar system to keep proprietary data synced across any of your clients devices, whether they use a web based interface or actual application installed on the device. Behemoth companies like Apple, Google and Intel have set the stage, now it falls into the hands of the masses to actually shape and develop these new technologies. In the end it’s up to us to figure out how these ideas fit into our lives and businesses, and how we can use them to become more efficient and intuitive.

I realized that this is a pertinent question that would help a lot of our readers. Although the answer varies project to project, I believe I can shed a little light here.

A Quick Background
I’m going to simplify coding into two parts. The frontend and the backend. The frontend is anything that the end user will see on the web. This is probably what you think of when someone mentions a website. The backend is everything that goes on behind the scenes, which in some cases is a lot more complex than the front end. For example, backend coding involves complex calculations or pulling content from databases. For particularly complex sites, I refer to the backend as the “heavy lifting.”

Future Proofing
So to explain which parts of coding are genius and which are so trivial that a monkey could do them, I’ll start with the frontend. There is a very important factor in frontend development that I call “future proofing.” Future proofing is very important to us at Brolik, and I believe it’s a sure sign of professionalism when done right.

Future proofing includes three main factors. The first is scalability. Code should be written to make sure that it’s ready for future additions. This could be a new tool that comes out or a new trend that emerges on the web. If the client comes back with a request after a project is finished, we don’t ever want to say, “No, you can’t add that without starting from scratch.”

The second factor is updatability. After initially coding a website, we’ll sometimes need to make specific or global changes to how it looks or functions on the frontend. If coded properly, it should be simple and quick to make these global changes. This requires properly structured, organized code that is well commented (what’s code commenting?).

The third future proofing factor deals with standards and depreciation. The web is always changing, and sometimes bits of code get “depreciated” and eventually phased out. Also, website “best practices” change over time, and code that used to be cutting edge eventually becomes outdated. There’s enough documentation out there, however, that a good developer will be able to know what’s going to be outdated soon and avoid it.

As you may have guessed, all of this future proofing falls under the genius side of coding. There aren’t many worse surprises than picking up a project from another firm and realizing that it wasn’t written in a way that makes modifying easy.

The Backend “Hidden” Code
Some parts of a website or application are more set in stone, and a good coder will break these parts off into separate, “hidden” files that run in the background. If you’re familiar with coding, these parts would be javascript includes or PHP class files, for example. They’d most likely control common or standard functions, like an ecommerce shopping cart.

These files take in information, process it, and then output new information for the website’s frontend to display to the end user. Because this code is usually very function-based and is unlikely to change much in the future, it’s not as important to be future-proof or written in with human readability in mind (it’s good practice to format code so that it’s easy for a human to look at and assess what’s what). As long as this “hidden” code functions as intended, it matters less how well the code is written.

For this reason, “heavy lifting” is typically able to be handled by any coder with a computer science or information technologies degree. Of course, experience and individual skill will factor in here, as I’ll get to next.

Complexity of Project
Sometimes that heavy lifting backend part of a website or application is much more complex, important or sensitive than a typical project. In this case, you’d be a lot safer in the hands of a genius. Because there are differences in good and bad code, cases where bad code is a potential security threat (like sites that handle credit cards or store huge amounts of sensitive corporate information) shouldn’t be left to a monkey.

Knowing when you should hire a genius and when you can get away with a monkey will surely still be a challenge if you aren’t a coder yourself. Learning and understanding these general concepts can, however, go a long way for a business owner.

HTML and HTML5… Defined
There are a few reasons why asking someone to code “in HTML5” is not exactly correct. First and foremost, HTML5 is not a new coding language or a new framework to build websites on. HTML, or HyperText Markup Language, is a coding language that’s universal for the web. All web browsers read and interpret it. HTML5, for all intents and purposes, is a slang term for some new standards in HTML. There are some new tags (what’s a tag?) that are specific to HTML5, but the language is still the same HTML.

Before I give a few examples of the new features that HTML5 allows, let’s make sure we’re on the same page with how this stuff works. HTML code is always the same. It’s a programming language, and much like Spanish or French, it has its own structure, syntax, organization, etc. Once you deploy a website, it’s up to the web browsers to interpret the HTML code and display it to the user. The different browsers– Internet Explorer, Safari, Chrome, Firefox, Opera, etc– all interpret HTML in their own way, which is to say, however they please. So when a developer writes a webpage in HTML and views it in Microsoft Internet Explorer, it may look completely different than viewing it in Google Chrome. Independent organizations like the World Wide Web Consortium (the W3C) compile and write standards for how browsers should interpret code, but there’s certainly no law that requires browsers to follow any standards. This is especially frustrating for developers, as it forces us to test the same line of code in every browser we can think of, including different versions of the same browser. If you’ve ever heard a developer or Internet nerd complain about IE 6, this is why. Beautifully written code won’t necessarily render correctly in IE 6… it’s just the way it is.

The Examples
Understanding that there are code standards is a good start to understanding some of what HTML5 means. Since the demand for standardization is greater now than it ever has been, companies that make web browsers (Microsoft, Apple, Google, Mozilla) are doing their best to stick to standards. HTML5 offers up a new set of standard tags and information about how they should output and what they need to do. The new tags include better and more compatible video embedding (without Flash), more in-depth form tags, and location-based features that come into play a lot with mobile web. For example, before HTML5’s video tag, embedding a video was an iffy experience. The code to do so (without HTML5) is not well supported across different browsers, and developers are forced to add “catches” into their code so that a browser that’s confused by an “embed” tag will revert to something else that it can understand. Even Flash video players (the current standard) require coding a couple different “versions” to make sure all browsers display the content correctly. HTML5’s video tag now makes sure that one universal tag always works and always degrades in older browsers. It’s that type of standardization that separates HTML5 from other HTML.

When And Where It’s Safe to Use HTML5 Now
HTML5 was unofficially “released” (or at least made popular) in April 2010 when Steve Jobs brought it to mainstream attention. But that in no way meant that all browsers were ready to read and interpret the new features and functionality that HTML5 offers. Currently, in March of 2011, as HTML5 is really starting to take hold, there are more and more places where it’s 100% acceptable to use the new tags. The most prominent place is mobile web. New smartphones that have full Internet browsing capabilities are almost all up to standards when it comes to their browsers. There’s no such thing (yet) as an outdated phone browser because the mobile phone web browsers are so new. Coding a mobile web application or a mobile web site is very easy compared to the untamed wild of desktop browsers and desktop browser versions. But aside from the mobile web, the new or new-ish versions of Safari, Chrome, and Firefox are all ready to take advantage of the new capabilities. Internet Explorer 9, recently released, will supposedly follow Internet standards better than any previous version of Internet Explorer. Here is some info on how it performs out of the gate.

But Back to the Question at Hand
Hopefully I haven’t insulted anyone who’s ever asked a developer to code their site in HTML5 because I truly love the interest in the web and in technology in general. My intention here is to clarify the little distinctions so that there’s no confusion down the road. A more appropriate question could be: “Can we (and should we) take advantage of the new features and technology offered by HTML5?” But don’t forget to follow that up with: “Will it still work in IE 6 on Windows XP, though?” Because of course: “My office only uses IE 6 and we can’t upgrade. I’m sure most of my clients are the same way, too.”

*Mass sigh from developers everywhere*

More Reading
W3C HTML5 specificiations
Dive Into HTML5, a great HTML5 resource

Let’s start by looking at the options when it comes to mobile marketing, and clearly define the differences between each. (You may be surprised how often people confuse them.) I sat down with Chuck Sacco, VP of Client Strategy at Movitas to help shed some light on mobile technology and what you need to know.

Know Your Options
Standard Website – Built for a desktop computer that can be accessed from a mobile device. The developer didn’t take mobile devices into account when building. (This will help to differentiate it from the mobile website).

Mobile Website – A browser-based website that is developed specifically for a fast and efficient experience on mobile devices. Traditionally, the content is in a list form, pages load quickly, and heavy visuals are simplified, but that is changing as technology advances. Chuck added, “Newer mobile optimized sites can be quite sophisticated. Take a look at m.espn.com for example. It’s also important to remember that the complexity of the features depends upon the type of device. These mobile sites can detect your device and deliver the appropriate experience based on the device capabilities.”

Mobile Application – This is a native application sold through an app store. This application is not readily available to the public like a website, and is usually purchased through an app store and then downloaded onto the user’s mobile device.

The State of Mobile
Ok, now let’s move on to some hard numbers. ComScore reported that smartphone usage escalated in the US in 2010 to 1 in 4 subscribers, up from about 1 in 10 in 2008. A common misconception is that smartphone users are more willing to use the common web browser more than download an app. Comscore’s November 2010 report shows that the numbers are actually very similar, with about 35% of smartphone users accessing a browser on their device, and about 33% downloading apps.  In what may be the most daring of all smartphone predictions, The Mobile Marketing Association expects smartphones will represent more than 50% of the market by Q3 2011.

Chuck emphasized the importance of considering the industry you’re in. “The stats show substantial growth for mobile web and native apps, but before choosing one or the other on a whim, it’s important to note that certain verticals are better fit for one experience over the other. Finance, retail and restaurant verticals show enormous growth in mobile web advertising, but aren’t growing as quickly as other verticals in launching successful native apps.”

The mobile optimized website is undeniably the first step into mobile for most businesses who have survived with a traditional website for many years but are now seeing many of their customers using smartphones to access their site. Although mobile browsing makes up only about 3.5% of total web browsing according to NetMarketShare, this number is growing quickly, up from about 1.6% one year ago. The other thing to note is that this growth in mobile web browsing is replacing desktop browsing to some extent, as we see desktop browser use dropping almost 2% during 2010. In this report published by mobile search company Taptu, they present their expectations for the future describing the move to “the Mobile Touch Web,” which they define as: “Web sites created for mobile touchscreen devices, with finger-friendly layouts and lightweight pages that are fast to load over cellular networks.” In their original report Taptu predicted over 1 million mobile optimized (browser-based) websites popping up by the end of 2011. Four months later they amended their projection to come much earlier, at the end of 2010, based on how quickly the mobile optimized sites were popping up.

Pros and Cons
Even with a burgeoning touchscreen smartphone market and so much marketing for Apple’s App Store, native apps are actually growing at a much slower pace than the mobile optimized market.

We should also note the differences in development costs, delivery and maintenance for each. A mobile optimized website can be developed for less than a native app and launched much more quickly without the need to pass it through an app store approval process. Mobile optimized websites can be updated and enhanced quickly by the developer while native applications force the developer to re-submit, get approval from the app store, and require the user to download an app update.

Also, unlike the mobile optimized site that can be developed to be compatible for multiple devices, native apps must be developed for each device and submitted separately to each device’s proprietary app store. This makes a native app a much more expensive route.

Decide What Your Goals Are
If the goal of your application is to provide a mobile destination for marketing efforts, developing a native app may be the wrong approach. Consider the potential to drive users to a mobile website with one touch of the screen through traditional marketing, social media or QR codes. A native application requires a user to download an app before they can access info and learn about your product or services. Chuck agreed and noted, “Understanding the context of use and being clear on the goals of a mobile deployment are an extremely critical part of the process. Where and when are consumers most likely to be exposed to a mobile site or app?  In the travel industry, it’s often about in-location information.  Context of use becomes a key driver for how a business may want to influence behavior.  For example, a well-placed QR code can drive new behaviors tied to a specific marketing goal.”

Know Your Business
Deciding whether your company should launch a native mobile app in addition to a mobile website also comes down to your industry, products and services. Do you have customers that shop frequently? Do you have continuously changing products and information? Will your customers need or want to use your app daily or at least weekly? If the answer is “yes”, maybe a native app is for you. If the answer is “no”, you’re probably wasting your time/money and the user’s mobile screen real estate with an app that is rarely used.

So When Do You Develop A Native Application?
As Kevin Nakeo writes in this Mashable Mobile article, “Once you’ve optimized the experience, you can use your mobile website to graduate users to a more robust native app.” Even though a native app may be more attractive than the mobile optimized site because you have the ability to make money through user downloads, Kevin also explains the challenge with launching a successful app: “One of the most important differences between a popular app and the thousands you’ve never heard of is the merchandising from the iTunes App chart. Hitting the Top 4 on the Free App chart drove over 250,000 downloads for [our] WhitePages Mobile App. Download volume and positive ratings are important factors needed to get onto the chart…It helps to think of the mobile web as a beta, and the app as gold.”

So You’re Ready For An App…
New app developers and development platforms are popping up everyday. These resources give you a jumping-off point for creating a native or web app that can be within your resources and budget. If you’re wondering where to get started, Giles Goodwin of Widgetbox mentions some tips and tools to consider when approaching app development in this article.

No matter your approach, the point is that you know your options and are taking mobile technology seriously. There’s no doubt that your customers and users are, and that upsurge will continue for years to come.

Contributors:
Chuck Sacco
VP of Client Strategy at Movitas
President of Mobile Monday Mid-Atlantic
http://twitter.com/chucksacco

More Reading:
Awesome mobile websites - http://www.mobileawesomeness.com/

Why you need to optimize a mobile site, not just redirect - http://searchengineland.com/why-mobile-searchers-need-mobile-optimized-sites-40386