Categories
Uncategorized

A Touchy Subject

win phone latitude xt2 surface

I think that we – and by we, I mean we developers and developer evangelist types at Microsoft – get touch and tablets, or slates, or pads, or whatever you’d like to call them, better than the Ars Technica article Ballmer (and Microsoft) still doesn’t get the iPad (written by Peter Bright and posted in the One Microsoft Way section) implies. I believe that over the next few months, you’ll see some interesting touch-related stuff coming from Microsoft, and that we have a responsibility to help developers understand the differences between mouse/keyboard computing and touch computing.

In anticipation of this, I’ve been make my move towards touch- (and other sensor-based) computing over the past little while, by migrating to the following devices:

The idea behind this purposeful move towards touch-equipped devices is to truly understand touch-based interfaces, which UI elements work and which ones don’t, and then to pass the lessons learned to my audience – developers and designers, whether you build for the Microsoft platform or the platforms of the Esteemed Competition.

My own move towards touch-based devices is a microcosmic example of the larger changes taking place at The Empire. The move to touch interfaces is taking place on Microsoft computing platforms of all sizes:

windows phone

As the Ars Technica article points out, one of the signs that we do get touch is the new interface design of Windows Phone 7. The design philosophy is build around touch (and other sensors), and the WP7 “design bible”, the Windows Phone User Interface Design and Interaction Guide [12 MB PDF], explains this philosophy beyond the mere technical details. Here’s the introduction to its section WP7’s touch interface (any emphasis in the quote below is mine):

Touch input is a core experience of Windows Phone 7 and has inherent differences from traditional keyboard and mouse input systems. Designed for natural and intuitive user interaction, touch input in Windows Phone 7 enables users to interact with application content such as a photo or a web page. Touch input enables simple and consistent user touch gestures that imitate real life behavior, such as panning on a photo to move it. Single-touch gestures make interaction easier with one hand, but multi-touch gestures are also available to provide more advanced gesture functionality.

Application developers should strive to create unique and exciting experiences that encourage the discovery of content through the use of touch gestures. Users should enjoy the experience of navigating through the steps of a task as well as the completion of the task itself. Touch gestures should provide a delightful, more colorful, intuitive experience within applications

Touch delights the senses as the user gets to see the interaction match the performance. The touch UI should always have aware and responsive performance, just like how real world objects respond to touch immediately, and applications on Windows Phone 7 should as well, by performing the action in real time and by providing immediate feedback that an event or process is occurring. Users should not have to wait as it breaks their immersion, flow, and concentration, especially as their gestures transition from one to the other. For example, a pan may turn into a flick or a tap can become a double tap, and the user should not be aware that the UI is switching gesture support.

There’s a great amount of understanding behind the nuances of touch-based interfaces in the Windows Phone User Interface Design and Interaction Guide, and over the next few months, we’ll be covering them in great detail in this blog.

big-ass table

When the Surface, a.k.a. the “Big-Ass Table”, came out, a number of people asked why such a big, expensive thing was built and what practical purpose such a beast would serve.

For starters, there are a number of customers who use it, from casinos in Vegas to bible study classes in megacurches to places closer to home (by which I mean Canada), from the company that did the security for President Obama’s visit to Ottawa to super-sexy Toronto design firm Teehan+Lax to Ontario College of Art and Design to Infusion, who’ve built applications such as Noront Resources’s GSI Surface tool to the security app Falcon Eye.

Equally important are lessons to be learned about input from touch and other sensors from a “concept” machine like the Surface, whose built-in camera systems allow for way more touch points than a resistive or capacitive touch screen will allow, as well as the ability to “see” objects on the tabletop. By being empirical and building such a computer, developing software for it and watching people interact with it, we learn more about touch and sensor-based computing way more than we could from mere theorizing.

I think Des Traynor captured our intent quite nicely in his article about Surface and other Microsoft efforts in the field of user interface:

When the Surface was released two years ago it was chastised by the public. The joke at the time was: “Apple and Microsoft both invest in multi-touch technology, Apple release the iPhone, Microsoft release a $15,000 coffee table!”.

But Surface wasn’t about “re-inventing the coffee table”, so much as it was prototyping a vision of the future of computing. There will come a time when “gathering around a laptop” will seem as ridiculous as connecting an ethernet cable; a time when everyone gathers around a multi-user computer to have a meeting or debate a design. With something like surface, Microsoft are preparing for that day.

