Categories
Uncategorized

Wednesday is Techie Get-Together Night in Ottawa! (“Land Your Dream Job 2.0” and “Node.js Ottawa Pub Nite”)

wednesday

If you’re in the Ottawa area on Wednesday and you’ve been looking for tech get-togethers or a chance to meet the Shopify crew, you’re in luck! We’ve got a couple of events taking place, and as the Shopify spokesmodel, I’ll be at both of them:

Land Your Dream Job 2.0

The Venn diagram below shows where your dream job is: smack in the heart of the “Hooray!” zone:

dream job

I’ve been fortunate enough to live in that zone for a good chunk of my career, and my current job as Shopify’s Platform Evangelist certainly applies. I’ve landed these sorts of jobs in rather atypical ways and I think that going outside the “expected” or “typical” gives you the best odds at landing your dream job.

smarTALKSThe Land Your Dream Job 2.0 event is part of OCRI’s smarTALKS series and all about doing just that. My fellow Shopifolks will be among the people there talking about how you can land that job that blends what you do well, what you want to do and what you can be paid to do.

You’ll learn about:

  • The unusual methodologies and tactics that people who land dream jobs use when approaching employers
  • What you can do to land a job at the tech firm or startup of your choice
  • The current trends in hiring practices, what’s changed over the past few years and how you can tune your job search tactics around them

And you’ll hear from:

  • Brittany Forsyth, Head of HR, Shopify
  • Mike Freeman, Marketing Dude, Shopify
  • Luc Levesque, Founder and GM, TravelPod (TripAdvisor)
  • Doug Tetzner, Partner, Odgers Berndtson
  • and Harley Finkelstein, Chief Platform Officer at Shopify, who’ll be moderating the event

Land Your Dream Job 2.0 takes place this Wednesday, June 22nd at Mercury Lounge (56 ByWard Market Square) from 4:00 p.m. to 6:00 p.m.. This is a FREE event, but you do have to register.

register dream job

Node.js Ottawa Pub Nite

node.js

If you’re into JavaScript, Node.js or related tech like CoffeeScript, come to the Sir John A. Pub on Elgin later Wednesday night for Node.js Ottawa Pub Nite! We’ll be there to talk about Node and related technologies, as well as to get to know what people are up to, talk about our projects, answer the “What is Node, anyway?” questions that are still floating about and discuss what we’d like to see happen with the Node.js meetup group.

Node.js Ottawa Pub Nite takes place this Wednesday, June 22nd at the Sir John A. Pub (284 Elgin Street) from 7:00 p.m. to 9:00 p.m.. This is also a FREE event, and we recommend that you register so they have an idea of how much space to claim in the pub.

register node pub nite

This article also appears in the Shopify Technology Blog.

Categories
Uncategorized

Selling More Shopify Apps, Part 2: Pictures

What’s This All About?

Welcome to the second installment of Selling More Shopify Apps! In this article series, I show developers how to sell their apps — add-on applications that extend Shopify’s capabilities. Since this is really more about selling than developing, the series appears here in the Shopify blog instead of in the Shopify Technology blog, even though it’s aimed at developers.

Oh, yes: for those of you who’ve been wondering: I will do a series of articles for shopowners who want to sell more stuff through their Shopify stores. Soon! But in the meantime, give this series a look — even though this series is about selling apps, there are some principles that do apply to regular stores.

A Quick Recap

In the previous article in this series, I talked about the decision-making process that users go through when perusing the app store and deciding whether to buy your app.

