Josh Holmes » Mobile

Getting Started with Windows Phone

joshholmes — Wed, 09 Nov 2011 15:48:28 +0000

There’s a lot going on with Windows Phone development these days and the great news is that you’re not out in the cold on your own here. There are a ton of of great Windows Phone resources that will give you thoughts, ideas, code, sample images and much much more. This blog post is going to be a growing repository of resources that I have that are available to Windows Phone developers specifically in Ireland but many of these resources are available to anyone.

Groups

Windows Phone Ireland LinkedIn Group – this is the best way to stay informed about all of the events and promotions in Ireland!!! For example, we’ve got a number of testing sessions coming up as well as tons of training events.
Windows Phone Developer Users Group in Ireland – coming soon…

Windows Phone

Consumer site

Windows Phone YouTube Channel (Watch Social, App and Web videos)

WP Central – Independent Source on everything Windows Phone

Tools

Believe it or not, the tools are free.

Windows Phone Tools

Now, there are more complete versions of the tools (that do more than just phone stuff but everything that you need is free).

If you are in BizSpark or have MSDN – you get these more complete versions of the tools for free already as well. If you are a startup, sign up for BizSpark at http://www.bizspark.ie.

If you are a web consultant in a shop that’s less than 10 people, you can get these tools for free as well through WebsiteSpark at http://www.microsoft.com/web/websitespark/support.aspx?tab=ProgramDetails.

Twitter Accounts you should follow

Windows Phone
Windows Phone Design Team
Arturo Toledo – UX Designer Developer Experience
Corrina Black – Windows Phone Design Lead for Developer Experience
Josh Holmes – yes, shameless plug
Jeff Blankenburg – Developer Evangelist in the US
Susan Todd – Design Research Developer Experience
Windows Phone Design Twitter List
Mike Kruseniski

Education

Jeff Blankenburg has a fantastic couple of series on Windows Phone development.

31 Days of Windows Phone
31 Days of Mango

Is that a Rich Web in Your Pocket?

joshholmes — Fri, 01 Jul 2011 14:34:08 +0000

I had a fantastic opportunity recently as I was asked to speak at the Google Tech User Group on HTML5. Eoin Bailey, co-founder of Hit the Road and one of the founders of the Dublin GTUG, invited me to speak on HTML5 with some of their other speakers to give a full out HTML5 day at the Dublin GTUG. I couldn’t pass up the opportunity to speak at Google so I rearranged my schedule to make sure that I could make it.

The schedule was as follows.

1. Ilmari Heikkinen, "Sprucing up your pictures with HTML5" – Ilmari will cover some HTML5 basics – the enhancements that it provides over previous web standards and will focus on how image and video filters can be used, demonstrating some examples.

2. Neil Turner, "Lessons learned with HTML5" – Neil has built some web applications based on HTML5 and will talk about his experience doing this, including browser support issues, compatibility, responsive web design and performance.

3. Josh Holmes, “Is that a Rich Web in Your Pocket?” – A fast moving trend is building for mobile with HTML5. In this talk, Josh Holmes will show what can be accomplished with a mobile browser app and talk about the design considerations for that form factor.

I borrowed some of the slides from Joe Marini’s MIX talk on Mobile and put my very demo heavy spin on it. My slides are at http://www.slideshare.net/joshholmes/is-that-a-rich-web-in-your-pocket.

Is that a Rich Web in Your Pocket?

View more presentations from Josh Holmes

I’ve been passionate about mobile and mobile web for quite some time. I’ve been doing on device mobile development for the better part of 10 years now starting back with CE 4 in January 2002. It’s amazing to me, however, how far the mobile industry has come in that time period. It’s been a fast and furious but fun ride in that time…

Do you remember the pain of trying to develop on for the text based browser? Remember when WAP (Wireless Applications Protocol) development was all the rage? It seems soooo long ago at this point and so old school. In actuality, the WAP forum who were the main drivers of WAP was actually consolidated in 2002. And I remember when it was such a huge deal that the ASP.NET Mobile Toolkit could produce WAP compliant mark-up which meant that I didn’t have to…

But the mobile web development space has exploded. Smartphones these days, including the Windows Phone, are capable of running some amazing things. To demonstrate I showed HamsterDance Revolution which uses javascript, CSS3, the audio tag and more with some serious performance on a Mango device. Next I showed the FishIE Tank and the Speed Reading in rapid succession and then moved over to the Mango emulator for my demos.

Phones these days have the potential to be much more than just a small computer in our pocket. Phones these days know what time it is (clock), where it is (geo-location), what the lighting is like (light sensor), if it’s moving (accelerometer), where it’s going (compass) and can even see (camera) and hear (mic). It’s amazing what they are capable of these days. With all of that knowledge of their surroundings, mobile apps and sites should be augmented by reality. They should geo-locate you to give you directions to the closest train stop (for instance) rather than you having to pick from a list. If the lighting is bad, they should go with a high contrast colour scheme. If it’s loud around you, they should not ask for voice input. If you’re moving, minimize text input. And so on. At the moment, the browser doesn’t have access to all of these sensors but I can’t imagine that that’s that far away.

In addition, the way that people use devices in a mobile context is vastly different than a desktop development. It’s more than just the screen size that matters here. People who are using mobile are on the go and need immediate information. As part of that, I showed the United Airlines mobile site, Facebook, Twitter and the like.

When people are sitting at their desk, they are in a controlled, stable and (a lot of the time) comfortable environment. They are able to do sustained browsing and research.