standard computers

A lot of the knowledge from Surface applications have been injected into Windows 7 in the form of the Windows 7 Touch Pack. This pack gives Windows 7 a touch-based API and a set of apps originally designed for the Surface, so that they can run on touch-enabled computers, such as HP’s TouchSmart series, touch-enabled laptops like my own Dell Latitude XT2 as well as any computer connected to one of the new touch-enabled monitors (our manager John Oxley has one in his office).

The Ars Technica article goes on and on about Windows 7’s standard interface controls being too tiny for touch, but a quick look at the Touch Pack apps reveals that they don’t use the standard controls; rather, they use controls better-suited to touch. Here’s a screenshot of Surface Collage, the photo-collage application, running on my XT2:

surface collage

No standard Windows controls here! You manipulate the photos directly using gestures, and the strip along the bottom is a photo list, which you also manipulate through gestures. The closest thing to a standard Windows control is the “close” button near the upper-right hand corner of the screen, which is larger than the typical “close” button – small enough to be out of the way, yet large enough to click with a finger.

Here’s another app from the Touch Pack, Surface Globe, also running on my XT2:

surface globe

Once again, no standard Windows 7 controls here, but a map that you directly manipulate, augmented by finger-friendly controls.

The Touch Pack apps all follow this philosophy: when going touch, eschew the standard Windows 7 UI controls in favour of touch-friendly ones, and then back to bog-standard Windows 7 when exiting them. These apps show not just that we understand that touch computing is a different beast from mouse-and-keyboard computing, but that we also understand where they intersect.

future
We’re working on what I like to call “the touch continuum”, which spans pocket devices such as the Zune HD and Windows Phone, to portable computing with netbooks, laptops and soon, tablets, to desktop and tabletop and wall-sized units. And yes, we get that new types of user input call for new user interfaces and give rise to new usage patterns. We’re aware of the challenges of touch (and other sensor) input and over the next little while, you’ll see our answers to those challenges. And better still, we’ll share what we’ve learned in order to make you better developers and designers of software that use these new interfaces.

This article also appears in Canadian Developer Connection.

Categories
Uncategorized

One of Toronto’s Top Tweeters

joey devilla twitter page

I’m honoured and flattered to be among those listed in Saturday’s Globe and Mail article, T.O. Twitter Smackdown, as one of Toronto’s best tweeters. Thanks to author Lisan Jutras and the Globe for considering my Twitter account worthy!

Here’s how I got written up:

Name: Joey deVilla
Handle: AccordionGuy
No. of followers: 5,420
Natural habitat: Patios, karaoke bars
Topic: The funny

A self-described bon vivant, this developer is like the guy at the party everyone wants to talk to. He spreads joy in the form of amusing links (from a Bacon Space Kitty screensaver to an erotic falconry website) and funny updates. But don’t let his sunny disposition fool you: the man has clout. He’s got mad followers, and shows up at everything from Bombay Sapphire’s penthouse barbecue to Mesh U, Canada’s web conference. He’s also a rock ’n’ roll accordionist who left the Philippines during Marcos’s reign. Respect.

Sample tweet: We should let that World Cup octopus pick the method to stop the BP oil leak.

Also listed in the article:

Once again, my thanks to Lisan Jutras and the Globe!

This article also appears in The Adventures of Accordion Guy in the 21st Century.

Categories
Uncategorized

Register for TechDays Vancouver Before the Early Bird Price Expires

TechDays Vancouver: September 14 - 15

If you’re planning on TechDays Vancouver, your window for the early bird price of CDN$349.99 plus tax expires on Tuesday, August 3rd. After that, the price jumps up to almost twice that. Save yourself some money by not procrastinating – register for TechDays Vancouver now!

Remember the TechDays formula:

techdays formula
Want to know more about the sessions at this year’s TechDays? Take a look at our sessions page.

Once again, register for TechDays Vancouver before the early bird price expires!

This article also appears in Canadian Developer Connection.

Categories
Uncategorized

Building Tapworthy Apps for Windows Phone 7

tapworthy

I’m going to throw you a curve ball right now: if you want to develop apps for Windows Phone 7, one of the must-read books is one written for iPhone developers and designers. It’s Tapworthy, written by Josh Clark and published by O’Reilly.

