<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>http://subvert.ca/Blog</id>
    <title>Blog of Subvert Marketing Inc.</title>
    <link rel="self" href="http://subvert.ca/Feeds/Blog" />
    <updated>2012-05-16T19:15:18Z</updated>
    <author>
        <name>Subvert Marketing Inc.</name>
        <email>info@subvert.ca</email>
        <uri>http://subvert.ca</uri>
    </author>
        <entry>
            <id>http://subvert.ca/Blog/gentleman</id>
            <link href="http://subvert.ca/Blog/gentleman" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">In business, be a gentleman</div></title>
            <content type="html"><![CDATA[<p>I'm the father of three children, two of whom are boys. Our kids are still young, but as they continue to grow, my role in their life changes. When they were really little, I was simply, for all intents and purposes, a provider and protector. Nowadays, especially for our soon-to-be six year old son, I'm also their example of what it means to be a man.</p>
<p>You need only to take a quick glance around you, whether walking down the street or waiting in a restaurant, to see examples of guys who have forgotten, or perhaps don't even know, how to behave like a gentleman.</p>
<p>Being a gentleman, both in life and in business, isn't easy and it doesn't come naturally. I myself am still learning and make more mistakes than I'd care to admit. Fortunately, I had a father who was and remains a true gentleman; an attribute I daily witnessed and took note of as his son.</p>
<p>Despite what you may have heard, business isn't always cut-throat and free of morals. In fact, there's going to be many times when taking the high road and simply being a gentleman will do wonders for your stature in the community and your business relationships within.</p>
<p>The following rules are some of what I've learned in running this company for the past five years. If you oversee or are planning to start a business, I hope that you can benefit from this knowledge gained and apply it to your own circumstances.</p>
<p><strong>Don't show off. Rather, impress.</strong> There's a world of difference between asking to be publicly validated versus getting attention because you deserve it.</p>
<p><strong>Keep your word.</strong> If you say you'll do something for someone else, do it. No excuses.</p>
<p><strong>Finish what you start.</strong> Even when business gets really tough and you just want to quit, dig deep and keep going. No one, especially those who need and are loyal to you, likes a quitter.</p>
<p><strong>Stay busy.</strong> You'd be surprised how much there always is to do. Use the slow times to better yourself and take care of those tasks that are too often neglected.</p>
<p><strong>Be a good listener.</strong> Close your mouth and open your ears. Don't just wait for your turn to talk.</p>
<p><strong>Take the blame.</strong> Don't throw other people under the bus. Accept responsibility for what went wrong, even if sometimes it's not your fault. The favour will be repaid.</p>
<p><strong>Reputations are built one day at a time.</strong> What you say and do today will forever affect others' perception of your business, so make sure both are how you want to be known.</p>
<p>Guys, we can do this. Let's help each other, and our sons, learn what it takes to be a gentleman, and in the process, make the world a better place.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">I'm the father of three children, two of whom are boys. Our kids are still young, but as they continue to grow, my role in their life changes. When they were really little, I was simply, for all intents and purposes, a provider and protector. Nowadays, especially for our soon-to-be six year old son, I'm also their example of what it means to be a man.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-05-16T19:15:18Z</updated>
            <category term="Business" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/ibbit</id>
            <link href="http://subvert.ca/Blog/ibbit" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">ibbit does that: Metro style web apps for your business software, today</div></title>
            <content type="html"><![CDATA[<p>Today we're excited to announce a product we've been secretly working on for a while: <a href="http://ibbitdoesthat.com/">ibbit</a>.</p>
<p>ibbit is a server and application framework, built on Microsoft technologies, that makes it easy to get amazing business software for a fraction of the price and in the shortest time possible.</p>
<p>If you're familiar with (and perhaps have even installed and are running) <a href="http://windows.microsoft.com/en-US/windows-8/consumer-preview">Windows 8 Consumer Preview</a>, you know about the tremendous usability and design improvements that have been made by Microsoft with <a href="http://msdn.microsoft.com/library/windows/apps/hh464920.aspx">Metro style apps</a>. Some of these improvements have bridged the gap to the Windows 8 desktop, but only in minor ways.</p>
<p>After <a href="http://subvert.ca/Blog/windows-phone-apps">having used Windows Phone</a> for over a year, we're very familiar with what makes the platform a joy to use every day. We've also run Windows 8, in various capacities, on our personal computers since the beta was made available last fall.</p>
<p>We love <a href="http://www.microsoft.com/windowsphone/en-us/default.aspx">Windows Phone</a> and the promise of Windows 8. We also love the web. And we adore Metro.</p>
<p>ibbit combines our affections for all of these things into an incredible, affordable solution for next-generation business software.</p>
<p><a href="http://ibbitdoesthat.com/" title="ibbit server and application framework"><img src="http://farm8.staticflickr.com/7213/7119280811_5a7552e6a7_o.png" width="650" height="650" alt="ibbit server and application framework"></a></p>
<p>Forget being tied to ancient technologies and ugly software interfaces: With <a href="http://ibbitdoesthat.com/">ibbit</a>, we've created a framework through which we can quickly build and deploy business software that is highly usable, beautifully designed and most importantly, works as good as it looks.</p>
<p>Pre-built ibbit components currently include forms, dashboards, maps, workflows and reports, all of which can be customized to your unique business needs. Apps created with ibbit will also run in any modern web browser and operating system, including Windows and Mac OS X.</p>
<p>We've made it extremely easy for ibbit to be hosted on your own internal network server, with your own data. We then provide our application framework; setup, training and management services included.</p>
<p>Finally, ibbit includes a powerful dashboard interface that allows you to manage users, publish new apps and combine all of your data, from across different ibbit apps, into a single, cohesive stream of updates and activity.</p>
<p>We're tired of seeing people suffer with lousy software.</p>
<p>So we did something about it.</p>
<p>And that something is <a href="http://ibbitdoesthat.com/">ibbit</a>.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Today we're excited to announce a product we've been secretly working on for a while. ibbit is a server and application framework, built on Microsoft technologies, that makes it easy to get amazing business software for a fraction of the price and in the shortest time possible.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-04-27T19:04:45Z</updated>
            <category term="Announcements" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/cash-flow-lessons</id>
            <link href="http://subvert.ca/Blog/cash-flow-lessons" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Cash flow lessons learned in five years of running a small agency</div></title>
            <content type="html"><![CDATA[<p>Cash flow is at the heart of an agency like ours. If cash flow is positive, the ride is smoother; we can take care of bills, pay employees, buy stuff and put money away. If cash flow is on a down-swing, the business struggles. In <a href="http://subvert.ca/Blog/five-years">five years of running Subvert</a>, we've learned some vital lessons about the proper management of cash flow. These lessons include:</p>
<p><strong>Don't spend it before you have it</strong></p>
<p>Even if the due date for an invoice is tomorrow, you shouldn't spend a nickel until that money is firmly in your bank account. This is especially important if you've got multiple invoices out at once. When suddenly none of your payments arrive on time and you've already spent the money you had on hand, running a business gets really scary, really quickly. As it's said, don't count your chickens before they hatch.</p>
<p><strong>Always take a deposit</strong></p>
<p>It wasn't until this past fall that we changed our payment policy from billing NET 30 to asking for an initial down-payment. We used to sign a contract, work for a month and then invoice at the end of that month. This means, in the best situations, we would be paid about 60 days after the contract was first signed.</p>
<p>But, as I've said, those payment don't always miraculously arrive on schedule. Sometimes payments are 10 days late, other times, close to 45 days or more. Compound that problem by how many payments are overdue and you can see how that places a huge strain on your agency's cash flow. Taking a deposit tips the scales more in your favour so that your business can survive longer in these situations.</p>
<p><strong>Know when to get serious</strong></p>
<p>We're purposely casual in many aspects of running Subvert, as I've <a href="http://subvert.ca/Blog/happier-customers">written about</a> before. But, if a cheque is late, I'm serious about getting it paid.</p>
<p>I completely understand why payments sometimes can't be made when the invoice is due, and empathize in those situations when there's a good reason for the delay. But no matter the reason, as the number of days late tick by, the more aggressively you need to chase down the missing payment(s). These are often awkward, painful conversations that will change your relationship with the client, but they need to be had when the moment comes.</p>
<p><strong>Constantly track it</strong></p>
<p>When I first started Subvert, I used a spreadsheet template to track our cash flow. This became cumbersome, so I switched to <a href="http://pulseapp.com/">Pulse</a>; a fantastic web application that served our needs very well for several years. Pulse was built by some <a href="http://pulseapp.com/about/executive-team/index.html">nice guys</a> who were also running their own small agency, so it had a lot of the same features and tools that we required.</p>
<p><a href="https://twitter.com/#!/cashhoundapp" title="Cash Hound on Twitter"><img src="http://farm8.staticflickr.com/7099/7061348151_54a14843e3.jpg" width="500" height="300" alt="Cash Hound graph"></a></p>
<p>That said, we've been finding that some of our needs have changed. As we're more regularly building and shipping <a href="http://getflik.com/">our own software</a> products, we seek a day-to-day perspective on cash flow; knowing what's coming in and what's going out is key. So, as Mike and I both have a Windows Phone, we wanted to build a dedicated Windows Phone cash flow app that fits this new way of thinking: the result is <a href="http://cashhoundapp.com/">Cash Hound</a>.</p>
<p>No matter how you track cash flow, the important lesson is simply that you follow it closely. Cash flow is a dynamic, living, sometimes fire-breathing, thing that needs to be leashed at all times.</p>
<p><strong>In summary</strong></p>
<p>Running a small agency is not a sprint, it's a marathon; a race on a road filled with peaks and valleys. Smart cash flow management is the fuel you need to keep going for the long-term.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Cash flow is at the heart of an agency like ours. If cash flow is positive, the ride is smoother; we can take care of bills, pay employees, buy stuff and put money away. If cash flow is on a down-swing, the business struggles. In five years of running Subvert</a>, we've learned some vital lessons about the proper management of cash flow.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-04-09T16:44:54Z</updated>
            <category term="Business" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/design-for-me</id>
            <link href="http://subvert.ca/Blog/design-for-me" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Design for "me"</div></title>
            <content type="html"><![CDATA[<p>The term "user-centred design" (UCD) get tossed around a lot these days in the world of modern software development. And for good reason. It's very important that the needs, wants and limitations of users are front of mind when designing  applications.</p>
<p>There's <a href="https://duckduckgo.com/?q=user+centered+design">boat-loads of articles</a> available online about UCD. Many of these go into extreme detail about tools and tactics for conducting formal user research; personas, task-based scenarios, use cases, needs analysis, paper prototyping, card sorting and mental models, for starters. Many of these articles are extremely valuable and helpful.</p>
<p>But sometimes, all you need to remember is a simple phrase: <em>Design for "me"</em>.</p>
<p>No, not you. <em>Me</em>. As in the person using your software.</p>
<p><img src="http://farm8.staticflickr.com/7178/6884439574_cb6d6b2908_o.png" width="443" height="488" alt="ForeSTAR dashboard"></p>
<p>If you're designing enterprise software, this can mean laying out screens based on what information is necessary for someone to most easily do their job. Include links, buttons, data and forms that only matter to them in that very moment. Everything else in the interface can be dramatically minimized or even removed. Put the focus on <em>me</em>.</p>
<p><img src="http://farm7.staticflickr.com/6057/7030561659_233b8a6d2f_o.png" width="547" height="368" alt="EDFMS dashboard"></p>
<p>For those of us who have conducted on-site usability tests or contextual interviews, you know that in many cases, users have a lot going on in their world. Phones are ringing, mobile devices are beeping, co-workers are chatting, doors are slamming, faxes are doing whatever faxes do and requests for attention are coming in from all directions. In other words, constant interruption.</p>
<p><img src="http://farm8.staticflickr.com/7194/7030546891_e8007fc6c6_o.png" width="495" height="371" alt="PAT dashboard"></p>
<p>One of the simplest and most effective design decisions you can make is to be sympathetic to a user's personal environment. Focus your design on what matters most to them, in that single moment, and do whatever you can to make that process as fast and efficient as possible.</p>
<p>Designing software, especially big systems, is complex and challenging work that requires deep functionality and intricate business rules to be addressed. But, at the end of the day, you need to remember that there's still going to be real people - very busy, distracted people - who will be using your software. Design for them. Design for "me".</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">The term "user-centred design" (UCD) get tossed around a lot these days in the world of modern software development. And for good reason. It's very important that the needs, wants and limitations of users are front of mind when designing  applications.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-03-30T22:34:30Z</updated>
            <category term="Design" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/experience-attributes</id>
            <link href="http://subvert.ca/Blog/experience-attributes" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Using brand experience attributes to design digital products</div></title>
            <content type="html"><![CDATA[<p>Organizations with well-manicured brands know that their customer touch-points need to not only make a good impression, but also be visually identifiable as theirs and support the brand's description of itself.</p>
<p>Unfortunately, while most brand-oriented companies are careful to emphasize these qualities in their printed materials and corporate websites, few pay enough attention to how their other digital products - customer-facing software and customer self-serve websites - perform for people.</p>
<p>Don't look to blame the marketers and branding agencies. From what I've seen, the problem actually stems from a lack of well-conceived product requirements; you know, those big, complicated technical documents (which nobody seems to read) that are supposed to be used to design and construct the company's software and websites.</p>
<p>With customer-facing software and customer self-serve websites, the goal of visually maintaining corporate brand (through the use of colours, images or typography) is far less important than the content and function of the products themselves. For those building these systems, that means translating the brand's "experience attributes" to the product itself.</p>
<p>For example, if a brand's attributes are "expert", "forward-thinking" and "precise", the organization's software and websites need to match and support those attributes in every way possible. On rare occasions this exercise is easy, but often, the entire endeavour is a tough slog. It can be a challenge to translate vague one-word attributes to real-world customer experiences.</p>
<p>To manage this process, we've found that using a combination of personas and mental models helps the project team to focus on how a customer will experience these attributes through their software and websites. From the content of error messages and inline help to the layout of form controls and the flow of data from one area of the software to another, every corner of the digital product should be examined, planned and designed through the lens of brand experience attributes.</p>
<p>Think about Apple, Google, Microsoft, Bell, Oracle and Cisco. Do these organizations' individual brand attributes consistently translate to their customer-facing software and customer self-serve websites? As a possible consumer of these products yourself, only you will know the answer to that.</p>
<p>Next time you encounter one of these companies' digital products - whether buying online through the Apple Store or sending an email via Google Apps - consider if and how the journey impacts your opinion of the brand. How do you perceive the company and its product; beforehand, during and afterwards?</p>
<p>That's designing with experience attributes at work.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Organizations with well-manicured brands know that their customer touch-points need to not only make a good impression, but also be visually identifiable as theirs and support the brand's description of itself. Unfortunately, while most brand-oriented companies are careful to emphasize these qualities in their printed materials and corporate websites, few pay enough attention to how their other digital products perform for people.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-03-12T20:52:43Z</updated>
            <category term="Design" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/windows8-perspective</id>
            <link href="http://subvert.ca/Blog/windows8-perspective" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Windows 8 Consumer Preview from a desktop user's perspective</div></title>
            <content type="html"><![CDATA[<p>Although the majority of yesterday's news about <a href="http://preview.windows.com">Windows 8 Consumer Preview</a> centered on the Metro/tablet interface, I'd instead like to briefly discuss the new operating system from a desktop user's perspective.</p>
<p>Straight up: the traditional Windows desktop GUI is a second-class citizen when it comes to the overall user experience of Windows 8. And you know what? That's okay. I'm cool with it. Here's why.</p>
<p>Microsoft is pushing <a href="http://www.engadget.com/2012/02/29/microsoft-windows-8-consumer-preview-detailed-impressions/">heavy on Metro</a> and its series of gestures, views, styles and interactions. On a tablet, Windows 8 is going to be ridiculously awesome. But when it comes to the desktop (which is actually considered a standalone "app" in Windows 8) it's basically Windows 7 with some interface changes and performance improvements here and there.</p>
<p>To me, the Windows desktop GUI is mature and polished enough for Microsoft to leave, and have left, alone. I feel as if they made the right decision in tweaking the Windows 8 desktop "app" enough for it to be different in areas but mostly the same in others; a complete re-invention of the Windows desktop GUI is not necessary at this time.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6944481885/" title="Windows 8 desktop by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7044/6944481885_071a83fd4d_z.jpg" width="640" height="458" alt="Windows 8 desktop"></a></p>
<p>Now, the Metro/tablet interface, on the other hand, is vastly different than the Windows of old. Worlds apart. It looks and behaves like nothing you've ever seen or touched. Well, that is, unless you've used a Windows Phone device, than it's familiar territory.</p>
<p>I've been using <a href="http://preview.windows.com">Windows 8 Consumer Preview</a> as my primary operating system for the past 24 hours. Besides getting used to Metro taking a front and centre position in the overall user experience, it's really not that difficult of a transition. So, if you're on the fence about switching to Windows 8 as your own daily system, I say go for it. All of the software I've installed and am using on Windows 8 is the same as what I was using on Windows 7.</p>
<p>Microsoft has made a very bold move with Windows 8. They are clearly, wholly committed to Metro and the tablet interface, so much so, that their bread and butter product - the traditional desktop GUI - has been relegated to second place. Metro is in your face and wants to be used as much as possible.</p>
<p>Compare this tactic to Apple's approach in bringing iOS to OS X: gradually introducing features, interactions and services from one to the other. Each iteration of its operating system, starting with Lion, and progressing this summer with Mountain Lion, has brought and will bring more and more items across.</p>
<p>Not so with Microsoft: Windows 8 and Metro is the future of their operating system and they want to share this vision with the world...now.</p>
<p>Microsoft will iterate and improve on Windows 8 Consumer Preview, no doubt about that. They did the same with the previously-released Developer Preview and you will immediately see those changes when you open up Consumer Preview for the first time.</p>
<p>Love it or hate it, Windows 8 is where Microsoft is going. Kudos to them for having the courage to take their vision and turn it into a reality that we can all experience today.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Although the majority of yesterday's news about Windows 8 Consumer Preview centered on the Metro/tablet interface, I'd instead like to briefly discuss the new operating system from a desktop user's perspective.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-03-01T19:32:07Z</updated>
            <category term="Design" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/clear-label</id>
            <link href="http://subvert.ca/Blog/clear-label" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">How to label a Clear form button</div></title>
            <content type="html"><![CDATA[<p>In most circumstances, I try to altogether avoid using a dedicated "Clear" button in a software application interface. The action of clearing form fields is a destructive action and while sometimes that destruction is what you want (you actually do want to start over again) there are times that it’s absolutely the last thing you want to do.</p>
<p>On the latter, this is because if you've spent time carefully modifying a set of filters on a big data set then you accidentally hit the "Clear" button, you instantly lose all of that work and have to start from scratch. Smart systems will include a behavioural layer to prevent this (the application will catch your request and ask if you really do want to clear all fields, for instance) but not all software has the same level of user experience thinking built in.</p>
<p>Having said all of that, absolutely there are situations where a Clear button is useful and makes sense to include in your software interface. For me, these are environments where there are three or more form fields and resetting them all one-by-one would be annoying and time-consuming.</p>
<p>The issue I've run into then is deciding on the content of the button itself. Should it be an icon or text? If it's an icon, what should that look like? How do you create and design an icon that universally says Clear? And, speaking of that label, should it even be Clear? What about Reset or Start Over?</p>
<p>In the end, you're going to have decide for yourself because different cultures and settings will have unique ways of interpreting the meaning behind an icon. So, to be safe, I’d just use simple text and present it in the chosen language of the user.</p>
<p>A related example of an element from one of my interface designs is below:</p>
<p><img src="http://farm8.staticflickr.com/7182/6911563441_4ba1b800bf_o.png" width="708" height="41" alt="Clear fields"></p>
<p>With this particular software, I followed my own advice and chose to avoid an icon and just use a text label. With it, I put a verb + noun combination together where Clear is the verb and Field(s) is the noun. In this case as well, the fields themselves are jump lists that automatically respond to user input; that is, instantly filter the data below based on choices above.</p>
<p>In my mind, "text" is the simplest, most direct way to deal with destructive button like Clear. Other, less-powerful buttons can safely use an icon as a label (as long as you combine it with a tooltip as a basic usability back-up measure) but for important actions, I’d really recommend plain old text.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">In most circumstances, I try to altogether avoid using a dedicated "Clear" button in a software application interface. The action of clearing form fields is a destructive action and while sometimes that destruction is what you want (you actually do want to start over again) there are times that it’s absolutely the last thing you want to do.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-02-20T19:58:44Z</updated>
            <category term="Design" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/windows8-desktop-applications</id>
            <link href="http://subvert.ca/Blog/windows8-desktop-applications" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Designing Windows software: Seeking Windows 8 desktop application guidelines</div></title>
            <content type="html"><![CDATA[<p>The release date for the Windows 8 public beta is rapidly approaching - <a href="http://www.theverge.com/2011/12/6/2617004/microsoft-confirms-windows-8-public-beta-coming-february-2012/in/2293029">most guesses</a> are for the end of this month - and I'm really looking forward to installing and using Windows 8 as my primary operating system.</p>
<p>I did the same when the Windows 7 public beta was made available and that software caused me very few issues, so I feel confident that Microsoft will deliver a great product that most people will be able to happily use on a daily basis.</p>
<p>Looking at Windows 8 from a builder's perspective, almost all of the marketing and communications towards developers and designers from Microsoft about Windows 8 has been focused on <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspx">Metro style apps</a>: what they are, how to make them and in which ways they'll be delivered; that is, through the <a href="http://blogs.msdn.com/b/windowsstore/">Windows Store</a>. And of that information, most of it has been directed towards developers.</p>
<p>So, what about <em>designing</em> Windows 8 desktop applications?</p>
<p>Overall, any official information from Microsoft about <a href="http://blogs.msdn.com/b/b8/archive/2011/08/31/designing-for-metro-style-and-the-desktop.aspx">desktop applications in Windows 8</a> has been scarce. For those of us who design custom Windows desktop software for a living, this lack of detail has been disconcerting. What's the future of Windows 8 desktop applications? What are these applications supposed to look like? What themes and default controls are we supposed to use? What rules and standards do we need to follow to ensure our custom software fits seamlessly into the Windows 8 desktop environment?</p>
<p>Since Windows 8 was revealed at <a href="http://www.buildwindows.com/">Build</a>, there's been a number of commercial products released that bring many aspects of the <a href="http://en.wikipedia.org/wiki/Metro_%28design_language%29">Metro design language</a> to desktop apps. Metro-inspired, pre-packaged controls like DevExpress' <a href="http://www.devexpress.com/Subscriptions/DXperience/DXv2/announce.xml">DXv2</a> (see screenshot below) and Telerik's <a href="http://www.telerik.com/products/winforms.aspx">RadControls for WinForms</a> are some key examples here.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6814512897/" title="DXv2 by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7158/6814512897_7561ee61d8_z.jpg" width="640" height="360" alt="DXv2"></a></p>
<p>As much as these products are beautifully designed, highly polished, and well, generally just look awesome, I remain unconvinced that they are the definitive future of Windows 8 desktop applications as a whole. This is because, with desktop apps, users need precision control.</p>
<p>With desktop apps, people need to handle multiple windows at once, manage files across the system and perform many different types of actions at any time. In my experience, the Metro style app interface style is more geared towards consumption than creation. Great for a dashboard and perfect for simple tasks like browsing, typing and viewing (such as on a Windows Phone or in a basic app on the PC) but not so hot for more complex decision making and complicated system-user interactions.</p>
<p>Now, you can see where Microsoft has been applying some of the key Metro guidelines to Windows 8 itself. For instance, the file copy/transfer window that Microsoft shared on <a href="http://blogs.msdn.com/b/b8/archive/2011/08/23/improving-our-file-management-basics-copy-move-rename-and-delete.aspx">Building Windows 8</a> is a clear nod towards Metro in its simple grid, colours and language.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6642740943/" title="Windows 8 file transfer interaction by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7145/6642740943_7a46dea4fa_z.jpg" width="406" height="640" alt="Windows 8 file transfer interaction"></a></p>
<p>Another good example is the <a href="http://blogs.msdn.com/b/b8/archive/2011/10/13/the-windows-8-task-manager.aspx">Windows 8 Task Manager</a> as also shared via Building Windows 8. The typography and layout really speak to the <a href="http://www.microsoft.com/design/toolbox/tutorials/windows-phone-7/metro/">Metro design principles</a>.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6815038181/" title="Windows 8 task manager by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7003/6815038181_f69dac2fc7_z.jpg" width="560" height="509" alt="Windows 8 task manager"></a></p>
<p><a href="http://www.flickr.com/photos/geofharries/6847507805/" title="Windows 8 task manager chart by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7187/6847507805_3a7e3fa07c_o.png" width="587" height="433" alt="Windows 8 task manager chart"></a></p>
<p>From all of the reading I've done - which as I mention above, is limited in its volume - the way in which Microsoft is applying Metro (in its minimalistic way) to Windows 8 desktop applications is how us designers should also be applying it to our own work. That is, squeezing in Metro where it makes sense from an information perspective, but sticking with "standard" Windows design elements for the rest of our application interface. The question for designers is how much of each do you apply and what is the recommended ratio between Metro and desktop elements?</p>
<p>While no one is going to stop you from bringing the whole visual language, presentation and interaction model of Metro into custom WinForms or WPF apps, that doesn't always mean you should nor will it be the go-to solution in every situation. I just don't see how it could. Along those same lines, if the WinRT default design is Metro - at least, I think it is! - what does the new standard of WinForms or WPF application look like? This?</p>
<p><a href="http://clindhartsen.deviantart.com/gallery/26049243#/d2vajr7" title="MetroMail by Chris Lindhartsen"><img src="http://farm8.staticflickr.com/7164/6830856887_615218fed6_z.jpg" width="640" height="376" alt="MetroMail by Chris Lindhartsen"></a></p>
<p>What I'd like Microsoft to do is to completely pull back the curtain and provide designers of their desktop applications a clear vision, strategy and designer-oriented documentation for how we're supposed to move forward. I love coming up with totally custom interfaces, but I also want whatever I create to still look and feel like a true Windows app. I, as much as any designer, want my Windows 8 desktop applications to be the best they can be; we simply need some crystal-clear guidance for how to do that.</p>
<p>When I say "guidance", I'm talking about supplied templates and exact measurements from Microsoft, like desktop applications' recommended margins, padding, alignment and spacing plus colours, vocabulary, typography and icons. They've done a very good job with this on Windows Phone. But when it comes to Windows itself, this is the only <a href="http://msdn.microsoft.com/en-us/library/windows/desktop/bb189719.aspx">MSDN article</a> that I can find regarding margins, padding and spacing, yet it doesn't even include any numbers! All there is are simply vague references to what those terms mean. In this <a href="http://msdn.microsoft.com/en-us/library/windows/desktop/aa974176.aspx#fonts">User Interface Text</a> article, Microsoft actually details font sizes. That's exactly the level of information that we need, just much, much more of it.</p>
<p>As you'd expect, Apple provides extensive documentation for user experience and user interfaces in their <a href="https://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/Intro/Intro.html">Mac OS X Human Interface Guidelines</a>. Compared to the <a href="http://msdn.microsoft.com/en-us/library/windows/desktop/aa511258.aspx">Windows User Experience Interaction Guidelines</a>, Apple's version is much more visual, better laid out, has more detail and is way easier to understand. For instance, first look at this section on <a href="http://msdn.microsoft.com/en-us/library/windows/desktop/aa974173.aspx">Windows Frames</a> from Microsoft and then compare to the Apple documentation on <a href="https://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/Windows/Windows.html#//apple_ref/doc/uid/20000961-TP9">windows</a>. Apple puts this all into a single section packed with information, while Microsoft scatters it throughout their MSDN website for designers to seek out and discover on their own.</p>
<p>Let's hope that Windows 8 takes a cue from Apple and does the same thing for its latest and greatest operating system: cohesive, consistent and clear, designer-oriented Windows desktop application guidelines.</p>
<p>With the success of Windows Phone and how even diehard Apple users (many of whom are designers) actually like how the phone looks and works, it's easy to see that Microsoft is onto something big. At this stage in the game, with Windows 8 and its slew of desktop applications coming very soon, they need to capitalize on that momentum and keep attracting and talking to designers. Everybody, and I mean everybody - designers, developers and users in general - will reap the benefits of such a move.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Looking at Windows 8 from a builder's perspective, almost all of the marketing and communications towards developers and designers from Microsoft about Windows 8 has been focused on Metro style apps: what they are, how to make them and in which ways they'll be delivered; that is, through the Windows Store. And of that information, most of it has been directed towards developers. So, what about <em>designing</em> Windows 8 desktop applications?</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-02-04T23:07:48Z</updated>
            <category term="Design" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/cash-hound-marketplace</id>
            <link href="http://subvert.ca/Blog/cash-hound-marketplace" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Cash Hound is available in the Windows Phone Marketplace</div></title>
            <content type="html"><![CDATA[<p>This past weekend, our Windows Phone app, Cash Hound, was made <a href="http://www.windowsphone.com/en-CA/apps/42b3aecc-7f81-4785-86dd-db97d88bc933">available for download</a> in the Marketplace.</p>
<p><a href="http://www.windowsphone.com/en-CA/apps/42b3aecc-7f81-4785-86dd-db97d88bc933" title="Cash Hound in Windows Phone Marketplace"><img src="http://farm8.staticflickr.com/7028/6798419345_3ae99856e5_z.jpg" width="639" height="640" alt="Cash Hound in Windows Phone Marketplace"></a></p>
<p>We've talked <a href="http://subvert.ca/Blog/moving-cash-hound">a lot about</a> Cash Hound <a href="http://subvert.ca/Blog/rhythmatic-wins">here on our blog</a>, for obvious reasons. We're really happy with how the app has turned out and what it does. We also want people to buy it. Yes, I have no shame.</p>
<p>In business and at home, having accurate, up-to-date knowledge of your finances is key to staying afloat. While there's already many cash flow apps and spreadsheet templates out there, we believe Cash Hound is, of all those available options, the simplest, easiest and best way to stay on top of your cash flow. The app is equally useful for both business owners and those who manage their home finances.</p>
<p><a href="http://www.windowsphone.com/en-CA/apps/42b3aecc-7f81-4785-86dd-db97d88bc933" title="Cash Hound website by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7144/6798456671_2f2f2b2d10_z.jpg" width="640" height="276" alt="Cash Hound website"></a></p>
<p>So, if you're lucky enough to have a <a href="http://www.microsoft.com/windowsphone/en-CA">Windows Phone</a>, we urge you to take <a href="http://www.windowsphone.com/en-CA/apps/42b3aecc-7f81-4785-86dd-db97d88bc933">Cash Hound</a> for a quick walk around the block.</p>
<p>We think Cash Hound is pretty darn awesome. Here's hoping you do too.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">This past weekend, our Windows Phone app, Cash Hound, was made available for download in the Marketplace. We're really happy with how the app has turned out and what it does.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-01-31T18:51:49Z</updated>
            <category term="Announcements" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/moving-cash-hound</id>
            <link href="http://subvert.ca/Blog/moving-cash-hound" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Designing Windows software: Moving our Windows Phone app, Cash Hound, from design to prototype</div></title>
            <content type="html"><![CDATA[<p>After we learned that <a href="http://subvert.ca/Blog/rhythmatic-wins">we won the Fast Track to the Mobile App contest</a>, we looked at our schedule for this month and next, both of which were already packed, and were perplexed as to how we'd shoe-horn the actual development and design of our app into that time period.</p>
<p>Oh boy, was it ever going to be tight.</p>
<p>When I submitted our app design to the contest, I really didn't think we'd win. Truthfully, I was hoping for an honourable mention, but that was about the extent of it. I knew I'd have some stiff competition, so to have won, well, it still kind of blows my mind.</p>
<p>The app we submitted was based on rough, some rather lofty, ideals and features; we knew parts of it were going to be simpler to build while others were going to take much longer and require substantially more thought, experimentation and testing.</p>
<p>Mike and I decided to leave the app design as it was submitted and start developing the back-end services and technical architecture first. This would give us time to think about how the app works and make modifications to the software interface and interaction design, if any, based on what was going to be technically possible in the given time-frame. We can always add more features and details later; our current focus needed to be on whatever core functionality would help us get a high quality, first version of the app to market.</p>
<p>This "design, then quickly prototype" approach has given us a chance to play with the app and get a feel for what needs to be done, rather than drawing it all in a design program, like Adobe Fireworks (which is <a href="http://subvert.ca/Blog/windows-phone-vertical">what I used</a> to design the interface). It also afforded us time to research other apps more in depth, which is good, because we hit a snag with the app's name.</p>
<p>Our app used to be called Rhythmatic until we found an already existing product called Rhythmatic in the Apple App Store. Oops. As it's a possibility that we may bring our app to other platforms in the future, we wanted to keep that door open and so re-named our Windows Phone app to <a href="https://twitter.com/#!/cashhoundapp">Cash Hound</a>. We then hired a brilliant local illustrator to design our Cash Hound icon.</p>
<p>Look, a puppy!</p>
<p><a href="https://twitter.com/#!/cashhoundapp" title="Cash Hound on Twitter"><img src="http://farm8.staticflickr.com/7141/6726702157_4d5f452d66_o.png" width="300" height="578" alt="Cash Hound loading screen"></a></p>
<p>After the app's back-end pieces were in place, we moved to look at the visual design and user/system interactions again. I knew that there were some key areas of the app that I want to clean up, optimize and polish. What I submitted to the contest was pretty bare bones; I wanted to dress it up and really pay attention to the visual and interaction design of Cash Hound.</p>
<p>As the weeks have flown by, Mike has gradually applied the new look/functionality to our app prototype. We continually tested it in both the emulator and on our Windows Phone devices to get a good handle on how it all felt, behaved and worked. As of yesterday, we've got a fairly polished app running in Expression Blend and Visual Studio, not to mention on our phones, pulling in real data. It's getting close...very close.</p>
<p>We always prefer getting to a workable prototype sooner than later, so that's what we're doing here. We've learned from years of experience that while you can have great looking software in a design program, that design may or may not hold up to real world use once it's actually built. To mitigate that risk, we do things fast.</p>
<p>Our preference when it comes to process is to always do some initial design up front, but then build as quickly as possible so we, and others, can get hands dirty. As time ticks by, we apply more polished design and interaction layers. We're confident enough in our design and development abilities to do so, and that makes a huge difference when it comes to shipping good software on time and on budget.</p>
<p>To date, we've been solely focused on building our app, thus, we don't have much in the way of marketing going on yet. That said, we do have a <a href="https://twitter.com/#!/cashhoundapp">Cash Hound Twitter</a> account if you're of the tweeting sort, so we invite you to follow our progression there, here or on the <a href="http://www.core77.com/blog/mobile/fast_track_to_the_mobile_app_developing_apps_wireframes_to_prototypes_21523.asp">Core77 blog</a>. Thanks!</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">After we learned that we won the Fast Track to the Mobile App contest, we looked at our schedule for this month and next, both of which were already packed, and were perplexed as to how we'd shoe-horn the actual development and design of our app into that time period.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-01-19T18:32:13Z</updated>
            <category term="Design" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/windows-phone-vertical</id>
            <link href="http://subvert.ca/Blog/windows-phone-vertical" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Designing Windows software: Measuring vertical spacing for Windows Phone apps</div></title>
            <content type="html"><![CDATA[<p>Spend any amount of time designing a Windows Phone app and you'll discover that 12 is the magical number of pixels in the horizontal grid. But what about vertical spacing?</p>
<p>With Windows Phone, the horizontal grid is consistently laid out in 12 pixel wide columns across the screen. Everything is then a multiple of 12: 24, 36, 48, 60 and so on. Jeff Wilcox brings this specification up in his handy <a href="http://www.jeff.wilcox.name/2011/03/metro-design-guide-v1/">Metro design guide for developers</a>.</p>
<p>In that same blog post, Jeff states, "In some situations it may be appropriate to use 6px or 18px numbers (often when spacing text and other elements vertically), but try 12px first, it’s consistent and clear. The magic number of Windows Phone.".</p>
<p>Problem is, 12px as a suggested vertical measure doesn't line up. Given the 800px height of a Windows Phone screen, if you divide 800 by 12, you end up with an unfortunate "66.6" as the number of grid rows. That's not a definitive grid at all.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6715853313/" title="Windows Phone 12px x 12px grid by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7005/6715853313_de2f7359c0_o.png" width="583" height="1124" alt="Windows Phone 12px x 12px grid"></a></p>
<p>After some experimentation and testing, I've since discovered that the correct vertical spacing is actually 16px. Not only does 16 divide nicely into 800, but it also cleanly splits the application bar in half (8px top and 8px bottom). Clean, precise and repeatable.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6715853535/" title="Windows Phone 12px x 16px grid by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7163/6715853535_e028676ba4_o.png" width="583" height="1124" alt="Windows Phone 12px x 16px grid"></a></p>
<p>Now, aligning elements vertically on Windows Phone is not a guarantee of consistency for your app software interface; it's more of a helpful aid. Type itself is also not naturally consistent in its presentation, so you should probably use this 16px measure as a general baseline.</p>
<p>If you, like me, design Windows Phone apps in Adobe Fireworks, here's the template that I use, with both grids (12px x 12px and 12px x 16px) intact, that you can <a href="http://subvert.ca/BlogAssets/windows-phone-grid.zip">download</a>. I've included each for comparison's sake.</p>
<p>Happy designing!</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Spend any amount of time designing a Windows Phone app and you'll discover that 12 is the magical number of pixels in the horizontal grid. But what about vertical spacing?</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-01-17T20:02:21Z</updated>
            <category term="Design" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/happier-customers</id>
            <link href="http://subvert.ca/Blog/happier-customers" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Making for happier customers</div></title>
            <content type="html"><![CDATA[<p>On our <a href="http://subvert.ca/Company">company page</a> of this website, we talk briefly about the culture of Subvert. From listening to other people's opinions to charity donations and outsourcing tasks to delivering both speed and quality, we have a number of core beliefs that keep us on track.</p>
<p>Something that I've been thinking about as of late is how we can make people, that is, our customers, happy. Or if they're already happy, even happier.</p>
<p>It's usually not that difficult to make somebody else happy. The challenging part is swallowing your pride and humbling yourself before them; to become their servant. Is servant too strong of a word? I don't think so. "Servant" is perhaps an unpopular term these days, which is lousy, because the underlying meaning is very powerful when you consider it in the context of a service-based business.</p>
<p>We, as a company, perform many duties for others. We consult, we plan, we design, we build, we ship and we manage. We help others improve their businesses through our knowledge of software, websites and digital marketing.</p>
<p>To me, all of this sounds like servitude. And none of it is beneath us. It's who we are and what we do.</p>
<p>Which leads me to the making of happier customers.</p>
<p>We firmly believe that Subvert should do whatever makes our customers happiest, as long as it's not completely unreasonable. Of course, knowing where that border of irrationality lies is something you need to figure out for yourself and your own company.</p>
<p>We've made some mistakes over the years, but in each case, we've tried to learn from those errors and improve ourselves. Happy customers are earned, one at a time. It's not the quickest or most glamorous way to the top, but it's genuinely satisfying.</p>
<p>Doing something nice for somebody else - for instance, not billing for every minute they engage you, fixing something that only you know is broken at no extra charge or not stopping work simply because the project budget has run a bit over - will do wonders for your reputation. Small gestures like this go a long way towards customers recommending your company to others and them returning to you at a later date.</p>
<p>Everyone always remembers how they were treated. Would you prefer to be the bad experience or the fond memory?</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">On our company page of this website, we talk briefly about the culture of Subvert. From listening to other people's opinions to charity donations and outsourcing tasks to delivering both speed and quality, we have a number of core beliefs that keep us on track. Something that I've been thinking about as of late is how we can make people, that is, our customers, happy.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2012-01-11T19:33:53Z</updated>
            <category term="Business" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/five-years</id>
            <link href="http://subvert.ca/Blog/five-years" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Five years</div></title>
            <content type="html"><![CDATA[<p>The end of 2011 means that the fifth anniversary of Subvert is on the horizon. It's hard to believe that this company is already almost half a decade old. What started as a part-time "hobby" in our spare bedroom has grown into a full-time business that employs two staff and is soon to be supporting another person.</p>
<p>With this milestone in mind, I've put together a walk down memory lane. To make it extra fun, I went through our historical archives and grabbed screenshots from the various Subvert websites that have represented us over the years.</p>
<p><strong>2006</strong></p>
<p><a href="http://www.flickr.com/photos/geofharries/6607702707/" title="Subvert website 2006 by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7002/6607702707_1a053cc84d_z.jpg" width="640" height="473" alt="Subvert website 2006"></a></p>
<p>Subvert officially became a company in February 2007, but I registered and started using the domain name subvert.ca in 2006. At the time, I was doing a little bit of consulting on the side while I was working at <a href="http://aasman.ca/">Aasman</a>, but it was mostly home to just my blog.</p>
<p><strong>2007</strong></p>
<p><a href="http://www.flickr.com/photos/geofharries/6607702307/" title="Subvert website 2007 by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7004/6607702307_8459e6f256_z.jpg" width="640" height="571" alt="Subvert website 2007"></a></p>
<p>When Subvert actually became a real business, I really had no idea of what I wanted the company to become. As a solution, I just threw myself out there. My offer to do anything helped me to figure out what people thought my best skills were and how I could help their organizations. By far, the biggest draw was usability testing and user experience research, something we still do in a major way today.</p>
<p>Here's a photo of my spare bedroom office at the time.</p>
<p><a href="http://www.flickr.com/photos/geofharries/2753913757/" title="What's on my desk by Geof Harries, on Flickr"><img src="http://farm4.staticflickr.com/3072/2753913757_3851cd3987_z.jpg?zz=1" width="640" height="480" alt="What's on my desk"></a></p>
<p><strong>2008 (first year)</strong></p>
<p><a href="http://www.flickr.com/photos/geofharries/6607702563/" title="Subvert website 2008 by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7162/6607702563_d8b3345a57_z.jpg" width="640" height="328" alt="Subvert website 2008"></a></p>
<p>This was <a href="http://subvert.ca/Blog/first-year">the year</a> that I got really busy. In between personal websites like Urban Yukon and client websites like <a href="http://subvert.ca/Blog/whitehorsestar">Whitehorse Star</a>, I also managed to do a fair amount of work outside the territory for companies in B.C. and Alberta. In doing this, I realized how out of touch I felt with the rest of my industry - being located in Canada's far north will do that to a fella - so I started up a series of <a href="http://subvert.ca/Blog/Interviews">blog interviews</a> with agencies and solo developers. This resulted in me making some great contacts and friends.</p>
<p><strong>2009 (second year)</strong></p>
<p><a href="http://www.flickr.com/photos/geofharries/6607701585/" title="Subvert website 2009 by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7161/6607701585_d994ffd283_z.jpg" width="640" height="583" alt="Subvert website 2009"></a></p>
<p>The <a href="http://subvert.ca/Blog/reinvigoration">third year of Subvert</a> saw a lot of huge changes.</p>
<p>On January 1, 2009, I moved from our spare bedroom to an office. I looked a lot of places before I settled on this spot, located right across the street from the Yukon River in downtown Whitehorse. The building was old, but the other tenants and location were great.</p>
<p><a href="http://www.flickr.com/photos/geofharries/4008939724/" title="Looking out by Geof Harries, on Flickr"><img src="http://farm3.staticflickr.com/2461/4008939724_179712bc44_z.jpg?zz=1" width="640" height="480" alt="Looking out"></a></p>
<p>At this time, I also chose to switch from using Apple Mac OS X to Microsoft Windows. More and more, I was working with other companies and contractors building Windows or Java-based applications, and OS X was causing too many issues.</p>
<p>In March 2009, <a href="http://subvert.ca/Blog/mix09-experience">my wife and I went to MIX</a>, a Microsoft-sponsored conference aimed at user experience designers and developers. It was at this conference that I decided I didn't want to run Subvert by myself anymore. Not only was I burned out from working too much, but I felt like if I was going to stay interested, I needed to find myself a business partner. Someone who could help move Subvert from just designing applications, software and websites to actually building them.</p>
<p>Well, from the first time that I met him, I knew I'd found him. That person was Mike. We'd worked together on some other projects and we got along great, so we started talking. In October 2009, <a href="http://subvert.ca/Blog/hello-michael-johnson">it became official</a>.</p>
<p><strong>2010 (third year)</strong></p>
<p><a href="http://www.flickr.com/photos/geofharries/6607704219/" title="Subvert website 2010 by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7150/6607704219_4a24b036d0_z.jpg" width="618" height="640" alt="Subvert website 2010"></a></p>
<p>In 2010, Mike and I had the privilege of working with some amazing clients, from all over North America, on projects that have <a href="http://subvert.ca/Blog/2010-review">really stretched us</a> to learn new things and utilize cutting-edge technologies. From GIS web mapping applications to WPF software and mobile apps to enterprise software, we've been lucky to have designed and built some pretty cool stuff.</p>
<p>Yukono was a website I had <a href="http://subvert.ca/Blog/yukono-birth-life">dreamed about for years</a> and in February 2010, we made it happen. I'd say that Yukono is what put us on the map, at least locally, when it came to awareness of our company. Now, almost two years later, the website is still going strong and has a vibrant user community behind it.</p>
<p>In October 2010, we moved to <a href="http://subvert.ca/Blog/new-office">our current office</a>; a brand new space atop another Whitehorse historical landmark.</p>
<p><a href="http://www.flickr.com/photos/geofharries/5093972990/" title="Industrial by Geof Harries, on Flickr"><img src="http://farm5.staticflickr.com/4151/5093972990_86e01a8270_z.jpg" width="640" height="425" alt="Industrial"></a></p>
<p>The work and products that we delivered in 2010 started to put us on a new path: bigger, more complex systems with more demanding requirements and features. As such, we tuned up and documented our processes, while also getting more serious in <a href="http://subvert.ca/Company/Approach">our approach</a>. That didn't mean we lost focus of who we were and where we came from; just that we looked at our world and our clients a little differently.</p>
<p>We also worked on a lot more software and applications than websites during 2010, a pattern that would continue in a greater capacity during 2011.</p>
<p><strong>2011 (fourth year)</strong></p>
<p>This past year has been a transitional one for Subvert. We moved from mostly working for others to making and selling more stuff ourselves. With some help from Yukon College, <a href="http://subvert.ca/Blog/better-sharing">we built and shipped Flik</a>, our first-ever commercial software product.</p>
<p><a href="http://getflik.com/" title="Flik"><img src="http://farm8.staticflickr.com/7027/6608450173_4f24a59517_z.jpg" width="640" height="635" alt="Flik"></a></p>
<p>Our <a href="http://subvert.ca/Blog/rhythmatic-wins">second software product</a>, this time for Windows Phone, is due to be released in February 2012. I did some initial design work to enter a Microsoft-sponsored contest and <a href="http://yukon-news.com/business/26392/">we won</a>, so now it's on us to get the app to market in less than two months. Good thing Mike is as brilliant as he is.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6551010349/" title="Coming to life by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7005/6551010349_c482ceb37d_z.jpg" width="480" height="640" alt="Coming to life"></a></p>
<p>In addition to our own products, we also built a few more GIS web mapping applications, some enterprise software and a number of <a href="http://subvert.ca/Blog/abolishing-forms">awesome websites</a>. We also <a href="http://subvert.ca/Blog/boost-lessons">helped organize</a> a very successful Yukon Technology conference and delivered a number of WPF applications for clients. We continue to be blessed with great customers and challenging projects.</p>
<p><strong>2012</strong></p>
<p>The past five years has been a wild ride filled with plenty of ups and downs, but such is business (and life, for that matter). To anyone out there looking to start their own company, all I can is this: don't give up. Building something of significance takes time, commitment and, once in a while, brute force, but it will happen if you stick with it.</p>
<p>Looking forward, Mike and I are extremely excited about 2012. Excited about what we'll create, what we'll ship and what we'll learn. From Windows Phone apps and ASP.NET systems to Windows 8 software and ArcGIS applications, we're lining up some cool new stuff. I have a feeling that this year will be our biggest and best yet.</p>
<p>Here's to a great 2012!</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">The end of 2011 means that the fifth anniversary of Subvert is on the horizon. It's hard to believe that this company is already almost half a decade old. What started as a part-time "hobby" in our spare bedroom has grown into a full-time business that employs two staff and is soon to be supporting another person.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2011-12-31T20:58:35Z</updated>
            <category term="Business" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/rhythmatic-wins</id>
            <link href="http://subvert.ca/Blog/rhythmatic-wins" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Our Windows Phone app, Rhythmatic, wins at the Fast Track to the Mobile App Design Challenge</div></title>
            <content type="html"><![CDATA[<p>Microsoft <a href="http://www.windowsphone.com/">Windows Phone</a> and <a href="http://www.core77.com/">Core77</a>, an industrial design magazine, recently held the <a href="http://fasttrackapp.core77.com/">Fast Track to the Mobile App</a> contest. The international competition asked designers to come up with business-focused apps specifically tailored for Windows Phone.</p>
<p>On a personal level, this was a particularly rewarding contest to win. As a high school student who got accepted into Ontario College of Art's <a href="http://www.ocadu.ca/programs/design/inds.htm">Industrial Design</a> program, but never went (I instead chose a completely different post-secondary path), this specific area of design has always been important to me and very much a part of who I am. If you could look back through all of my childhood drawing books, you'd see them jam-packed full of industrial design-type illustrations for sports equipment, clothing, footwear, technology and all sorts of other everyday items. I guess, in some ways, this is my interest coming full circle.</p>
<p>Now, what was appealing to us about this contest is that it wasn't just asking for design concepts and leaving them as just that: ideas. The Windows Phone design team and <a href="http://www.core77.com/">Core77</a> actually want to see the apps created by designers be turned into functional, sellable apps in the <a href="http://www.windowsphone.com/en-CA/marketplace">Windows Phone Marketplace</a>. And then, after they are in the Marketplace, completed apps are going to be eligible to receive additional marketing and promotion from Microsoft, the <a href="http://create.msdn.com/en-US/">App Hub</a>, Core77 and at the <a href="http://www.mobileworldcongress.com/">Mobile World Congress</a> in Barcelona, Spain.</p>
<p>So, we decided to enter. Our idea was Rhythmatic: a dynamic, intelligent business cash-flow management app that leveraged some of the big features of Windows Phone, namely integration with <a href="http://www.microsoft.com/windowsphone/en-ca/apps/office.aspx">Office Mobile</a> and <a href="http://www.microsoft.com/windowsphone/en-CA/features/default.aspx">Live Tiles</a>. After some time spent sketching, talking about and sitting down to design several of the individual screens for our app, we submitted Rhythmatic (as in the rhythm of running a business) to the contest website. And waited.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6507993379/" title="Rhythmatic Windows Phone app by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7157/6507993379_f281edc9c8_o.jpg" width="345" height="624" alt="Rhythmatic Windows Phone app"></a></p>
<p>Yesterday we found out that Rhythmatic <a href="http://fasttrackapp.core77.com/awards/">won</a>! Yep, that's right, out of all the entries that <a href="http://fasttrackapp.core77.com/judging/">the judges</a> received, our app was chosen to be included in the <a href="http://www.core77.com/blog/mobile/fast_track_to_the_mobile_app_design_challenge_winners__21317.asp">top five</a> of all entries worldwide.</p>
<p>What's next for Rhythmatic? We get to actually build it. The goal is for the app to be available in the <a href="http://www.windowsphone.com/en-CA/marketplace">Windows Marketplace</a> in early 2012 with help and guidance from appointed senior Windows Phone designers. That's admittedly not a lot of time, but we've got <a href="http://subvert.ca/Blog/recent-work">plenty of experience</a> building stuff fast. <a href="http://subvert.ca/Projects/PeelConsultation">Really fast</a>. So we're taking it upon ourselves to make this happen and we couldn't be more excited.</p>
<p>Stay tuned for updates on Rhythmatic as they come. Core77 has also assigned a writer to the development story who will be documenting our experience over the coming weeks and months. So that's now also official: we've become own  reality show.</p>
<p>Off we go...</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">Microsoft Windows Phone and Core77, an industrial design magazine, recently held the Fast Track to the Mobile App contest. The international competition asked designers to come up with business-focused apps specifically tailored for Windows Phone.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2011-12-14T00:25:13Z</updated>
            <category term="Announcements" />
        </entry>
        <entry>
            <id>http://subvert.ca/Blog/windows-phone-apps</id>
            <link href="http://subvert.ca/Blog/windows-phone-apps" />
            <title type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">The reports of Windows Phone lacking in apps are greatly exaggerated</div></title>
            <content type="html"><![CDATA[<p>Tech journalists who demo a Windows Phone often lazily adhere to a predictable formula in their review:</p>
<p>1. Easy to use!</p>
<p>2. Refreshingly different!</p>
<p>3. Live tiles!</p>
<p>4. Not enough apps.</p>
<p>On the last point: I really wish that this pattern would stop. It's not fair of journalists to criticize the lack of apps for Windows Phone compared to those of Apple iOS or Android; they are doing a disservice to their readers by focusing on such a small, inaccurate "issue" of the Windows Phone user experience.</p>
<p>Many people will read that last "Not enough apps" line and blindly dismiss Windows Phone as a good alternative to its competition, when in reality, it truly deserves your attention. Windows Phone has plenty of apps, many of the same as on other platforms, if you only search the <a href="http://www.windowsphone.com/en-CA/marketplace">marketplace</a>.</p>
<p>I'll admit that I'm not a heavy app user. On my aging iPhone 3GS, I've only got 60 apps installed and 22 of those were added by default from Apple (therefore, 38 from independent developers). I've downloaded just over 100 apps in my two years of owning the device.</p>
<p>Last January, we bought a <a href="http://subvert.ca/Blog/wp7-review">Samsung Omnia 7</a> running Windows Phone, from Expansys. We did this to be able to test, experiment and play with the new platform. Earlier this spring, Mike moved from his iPhone to a HTC HD7 with Windows Phone. I plan to do the same over the coming year.</p>
<p>On the Omnia 7, I've been able to find more than suitable replacements for the apps I regularly use on my iPhone. All it takes is searching the <a href="http://www.windowsphone.com/en-CA/marketplace">Windows Phone Marketplace</a> and clicking the get/buy button on the app you want. Could it get any easier than that? Windows Phone even offers a free trial on every app in their marketplace; a feature that's sorely needed in the Apple App Store.</p>
<p>So, let's go through the third party apps, screen by screen, that I have installed on my iPhone and I'll point you towards the Windows Phone options that have the same functionality, and often, publisher.</p>
<p>The first screen on my iPhone:</p>
<p><a href="http://www.flickr.com/photos/geofharries/6406377981/" title="Untitled by Geof Harries, on Flickr"><img src="http://farm7.staticflickr.com/6114/6406377981_eaa88d4d93_o.jpg" width="320" height="480" alt=""></a></p>
<p><strong>TSN Mobile</strong>. There's no TSN app at present, but if you don't care about the service provider, there's <a href="http://www.windowsphone.com/en-CA/apps/531d725e-460d-e011-9264-00237de2db9e">ScoreMobile</a> or <a href="http://www.windowsphone.com/en-CA/apps/486c5bc7-e253-e011-854c-00237de2db9e">ESPN ScoreCenter</a> both of which are equally good. I use ScoreMobile.</p>
<p><strong>CBC News</strong>. Again, no dedicated Windows Phone app at present, but <a href="http://www.windowsphone.com/en-CA/apps/87b43faf-28e9-df11-9264-00237de2db9e">Globe and Mail</a> is a terrific replacement.</p>
<p><strong>Harvest</strong>. Try <a href="http://www.windowsphone.com/en-ca/apps/c122836b-52f7-df11-9264-00237de2db9e">Harvest Time Tracking</a>. When <a href="http://gettimetractor.com/">TimeTractor</a> finally launches, it will be a killer option.</p>
<p><strong>Done-zo</strong>. Not needed; see below.</p>
<p><strong>Reminders</strong>. This app is part of iOS and is run as a different app. Not so with Windows Phone, where it's integrated as part of Calendar, which I find to be a much more natural position. Plus, being packaged, it takes up less real estate on your phone.</p>
<p><strong>Cyclemeter</strong>. Try <a href="http://www.windowsphone.com/en-ca/apps/906cd463-9f34-e011-854c-00237de2db9e">RunKeeper</a> which has very similar functionality and a better interface. It's also free.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6421796823/" title="RunKeeper by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7152/6421796823_6b0fb90e11_z.jpg" width="384" height="640" alt="RunKeeper"></a></p>
<p><strong>Pkt Weather</strong>. <a href="http://www.windowsphone.com/en-CA/apps/d47287b9-391f-44c7-9a3c-299b4bca5991">WeatherMaster</a> is sweet. Featuring Live Tile support so that your home screen is always up-to-date, WeatherMaster is a colorful, relatively attractive weather app option.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6767034023/" title="WeatherMaster by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7166/6767034023_7eca333416_z.jpg" width="384" height="640" alt="WeatherMaster"></a></p>
<p><strong>Reeder</strong>. <a href="http://www.windowsphone.com/en-ca/apps/c9ccc9fc-8ce7-df11-9524-00237de2dca0">Wonder Reader</a> also syncs with Google Reader, just like Reeder.</p>
<p><strong>Twitterific</strong>. Like Facebook below, Windows Phone has a <a href="http://www.windowsphone.com/en-CA/apps/0b792c7c-14dc-df11-a844-00237de2db9e">built-in Twitter app</a>, but I prefer <a href="http://www.windowsphone.com/en-CA/apps/304c9bfd-9b65-e011-81d2-78e7d1fa76f8">rowi</a>.</p>
<p><strong>Facebook</strong>. Another <a href="http://www.windowsphone.com/en-CA/apps/82a23635-5bd9-df11-a844-00237de2db9e">built-in app</a>, but unlike iOS, it's deeply integrated into the entire Windows Phone experience. For instance, Facebook events are part of your phone's central calendar.</p>
<p>The second screen on my iPhone:</p>
<p><a href="http://www.flickr.com/photos/geofharries/6406378627/" title="Untitled by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7018/6406378627_7c46515409_o.jpg" width="320" height="480" alt=""></a></p>
<p><strong>RBC Mobile</strong>. I don't use this app very much, so the basic <a href="http://www.rbc.com/mobile/">web browser version</a> is more than adequate for those rare occasions that I do.</p>
<p><strong>ING Direct</strong>. There's a <a href="http://www.windowsphone.com/en-CA/apps/49bca510-5d22-e011-854c-00237de2db9e">Windows Phone app</a> for ING DIRECT Canada.</p>
<p><strong>Flickr</strong>. In using both the iOS and <a href="http://www.windowsphone.com/en-CA/apps/2e49fb07-592b-e011-854c-00237de2db9e">Windows Phone version of this app</a>, I feel the latter is superior. Photos are bigger and the side-to-side swiping is oh-so-natural.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6421797459/" title="Flickr by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7174/6421797459_bb0be4cbac_z.jpg" width="384" height="640" alt="Flickr"></a></p>
<p><strong>CBC Radio</strong>. CBC has quite a number of its channels available in a <a href="http://www.cbc.ca/mobile/services/">mobile version</a>. Surprisingly, they only have a <a href="http://www.windowsphone.com/en-CA/apps/6fe4ca2a-b675-e011-81d2-78e7d1fa76f8">French version of CBC Radio</a> at present, but no English version. Not a problem; I rarely use this app. Also, I'm sure English radio is on its way.</p>
<p><strong>Alarm Clock</strong>. <a href="http://www.windowsphone.com/en-CA/apps/19c2c6c3-6eeb-df11-9264-00237de2db9e">Night Stand Clock</a> is the one to pick. As an aside, I've only used an alarm clock probably three times in the past seven years. Our kids are my alarm clock; they wake up every day at 6:00 a.m. for some insane reason.</p>
<p><strong>Tag</strong>. Although Tag Reader is a good app, with Windows Phone, you don't even need to install it. Mango (Windows Phone 7.5) has a <a href="http://www.bing.com/community/site_blogs/b/bingformobile/archive/2011/10/10/windows-phone-7-5-bing-o-on-mango.aspx">built-in tag/QR code reader with Bing</a>.</p>
<p><strong>Tipulator</strong>. Give <a href="http://www.windowsphone.com/en-CA/apps/91cc84b6-c91d-e011-9264-00237de2db9e">Tip Calculator</a> a shot. Bonus points for being less cartoony and cutesy than the iOS app.</p>
<p><strong>Flixster</strong>. <a href="http://www.windowsphone.com/en-CA/apps/7dc02baf-a7d6-df11-a844-00237de2db9e">Same on Windows Phone</a>.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6767044225/" title="Flixster by Geof Harries, on Flickr"><img src="http://farm8.staticflickr.com/7169/6767044225_a6b74f4596_z.jpg" width="384" height="640" alt="Flixster"></a></p>
<p><strong>Mixology</strong>. <a href="http://www.windowsphone.com/en-CA/apps/ddd1ad08-d9d5-df11-a844-00237de2db9e">Cocktail Flow</a> is a superior app to Mixology: more colourful, easier to use and there's actual pictures of the drinks.</p>
<p><a href="http://www.flickr.com/photos/geofharries/6421797873/" title="Cocktail Flow by Geof Harries, on Flickr"><img src="http://farm7.staticflickr.com/6094/6421797873_4b9a4d0806_z.jpg" width="384" height="640" alt="Cocktail Flow"></a></p>
<p><strong>Amazon</strong>. No app required. Simply go to <a href="http://www.amazon.ca/">Amazon</a> and pin the website to your start screen.</p>
<p><strong>Canadian Tire</strong>. Hooray! No buggy, complicated app required. Just go to <a href="http://www.canadiantire.ca/">Canadian Tire</a> and pin the results to your start screen.</p>
<p><strong>Yellow Pages</strong>. There's a Windows Phone app called...wait for it...<a href="http://www.windowsphone.com/en-CA/apps/c869ade5-1ade-df11-a844-00237de2db9e">Yellow Pages</a>.</p>
<p>And finally, the third screen on my iPhone:</p>
<p><a href="http://www.flickr.com/photos/geofharries/6406379079/" title="My iPhone apps by Geof Harries, on Flickr"><img src="http://farm7.staticflickr.com/6096/6406379079_a5183d1f41_o.jpg" width="320" height="480" alt="My iPhone apps"></a></p>
<p>This is my kid screen: Games only. Itsy Bitsy, Diego Music, Super Why! and PAC-MAN, to name a few.</p>
<p>I'm not much of a gamer, but suffice to say, the Windows Phone Marketplace is <a href="http://www.windowsphone.com/en-CA/games">stacked with games</a>. The other day I downloaded and showed our older kids the game called <a href="http://www.windowsphone.com/en-CA/apps/5a3f9c59-1d30-4895-bb76-641bdd959a8c">Kinectimals</a>. Suddenly getting the high score in <a href="http://itunes.apple.com/ca/app/disney-fairies-fly/id298153386?mt=8">Fairies Fly</a> didn't matter anymore. Kinectimals blew their mind (as it did mine).</p>
<p>So, if you're shopping for a new phone, give Windows Phone a chance. Don't be swayed or deterred by the greatly exaggerated reports of Windows Phone lacking in apps, because it's simply not true. There's more than enough in the <a href="http://www.windowsphone.com/en-CA/marketplace">marketplace</a> to satisfy the needs and curiosity of the average user.</p>
]]></content>
            <summary type="xhtml"><div xmlns="http://www.w3.org/1999/xhtml">It's not fair of journalists to criticize the lack of apps for Windows Phone compared to those of Apple iOS or Android; they are doing a disservice to their readers by focusing on such a small, inaccurate "issue" of the Windows Phone user experience. Windows Phone has plenty of apps, many of the same as on other platforms, if you only search the marketplace.</div></summary>
            <author>
                <name>Geof Harries</name>
            </author>
            <updated>2011-11-28T19:55:35Z</updated>
            <category term="Reviews" />
        </entry>
</feed>