When people are on the go, they need quick, "glance-able” information that will give them the information that they need at the moment. For example, that could be directions to the venue that they are headed to or a phone number or any number of discrete bits of information that they need while on the go.

Then I moved on to talking about designing for the finger verses the stylus/mouse/keyboard. First of all, the finger is not as accurate as a stylus or mouse. If I turn my finger on it’s side and am very careful, my finger is still at least 40 pixels across and most of the time it’s closer to 80 pixels. And then there’s all of the sites that are so dependent on the mouse and/or keyboard.

As an example, I pulled up http://thekillersmusic.com/html5 in IE9 and showed how fantastic of a site it is and then showed the same site rendering on Mango but talked about the fact that it’s too reliant on the mouseovers and the like to be useful in a mobile context. Same thing with Pacman in IE9 verses on a mobile device. While it renders and plays, it requires a keyboard for navigation.

Mobile sites need to be clean and crisp without a lot mixed fonts, colours and the like. Don’t overuse graphics, gradients and heavy background images as they can all effect download speed and/or view-ability in direct sunlight. Make sure that you’ve thought about the readability and the usage of whitespace. Obviously you don’t want to go nuts with the white space because you’ve got so little real estate to start with but a little bit of white space can make all the difference.

Work as hard for your user as you can. In other words, minimize the user’s input by providing intelligent defaults and picking up as much from the sensors as you can to make as many decisions as possible. Make sure that you store user’s previous inputs and where possible, use them to help streamline future engagement.s

Lastly, think carefully about your mobile strategy. It can range from doing nothing to going hog wild with a mobile specific design.

One of the key things here is that you make a deliberate choice with regards to your mobile strategy because almost guaranteed you’ll have users browsing your site from their mobile devices.

Do nothing

No special content adaptation, result is the desktop site being delivered to the device. Sometimes, this is the right choice. It’s definitely the default choice and the easy one to go with.

Basic Mobile Adaptation

Content laid out so it will at least be consumable on a device, special META tags indicate that page is ready for mobile. This one is slightly more difficult to pull off as you have to make sure that your content works on both desktop and mobile.

Multi-Serving Content

Same page is sent to mobile and desktop, styled differently for each. This is not as hard as you’d think. You can accomplish this through the use of the @media tags to reformat the layout dependent on screen width and the like.

Mobile Specific Design

Parts of site are designed for mobile specifically, kept in separate domain or subfolder, redirected to when necessary. This is a high end strategy that requires a lot more work as you’re effectively building two different sites. On the other hand, it makes the mobile experience fantastic but doesn’t require you to compromise on the desktop experience.

The quick couple of take aways are that mobile web has evolved tremendously over the past handful of years. As a result you should really think about your mobile strategy and consider your mobile user’s context as part of that strategy.

Oh – and in my last moments I threw up http://ie6countdown.com to hopefully push out the last bits of IE6 around.

This was a fun talk to give and I hope to expand on this talk and do a much richer version in the near future.

Silverlight for Windows Mobile

joshholmes — Fri, 01 Jun 2007 12:23:20 +0000

I’m way behind on blogging all of the things that I’ve run across in the past couple of weeks.

I found this video with Scott Holden and Derek Synder showing Silverlight running on a Windows Mobile 6 device. This is a very early prototype so they didn’t commit to a time frame, feature set or anything else but it’s cool. Of course, now that they’ve shown it and gotten some serious buzz going, I’m assuming that they will have to ship something in this space and we’ll get more details on that as time goes on and we get closer to the Silverlight 1.1 release.

I also really like that device but I doubt that it’ll be out on Verizon any time soon.

Source: YouTube – Silverlight for Windows Mobile

Technorati tags: Silverlight, Windows Mobile

Mobility Touchdown Resources

joshholmes — Mon, 09 Apr 2007 12:00:15 +0000

These were interesting links that we put together at the end of the Mobility Touchdown

Windows Mobile Developer Wiki
http://channel9.msdn.com/wiki/default.aspx/Mobile

Developer HomePage MSDN Windows Mobile
http://msdn2.microsoft.com/en-us/windowsmobile/default.aspx

MSDN Windows Embedded (CE)
http://msdn2.microsoft.com/en-us/embedded/default.aspx

Loke Uei’s blog
http://blogs.msdn.com/lokeuei/

Josh’s Moblog
http://foreme.spaces.live.com/

Ann Arbor .Net Developers Group
http://www.aadnd.org/

Great Lakes .Net Developers Group (Southfield)
http://www.migang.org/

West Michigan .Net Developers Group (Western Michigan)
http://www.grdotnet.org/

Windows Mobile 6 Upgrades for your phone

joshholmes — Sat, 24 Mar 2007 13:34:41 +0000

I get this question quite often – as do a lot of Microsoft folk. I can’t answer it better than Gerardo Dada does on his blog here - Link to GerardoDada : Windows Mobile 6 Upgrades for your phone

I’m putting this on my blog because it’s easier than remembering and typing in Gerardo’s blog…

Josh Holmes » Mobile

Getting Started with Windows Phone

Groups

Windows Phone

Tools

Twitter Accounts you should follow

Education

Design Resources

Videos

BUILD 2011

MIX11

Design Talks

Channel 9

Windows Phone Design Studios Tour Decks

Is that a Rich Web in Your Pocket?

Silverlight for Windows Mobile

Mobility Touchdown Resources

Windows Mobile 6 Upgrades for your phone