While Tapworthy was written with people building apps for The Esteemed Competition’s phone in mind, much of it is applicable to WP7 developers and designers. That’s because it’s not about the act of programming, nor is it about marketing phone apps. It’s about creating applications that are useful, usable and delight your users. It’s about good application design, understanding your users’ situation, wants and needs, and what separates “just good enough” from “awesomesauce”. As the book says in its introduction:

You’ll learn how to conceive and refine your app’s design in tune with the needs of a mobile audience—and their fingers and thumbs. Designing a handheld device that works by touch is entirely different from designing any other kind of software interface. Experienced designers and newcomers alike will uncover the shifts in mindset and technique required to craft a great app.

I could write about what I think about Tapworthy, but the folks at Rainy Day Engineering put it so well that I’ll just leave it to them:

If you are about to embark upon designing your first commercial mobile app, stop what you’re doing, buy this book, read it, and then proceed with your design efforts. It will save you countless hours of headaches, frustrations, and dead ends. If you have been building mobile apps for a while and have not had the success you think should be yours, then this book may have some suggestions to help you get better returns on your development dollars. If you are looking to kick up your UI designing game a few notches, then you should stop what you are doing, log on to Amazon, and order a copy immediately. You can certainly read this book from cover to cover in one sitting, but we are certain you will be returning to it again and again.

Tapworthy is a great companion book to the Windows Phone UI Design and Interaction Guide (which you should absolutely download if you’re building WP7 apps). Follow the advice in both books, and you’ll be making WP7 apps that people will want and download. Tapworthy is available in dead-tree or ebook form from O’Reilly; you can also get it from Chapters/Indigo, Amazon.ca and Amazon.com.

Tapworthy: it’s the Windows Phone 7 book that doesn’t know it’s a Windows Phone 7 book!

This article also appears in Canadian Developer Connection.

Categories
Uncategorized

Telus Tells Us The Unvarnished Truth [Updated]

I’ve got to hand it to Canadian telco Telus, who tell it like it is on their web page:

why do i need a credit check

(Click here to see the page, and scroll down to the “Why do I need a credit check?” section to see it for yourself.)

I like their forthrightness. My only complaint with their explanation is that “deadbeat” is one word,
not two.

Update: Wow, that didn’t take long – they’ve excised that section.

This article also appears in The Adventures of Accordion Guy in the 21st Century.

Categories
Uncategorized

What’s Happening with Windows Phone 7 [Updated]

windows phone 7

Update: I added links to official Windows Phone 7 documentation.

And now, a quick wrap-up of what’s happening with Windows Phone 7. (What you see above is my phone in my hand, as seen from my point of view at Café Novo, one of my “remote offices” in Toronto.)

In this article, I cover:

  • General in-person reactions by people trying out Windows Phone 7
  • The developer tools
  • The upcoming Windows Phone 7 Bootcamp by DevTeach and DreamDigital
  • Resources, including the most complete list of upcoming Windows Phone 7 books that I know of
  • A little bit about Marketplace and how we plan to help you market your apps.

Read on for more!

Windows Phone 7 Makes a Splash at Tweetgasm

tweetgasm

On Monday night, I attended a monthly event called Tweetgasm, which took place in Toronto’s Gladstone Hotel. As the name of the event implies, it’s a gathering of Twitter users, and as expected, a good chunk of the people who came work in tech, internet marketing and that emerging business called “social media”.

Then came the inevitable question: “So is it true that you’ve got a Windows Phone?”

I pulled it out from my pocket, unlocked it, and said “Want to take it for a spin?”

I spent the better part of an hour letting people put my phone through its paces. From this experience, it became quite clear that seeing photos of WP7’s minimalistic interface and actually experiencing it “up close and personal” are two very different creatures.

“It’s really responsive,” was a common refrain as they tried out the touch screen. The touch response of the phone feels right. People got a kick out of flicking their way around the various hubs and pinch-zooming in both the browser and my photo collection.

“It’s easy to read!” was another common response. “Nice and clean, and what’s that font?”

(It’s “Segoe WP”, a variant of “Segoe UI”, which comes with Windows Vista and 7. You get Segoe WP when you download the WP7 developer tools. Hardcore typography nerds might want to check out Wikipedia’s entry on Segoe.)

“All right, Joey,” said a couple of developers who built apps for other platforms, “how do we get in on building for this phone?” I have their contact info, and I’ll be talking with them very soon.

And how do you get in on building for WP7 if you didn’t get my business card at Tweetgasm? Step one is simple: drop me a line.