They go through these steps:

  1. They see your app’s icon, name and short description on the App Store page.
  2. They click on your app’s icon, taking them to the App Store page for your app.
  3. They look at your app’s screenshots and videos first.
  4. Then they look at the rating.
  5. And finally, they read the description.
  6. That’s when they make their decision. (And hopefully, at that point, they click the “Install App” button.

In this article, we’ll look at a very effective way to make your app’s App Store page better: by adding pictures and video. Pictures and video are part of step 3 of the user’s decision to buy, and they’re the first thing the user looks at when s/he ends up on your app’s page. They make that oh-so-important first impression that can help drive a sale.

Take a look at the screenshot for an app in the App Store:

The video and pictures (which I’ve highlighted above) take up the entire right-hand side of the screen. Your eye is drawn to them. People naturally gravitate towards pictures and videos in app stores, whether they’re Shopify Apps, or apps for mobile phone and tablets or stores for desktop apps, such as the Mac OS App Store. You wouldn’t run a Shopify store without pictures of the goods you’re selling; the same rule applies to apps!

Think of your app’s page as being two sections: the show section and the tell section. The show section is the opener, and it’s where you show your app in action and give your potential customers a broad overview of what it’s for, what it does and what the experience of using it is like. The tell section is the closer, and it’s where you provide a more in-depth view of your app, listing its capabilities and showing the payoff of enhancing the customer’s store with your app.

The pictures and video of your app’s page are the show section, the rating and description of your app’s page are the tell section. You lead with show and finish with tell. Let’s talk about show right now, and in a later article, we’ll delve into tell.

Pictures

Screenshots

People like seeing screenshots of apps. That’s why just about every app store, from mobile to desktop to Shopify includes them. Even the simplest of applications can benefit from a screenshot because they give users a better “feel” for the app, even though the written description may contain far more information useful to their decision to buy or not buy. There’s a reason why bricks-and-mortar shops invest a lot of money in storefront and in-store displays, even if you’re not going to get much information from just looking at the products: people make decisions based on appearances.

The first question that comes to mind at this point is “what screenshots should I use?” I suggest reviewing your app and keeping these questions in mind:

  • Which screen is the one where the user will be spending the most time when using your app? You’ll definitely want a screenshot of that.
  • For customer-facing apps, which screen shows something that makes the customer experience better? If your app has a feature that makes the process of going through the shop’s catalog, make a purchase decision or buying easier and it has some kind of visual element, that feature probably needs a screenshot.
  • For shopowner-facing apps, which screen shows something that makes the shopowner experience better? If your app has a feature that lets them go through their store data more easily, serve and communicate with customers better, process and fulfill orders more quickly or helps them save or make money and it has some kind of visual element, that feature probably needs a screenshot.
  • And finally, which screen just looks good? Perhaps it’s a graph generated by a shopowner-facing app or a cool-looking widget on a store page created by a customer-facing app, but if it’s attractive, you might want to consider including it in the screenshots for your app.

Screenshots Don’t Have to Be Full Screen

If there’s a feature in your app that makes the customer or shopowner experience better and it doesn’t take up the whole screen, remember that you don’t have to use a full-screen screenshot. You can simply use a screenshot of the feature without including the rest of the screen. If the feature is particularly small in comparison to the rest of the screen or if it has a lot of text, you might want to enlarge it using your favourite image editing program.

In their App Store page, Optimizely includes a screenshot of just the portion of the page relevant to their app:

Optimizely

If It Helps, Annotate Your Screenshots

Sometimes it’s hard to tell what’s going on with just a screenshot. If this is the case with your app, annotate it: use you favourite image editing program and use text, arrows, highlighting or whatever else helps to make what’s going on onscreen easier to understand. Just be careful not to go overboard with the text on your screenshots: that’s what the app description is for.

Here’s a quick example of an annotated screenshot:

Annotated screenshot

You Can Include Other Graphics, Not Just Screenshots

When we built the App Store, our original intention for letting you upload pictures to your App Store page was for you to provide screenshots of your app in action. We’ve since discovered that a couple of app makers came up with the clever idea of posting graphics that aren’t screenshots but explain how their app works. We think it’s a great idea, and if you’ve got some kind of image that makes it easier for potential customers to understand your app and why they should use it, you should include it in your App Store page.

For a good example where an app maker used a non-screenshot image, take a look at the App Store page for Canned Banners. They have a screenshot of their app in action, but they also have the graphic below, which explains how you use their software to create quick and easy banner ads for your store:

Canned banners

Clever! I think it’s in the same spirit as cyberpunk author William Gibson’s line from his “Sprawl” stories: “The street finds its own uses for things.” If you’ve got an image that helps potential customers “get” what your app does, use it!


Next: Video!

This article also appears in the Shopify Blog.

Categories
Uncategorized

Selling More Shopify Apps, Part 1: The Decision-Making Process

decision maker

Shopify? Apps? I Thought It Was an Ecommerce Thingy!

It is. If you want to sell stuff or services online in exchange for money – a business model so crazy that it just might work – Shopify is the best, easiest and most hassle-free way to do it. You can use a store that lives on our hosted service or build a program that calls our API to do the ecommerce stuff: the catalog, the shopping cart, the credit card hoo-hah, and so on.

While Shopify does a lot, it can’t do everything. Perhaps there’s a feature that you wish Shopify had, but it applies only to a small vertical or maybe even only your business. Or there just might be some feature that we haven’t thought of implementing yet.

That’s where apps come in: they’re applications that make use of the Shopify API to:

  • Access a shop’s data (with the owner’s permission, of course)
  • Programmatically perform just about anything the shop owner can do on their shop’s admin panel

Want to declare a “happy hour” where you drop the price of an item from 5 to 7 p.m. next Thursday? Shopify doesn’t do it out of the box, but an app can! Want to send a Twitter direct message or SMS text to a merchant whenever a customer places a big order, so s/he can make sure it gets handled properly? You can write an app for that. If you can think of a feature to make the experience for customers or shopowners (or both) better, you can make it an app. And you can make money doing it!

You can reach the 15,000 Shopify users – a very focused, dedicated bunch – and sell apps to them through the Shopify App Store. We know a number of developers who are doing quite nicely selling apps and making Shopify showowners productive and happy, and when our customers are happy, so are we.

That’s what this series of articles is all about: selling more Shopify Apps. If you’re a Shopify App developer (or thinking of becoming one), this series will show you how to sell them better. We’ll also be publishing articles about writing apps, from how-tos to ideas for apps that we’d like to see become real.

The Decision-Making Process

Take a look at Shopify’s App Store, and I’ll walk you through the typical customer’s decision making process when they’re looking for apps.

1. They see your app’s icon, its name and the short description on the App Store page.

app store

When you visit Shopify’s App Store, you see a page like the one shown above, featuring apps displayed on shelves. Rather than being broken up into pages, the App Store’s main page is an “infinite scroller”; you simply scroll down the page to see all the apps in the Store. For the user, scrolling — especially in the age where most mice have scroll wheels and scrolling-by-flicking is increasingly common thanks to smartphones and tablets — seems faster and more effortless than paging.

Each app is represented by its icon, with its name and a short description (140 characters maximum) to its right. Clicking on the icon, the name or the description will take you to the page for the corresponding app.

There are a number if ways users can sift through the apps in the store. They can filter the apps by category, as shown below:

category

They can also filter apps by which software or services they integrate with:

integrations

And they can also change the way the apps are sorted in the store:

sort order

The default sort is “from newest to oldest”, and the other three options are:

  • From highest-rated to lowest-rated
  • From most to least popular
  • Whether or not to limit the results to free apps

Ideally, you want your app to be as close to the top of the App Store page as possible – what they used to call “above the fold” in the newspaper world. Being on top of the list puts you in the user’s path of least resistance and makes it more likely that the user will move to the next step on the path to purchasing your app: your app’s page.

Your app will be on top of the list just after you submit your app for the first time, as it will be newest. However, your app won’t remain the newest forever, so your eventual goal will be to make your app the highest rated, the most popular, or preferably both.

You’ll also want to make sure that your app makes a good first impression on the App Store’s main page. The good news (and the bad news, too) is that once the user sees your app on the page, there are only three things that you have at your disposal to catch his/her attention:

  1. Your app’s icon. Is it visually appealing? Does it hint at what your app does or what its effects will be?
  2. Your app’s name. Is it catchy or memorable? Does it give the user an idea of what your app does or what its effects will be?
  3. Your app’s description. Does it clearly state what your app does or why someone would want to use it, all in 140 characters or less?

Get all three right, and you’ll increase the odds that the user will get to the next step in the decision-making process: moving away from the big list of apps and focusing on just yours.

2. They click on your app’s icon, taking them to the App Store page for your app

app page

If your app has piqued the user’s interest on the App Store’s main page, s/he’ll click on it and be taken to your app’s page, which displays a lot of information about it, namely:

  • The app’s icon
  • The name of the app
  • The app’s publisher
  • The app’s rating
  • How much the app costs
  • Any additional software required by the app
  • The “Install App” button
  • The full description of the app
  • A list of the services that the app can integrate with
  • One or more screenshots of the app
  • [Optional] One or more videos of the app
  • User reviews and responses from the publisher

Each of these items affects the user’s decision-making process, and in this series of articles, we’ll look at what you can do with them to make it more likely that the user will buy it.

Based on experience with app stores of all sorts, from Shopify’s to shareware to smartphone and tablet stores, here’s what the users typically do next…

3. They look at your app’s screenshots and videos first.

pictures first

Eye- and click-tracking studies show that once the user has landed on your app’s page, they tend to look at the screenshots and videos first. This means a couple of things:

  • You should make sure that you include at least one screenshot of your app in action. Better still, you should include a screenshot for every major feature of your app.
  • Although it’s optional, you should include a video. It could be a video capture of your app in action or something that explains what your app does and why you’d want to buy and install it. The better selling apps tend to include videos on their app pages.

In this series of articles, we’ll cover ways to get the most out of the video and pictures on your app’s page.

4. Then they look at the rating.

rating

A very important factor affecting how well something sells online is the rating. Ever since Amazon, we’ve become quite accustomed to checking the ratings before buying something. It happens not just online, but in real life; I’ve seen people at all sorts of bricks-and-mortar stores – restaurants, liquor stores, big-box electronics stores, car dealerships – whip out their smartphones and check out the ratings for something they’re thinking of buying. That’s why social media and word-of-mouth marketing are hot topics these days: they influence people’s opinions, which in turn can make or break sales.

“Get a good rating” is the obvious advice. Less obvious is how you get that rating. We’ll cover what we believe are best practices for getting good ratings, and through them, good sales.

5. And finally, they read the description.

then description

Once the user’s done with the quick-and-dirty visual scan of your app’s page, they then look at your app’s description. If the user has come this far in the process, they’re close to the point where they make the decision to buy or not buy. The description is where you close the deal, and we’ll show you what successful apps do in their descriptions.

6. That’s when they make their decision.

install app button

If you’ve done everything right, this is when the user clicks the “Install App” button. Get enough users doing that, and life’s like this:

oh yeah

Next: A picture is worth a thousand…bucks?

This article also appears in the Shopify Blog.

Categories
Uncategorized

One Reason Why Shopify Kicks Ass: Our CEO is Also a Coder

I just noticed this tweet from our HR queen, Brittany:

brittany tweet

and here’s the photo she linked to, featuring Tobi, our CEO, being a 1337 H4X0R (and an agile one, too!):

pair programming with tobi

As much as I’d like to do pair programming with Tobi, I’m afraid I’d be completely outclassed by him. What with all the great coders in this office, I’m certain that I’m the dumbest guy in the room (which is nowhere as bad as it sounds).

This article also appears in the Shopify Technology Blog.

Categories
Uncategorized

Scenes from Shopify Pub Night #1

Shopify pub night 0

Last night, we held the first Shopify Pub Night in Byward Market, the first of a number of social get-togethers that we’re planning to have this summer here in Ottawa. Due to some last-minute changes in room reservations, we were moved from the main room of the Heart and Crown to the front room of Peter Devine’s, one of the other pubs in the mega-pub-plex collectively known as the Irish Village. Luckily, between my regular missions scouting the pubs for lost souls as well as people figuring what was up and finding us, everyone managed to find a party and what a party it was!

Shopify pub night 1

All told, we had about 30 people attend throughout the night, with a good 25 people at peak. We were an interesting bunch: a good number of Shopifolks plus a couple who were Shopifolks’ significant others and family members, plus local developers from the indie/startup, government and Microsoft MVP worlds. I spent a fair bit of time making sure that I was “working the room” properly, bouncing from table to table, talking to as many people as I could. I was pleased to see some familiar faces from my life as a Microsoftie, hang out with my coworkers and make new friends with some local developers and designers. I was also more than happy to introduce these people from these different spheres to each other.

Shopify pub night 2

We even had some out-of-town guests join us. My friends Cory Fowler and Colin Bowern, whom I met during my stint as a Developer Evangelist for Microsoft, came here from Toronto to do consulting work for the next couple of weeks. They win the “Phileas Fogg” award for greatest distance travelled to attend Shopify Pub Night.

Shopify pub night 4

We talked about all sorts of things, some of which were:

  • Bacon and its near-magical properties
  • Shoe shopping opportunities in Vegas
  • Life in the corporate world versus life in the startup world
  • ByWard Market, the-town-formerly-known-as-Hull and how both have changed over the years
  • Conferences we’re thinking of attending
  • The accordion and what it’s like to bring it through airport security and onto a plane
  • Sausages and how they can revolutionize your career
  • Visual Basic, C#, F#, Ruby, Python, PHP, JavaScript and CoffeeScript

Shopify pub night 3

I’m pretty pleased with the way the evening turned out. We ended up pretty much owning the front room of the pub, people mixed, mingled and seemed to be having a good time, and hopefully some of you go to know us a little better and we got to know you a little better. I’d like to extend my most sincere thanks to everyone who joined us — these events are nothing without you.

I believe that software should be a social thing; after all, while software runs on machines, it runs for people. You can’t create stuff for people in isolation. That’s why we held Shopify Pub Night and why we’re going to be holding more of these events throughout the summer and beyond: because great things happen when you bring people together. Watch this space for announcements of upcoming Shopify events — we’d love to have you there!

This article also appears in the Shopify Blog.

Categories
Uncategorized

Shopify Pub Night Tonight! (Tuesday, June 14th)

If you’re going to be in Ottawa’s ByWard Market tonight, come on down to the Heart and Crown for the first Shopify Pub Night of the summer! We’re holding this get-together to enjoy what’s passing for summer this year, to get to know you and get you to know us, and to do a little community building. Whether you’re a techie, creative, business, social media or government type, it doesn’t matter – we’d like to see you there!

We’ll be there from 6:00 p.m. until 10-ish – keep an eye on @AccordionGuy or @Shopify on Twitter as the night goes on. We’ll be easy to spot – look for the guy with the accordion.

This article also appears in the Shopify Blog.

Categories
Uncategorized

State Machines: Know Them! Love Them!

bonsack machine

Over at the Shopify Technology Blog, Willem van Bergen reminds you that if you develop web apps, there’s a good chance that you’ll want to make use of a state machine. As Willem points out in the article, they’re useful design patterns, help prevent undefined behaviour and map quite well to a key part of the business side of your operation: they’re business processes!

If you’ve forgotten what state machines are (or more formally, finite state machines or FSMs), break out your old Comp Sci textbook, or if you sold it for beer money, take a look at SPLat Controls’ Finite State Machine tutorial. If you build your web apps with Rails, take advantage of the state_machine gem and Willem and Jesse Storimer’s state_machine-audit_trail gem.