Get the Windows Phone 7 Beta Developer Tools

tools

If you want to get started building apps for WP7, your first step is to download the tools. The tools recently made the leap from CTP (“Community Technology Preview”) to beta. The developer tools are free-as-in-beer and based on the excellent Visual Studio IDE.

click here to download wp7 developer tools beta

Here’s what you get with the tools:

  • Visual Studio 2010 Express for Windows Phone (beta). The development environment, debugger and compiler – it’s where you’ll be coding.
  • Windows Phone Emulator (beta). So you can take your apps for a test run. It works with touch screens, too – I use it with my touch screen-equipped laptop (a Dell Latitude XT2) all the time.
  • Microsoft Expression Blend for Windows Phone (beta). An interface designer that makes it easier to build the UIs for Silverlight-based phone apps. Used in tandem with Visual Studio 2010 Express for Windows Phone, it makes building gorgeous apps a much quicker process.
  • Silverlight for Windows Phone (beta). One of the programming frameworks for WP7, this one is better suited for building event-driven “application”-style apps.
  • XNA Game Studio for Windows Phone (beta). The other programming framework for WP7, this game loop-driven framework is better suited for game development. It’s based on XNA Game Studio, which lets you build games for Xbox 360 and Windows.

Two Days of Intensive Hands-On Training at the Windows Phone 7 Bootcamp

bootcamp

Our friends at DevTeach and DreamDigital have teamed up to offer an intensive two-day “bootcamp” covering WP7 development in four Canadian cities later this summer:

  • Montreal: Monday, August 23 and Tuesday, August 24 at the Microsoft office
  • Vancouver: Monday, August 30 and Tuesday, August 31 at the Sutton Place Hotel
  • Ottawa: Thursday, September 2 and Friday, September 3 at the Microsoft office
  • Toronto: Tuesday, September 7 and Wednesday, September 8 at Microsoft’s downtown office

The bootcamp course will be taught by Colin Melia, who’s who’s presented at TechDays, wrote the Silverlight demo app that we used for the EnergizeIT tour and is one of our go-to guys for Windows Azure – simply put, the guy knows his stuff. If you’re looking to kick-start your WP7 development, there isn’t a course more hardcore than this one.

The registration fee is CDN$999 for the full-day training session, and you can save $100 by using the discount code WP7BOOTCAMP when you register. I repeat:

save100withWPBOOTCAMPcode

For the full details on the Windows Phone 7 Bootcamp, see the Windows Phone 7 Bootcamp page.

Where Can I Find Out More About Windows Phone 7?

guidance

joey wp7 accordion

Yours Truly and This Blog

For starters, there’s me (that’s me on the right, with the accordion with the “I love Windows Phone” stickers on it). I’m one of the designated “Windows Phone Champs”, and it’s my job to make it easier for you to write Windows Phone 7 apps. With my fellow champs Paul Laberge and Jamie Wakeam, I’ll be writing articles, organizing workshops, getting you the latest technical, user experience and marketing info you need, provisioning developer phones and doing whatever it takes to help you become a successful WP7 developer. Our success is going to be measured by your success.

Want to keep track of me and all the stuff I’m doing for Windows Phone developers? Check out the following:

  • I’ll be posting about WP7 quite regularly on this blog, so keep it bookmarked and come back often!
  • Follow me on Twitter: I’m @AccordionGuy.
  • Have you been working on a WP7 app using the development tools and emulator and are wondering what the next step is? You probably want to email me. Let’s talk!

Official Windows Phone 7 Documentation

The official docs are always a good starting point. Make sure you check out all these links!

Windows Phone Developer Blog

In addition to this blog, be sure to check out these blogs that cover WP7 development:

Books

There are a number of WP7 books in the works, including the ones listed below:

windows phone 7 unleashed

Windows Phone 7 Unleashed by Daniel Vaughan and published by Sams. He posted a quick blog entry about it earlier today.

beginning windows phone 7 development

Beginning Windows Phone 7 Development by Henry Lee and published by Apress.

pro windows phone 7 development

Pro Windows Phone 7 Development by Rob Cameron and published by Apress.

windows phone 7 game development

Windows Phone 7 Game Development by Adam Dawes and published by Apress. Here’s his blog entry on the book.

learning windows phone game programming

Learning Windows Phone Programming by Yochay Kiriaty and Jaime Rodriguez and published by O’Reilly. You can download a free 50-page PDF “sampler” of the book.

programming windows phone 7

Programming Windows Phone 7 by Charles Petzold and published by Microsoft Press. You can download a sampler of the book in PDF or XPS format, along with source code.

windows phone 7 application development using silverlight

Windows Phone 7 Application Development Using Silverlight by Corey Schuman and published by Addison-Wesley Professional.

xna game studio 4.0 programming

XNA Game Studio 4.0 Programming: Developing for Windows Phone and Xbox Live by Tom Miller and Dean Johnson and published by Addison-Wesley Professional.

wrox

There are also a couple of books coming out from Wrox that don’t have cover designs yet:

Promoting Your Apps in Marketplace

market 
Building WP7 apps is half the job; the other half is selling them in the Marketplace. We’re working on ways to help you market your applications, from articles explaining what works and what doesn’t (based on research and studying what works and what doesn’t for other mobile platforms), putting the spotlight on Canadian WP7 developers and their apps and sessions like Anthony Bartolo’s upcoming “Turbo Talk” at TechDays, where he’ll talk about Windows Phone Marketplace and how to get the most out of it.

Are you working on apps for Windows Phone 7? Make sure I (and through me, the rest of Microsoft Canada’s WP7 team) know about it – drop me a line!

Movin’ on Up

upward 
As a complete reboot and from-the-ground-up rethinking of Microsoft’s approach to mobile, Windows Phone 7 gives you a unique opportunity to get in on the ground floor, make a splash and be a rock star. Albert Shum’s new UI design makes it stand apart from other mobile OSs, and whenever I show my phone to people, they’re impressed by it. The new programming models – Silverlight and XNA offer a lot of power and flexibility, and I personally find programming with them and in C# far more pleasant that the options offered by The Esteemed Competition. As you’ll see in the coming weeks and months, The Empire is putting all sorts of resources behind WP7, and a lot of developers are coming along for the ride.

We’re movin’ on up – join us!

This article also appears in Canadian Developer Connection.

Categories
Uncategorized

Limbo

I’ve been spending summer playing a couple of Xbox 360 games situated in dark nightmare worlds. One is Microsoft Studios’ and Remedy’s Alan Wake, which could be described as an homage to Stephen King (so much so that they name-drop him in the opening credits); the other is Limbo, an Xbox Live Arcade game: 

Calling Limbo a “2-D side-scroller game” does it as much injustice as referring to Red Dead Redemption as “a cowboy third-person shooter”. Limbo is the most gorgeous and haunting side-scroller I’ve ever played.

The world of Limbo is a monochromatic one, shrouded in gloom and fog and nothing but the game itself. The screenshot below shows what the game actually looks like while you’re playing:

Limbo screenshot: the boys runs towards some rolling flaming logs

No heads-up display, score or distractions of any kind: it’s just you and Limbo’s world. The controls are minimal – you just use the left thumbstick to move, the A button to jump and the B button to perform actions on things (typically push or pull objects). Where Limbo goes deep is gameplay – this game really sucks you in.

Limbo screenshot: the boy comes across a body hanging from a noose
You control your character, a young boy who wakes up in a dark forest, with no idea what’s going on. There’s no opening cinematic, no explanatory text, no little pop-up hints, but somehow the game manages to convey a sense of what to do next solely through the way the game reacts to your actions. The developers, Playdead – an indie game dev shop in Copenhagen – did an amazing job in programming Limbo to communicate just through gameplay.

Limbo screenshot: The body travels across a body of water in a boat

With its black-and-white graphics, smooth animation, minimal sound (you only hear things you need to hear) and the many, many ghoulish ways your character will die as you learn to navigate the game’s many deadly puzzles and traps, Limbo feels like the sort of ghastly-but-addictive game that Edward Gorey might have conjured up, had he decided to take up programming rather than becoming an illustrator.

Limbo screenshot: the boy encounters a pit filled with spikes and two children bearing spears

As of this writing, Limbo has a Metacritic score of 90, placing it just below Super Street Fighter IV and Red Dead Redemption, having earned heaps of praise from all sorts of reviewers, including this one.

Limbo may just be the best Xbox Live Arcade game ever released, and I suspect it’ll be in my “Top 5” for 2010. If you’re looking for a stand-out game for your Xbox 360, Limbo is well worth the 1200 Microsoft Points.

This article also appears in Canadian Developer Connection.