The cat’s finally out of the bag - The new HP TouchSmart IQ500 has been announced
June 10, 2008 4:18 pmThe big day is here and gone. The new TouchSmart PC has been announced to great fanfare on the web, and I’m sure there’s more to come. The blogs are full of praise and criticism already, of course. Since I was closely involved with the creation, I’m happy about all the praise and hope that we’ll be able to address the criticism over time (especially regarding the software). In other words: there’s never enough time to get any piece of software 100% smack-dab perfect for everyone’s taste.
I’d like to write a little about things that may not be well known yet. Yes, there is actually limited “dual-touch” in the new software. You can resize the upper row of “tiles” using two fingers. You can scroll using two fingers once you’ve gone into the “Browser”. Due to how the touch screen works you need to make sure your fingers are a certain distance apart to get it to work right. It’s “limited” dual-touch because of the natural laws of time and resource constraints on the development team: we ran out of time to do more.
Oh, and nowhere in the HP TouchSmart software do you need to “double tap”/”double click”. If a single tap doesn’t do it, the touch screen saw too much movement of your finger during the tap and turned it into a move action instead. That’s the challenge with using optical technology that sweeps just above the glass. It sees your finger a little before you actually touch the screen. (Think Vincent Cassell in “Ocean’s Twelve” or Catherine Zeta-Jones in “Entrapment”)
We’ve had feedback from users in the past, asking for tutorials around the software. I’m personally really happy that we managed to put two tutorials on the system for this new incarnation of HP TouchSmart. And they are available right from the lower row of “tiles”. Here’s a small taste of how the tutorials were created:
As you may be able to see, there’s a lot of work that goes into even such a small thing as creating tutorial videos. I certainly had no idea how involved the process is before I had the chance to help out with the production in a (very) small way. I feel lucky to have worked with and met so many great people. You can find the tutorials here, starting with the basic one in English.
For those of you who read this blog because of the WPF topics I’ve touched on in the past: yes, central parts of the software were created using WPF. I don’t mean to be a fanboy, but I’ve said it in the past, WPF is powerful stuff. The ability to have separate people working on styling the software while other people work on “business logic” is incredibly valuable. At the end you get full visual fidelity of the design for virtually no added work.
Before I close (and this gets much longer), let me put a question out there for software developers. If it were possible to write software that could end up as “tiles” in the TouchSmart software, would that be interesting to you? If not, why not? Don’t take this question as any indication or promise of what the future may hold. I’m just curious about your opinion. Comment away, please.
And for those of you who just stumbled upon this by chance (or dug through the sea of noise out there) and are curious about certain aspects of the new HP TouchSmart PC or the software, I’ll try to answer questions within certain limits in the comments as well.
The rest of this post is mostly a collection of links I gathered on the day of the announcement, with a little added commentary for myself. What a splash!
HP TouchSmart PC gets slick upgrade (Slashgear, Promo pics)
HP TouchSmart- bringing touch to the iMac form (jkOnTheRun, Promo pics)
HP TouchSmart PC gets refreshed, unboxed (Gearlive, unboxing [http://www.gearlive.com/gallery/category/C67])
HP’s TouchSmart 2 in the wild (Engadget, Promo pics link)
HP Touchsmart IQ506 Brings New Interface, Bigger Screen (Gizmodo, tutorial video embedded, press blurb)
Preview- HP TouchSmart IQ500 Series PC (Hardwarezone Australia, prototype pics, specs)
HP updates TouchSmart with TouchSmart IQ504 and IQ506 PC (Krunker, promo pics, iMac comparison quote)
HP Touchsmart IQ506 and 504 Touch PC (Techfresh, promo pic)
HP launches TouchSmart all-in-one PCs (TechChee, promo pic)
HP Touchsmart IQ506 and 504 Touch PC (HawtGadgets, promo pic)
HP TouchSmart IQ500 hands on PC (Five.TV, promo pic)
HP Launches new touch-screen PC (Nudjit.com, Stage pic, embedded tutorial video, showing the precise touch action needed to avoid accidental “moves”)
HP TouchSmart update tackles iMac, Gateway (electronista, Promo pics)
http://www.kickstartnews.com/2008/06/hp-announce-new-pcs-and-laptops.html (Promo pic)
http://www.hp.com/hpinfo/newsroom/press/2008/080610xb.html?mtxs=rss-corp-news (HP press release)
http://blogs.msdn.com/mthree/archive/2008/06/10/touchsmart-2-061008.aspx (MSDN, Promo pics, link to PC Mag article)
http://hpcorp.feedroom.com/?fr_story=1a61d0307fcbf0b5a167dd7e419f65b157125a75&rf=rss (HP video site, fingerprints video)
HP Connecting Your World Keynote - Live (Gizmonews, LiveBlog from the Berlin event, lots of stage pics)
http://blogs.yankeegroup.com/2008/06/10/hp-wants-to-be-touched-but-not-groped/ (Promo pic)
http://vantan.org/archives/2008/06/hp_launches_tou.php (Vanessa Tan, lots of Berlin stage pics, one YouTube video)
http://site-designer.blogspot.com/2008/06/news-hp-targets-wider-market-with-new.html (Mostly a press release rehash)
http://crave.cnet.com/8301-1_105-9963859-1.html?part=rss&subj=Crave (Crave, Promo pics)
http://techdigest.tv/2008/06/hp_unveils_touc.html (One promo pic)
http://hdtvprofessor.com/HDTVAlmanac/?p=705 (Promo pic)
http://stuff.tv/News/HP-slims-down-Touchsmart-allinone/10203/ (One promo pic)
http://news.cnet.com/8301-10784_3-9964073-7.html?part=rss&subj=news (One promo pic, link to gallery of all HP products launched)
http://xzx.g8online.net/2008/06/10/wow-hp-touchsmart-to-redefine-home-computing/ (Promo pics)
http://www.electricpig.co.uk/2008/06/10/hp-touchsmart-pc-causes-finger-frenzy/ (Small promo pic)
http://www.gadgetusers.com/hp-touchsmart-iq506-and-504-touch-pc/ (Promo pic, link to ubergizmo gallery of promo pics)
http://www.livemint.com/2008/06/10142732/HP-targets-wider-market-with-n.html (Mostly press release)
http://www.lowyat.net/v2/latest/touchsmart-to-redefine-home-computing.html (Promo pics, seems there’s no original content here)
http://gadgetsaddict.com/hp-touchsmart-pcs/ (Promo pics)
http://www.blog4it.com/index.php/hp-brings-touchscreen-to-pc.html (no pics, very short)
http://www.pcmag.com/article2/0,2817,2319417,00.asp (One small promo pic)
http://www.gottabemobile.com/Introducing+The+New+HP+TouchSmart.aspx (One pic)
http://news.cnet.com/2300-1042_3-6241247-3.html?tag=ne.gall.pg (Picture)
http://news.cnet.com/2300-1042_3-6241247-4.html?tag=ne.gall.pg (Picture)
http://blip.tv/file/979499/ (Richard Walker demo)
http://blip.tv/file/979518/ (Joan Jett ad)
http://blip.tv/file/979452/ (I could defend the problems you see in this video with operating the touch screen, but I think that would be futile, so I’ll just leave it. Trust me when I say it takes a little getting used to, but it works pretty well after that. We did lots of usability studies on this puppy.)
http://www.tweakup.dk/readmore/11757/ (In Danish)
http://www.sickofgadgets.com/hp-launches-touchsmart-all-in-one-pcs/ (One promo pic)
http://thedigitallifestyle.com/cs/blogs/ian/archive/2008/06/10/video-of-hp-s-new-touchsmart-system.aspx (Promo pics, good quality video of Richard Walker demoing)
http://thedigitallifestyle.com/cs/blogs/ian/archive/2008/06/10/hp-connecting-your-world-keynote-from-berlin.aspx (Voodoo, event pics)
http://www.notebooks.com/2008/06/10/hp-touchsmart-why-cant-i-have-this-interface-on-my-tablet/ (Seems to be down temporarily)
http://venturebeat.com/2008/06/10/hp-launches-50-plus-consumer-products-in-berlin/ (Promo pics)
http://www.forbes.com/technology/2008/06/10/hp-touchscreen-pc-tech-pers-cx_bc_0609techhp.html (No pics, but look at the headline. Wow.)
http://blog.laptopmag.com/hp-wants-to-bring-multi-touch-to-notebooks (One promo pic, discussion of software for laptops)
Categories: Software, Tech Toys, Work in general
9 Comments »
Only a few more days now to the Big Unveiling
June 7, 2008 1:45 pmNext week Monday through Wednesday there’s an invitation-only event in Berlin, Germany where some of the stuff I’ve been working on (since the HP TouchSmart) will be shown to the public for the first time. I hear it’s going to have top billing on Tuesday.
I’ve noticed that a few bloggers have been invited to the event, which I think is pretty cool. There’s Sierra Modro from gottabemobile and Ian Dixon from thedigitallifestyle.
When you look at the agenda for June 10 on the event page, you’ll get a hint at what will be shown. It’s pretty darn cool, even if I have to say so myself, but I think you’ll agree. I hope the main page will be updated with live videos and such, like it claims. There’s also a blog (by Waggener Edstrom it seems), a Twitter stream and an RSS feed. Seeing all this for the first time as I dig into it, I wonder why there doesn’t seem to be more buzz around this whole thing. Still too buried I guess.
I’m a little sad that I’m not going, but personal plans got in the way. My boss and a colleague are there, though. The breakout session poll is also a little disappointing right now, with the “HP: A Touch Different” session lagging the field at around 15 - 16 %, far behind “The Evolution of the Mobile Lifestyle” with 30%. I don’t think there have been too many votes, though, since my one vote moved the session from 15 to 16 % just now. (Actually, as I’m writing this, the poll for Touch moved to 23%, and now 29%, now 46%, what’s going on there? Maybe someone is gaming it?)
And just for the record, before everyone starts speculating, Microsoft had no involvement whatsoever in what we came up with this time around, for better or worse.
Oh, and I think there’ll be at least one VERY interesting mobile product shown as well (via fredshouse and eBay), but that’s just speculation on my part:
Guess we’ll have to share the stage…
Categories: Tech Toys, Work in general
1 Comment »
Akismet spam filtering is brilliant (testing scheduled posting)
May 31, 2008 4:45 pmTo date I’ve had about 8500 spam comments on this blog. Installing Akismet from the first day was a really good move in hindsight. I can only hope that one day I get as many real comments as spam comments. That’ll be the day!
Anyway, this is really just a post to test whether my hosting company has the right stuff in place to allow scheduled posting, so I can queue up posts and have them show up when I mean to (and not a minute sooner). Sorry to bore you with this one. Move along, nothing to see here, move along.
Categories: Uncategorized
No Comments »
Maker Faire drowning in success
May 3, 2008 4:07 pmI’m happy that Maker Faire in San Mateo is having great success, judging from today’s experience. Our family attempted to go today to take part in the clothing swap, mostly. But when we got there, all the parking lots were overflowing/closed and they had people walking around with bullhorns asking cars to turn around and park elsewhere.
It would have been nice if they had updated the website with this information. That could have saved us burning all that gas, just to turn around and go back home.
If you’re going, my guess is you should arrive right when the doors open in order to get a spot.
Or even better: take public transportation.
One side benefit for the local economy from this somewhat “wasted” trip: we spent some money at a local German butcher on the way home. Mmm. Delicious German sausages!
Categories: Opinion, Personal
2 Comments »
Inside the HP TouchSmart PC software: HP SmartCenter - Part 4
April 24, 2008 7:33 pmThis is part 4 of the mini-series on the HP SmartCenter software. Hear about the team’s reaction to the Engadget leak and the launch plans at CES 2007. If you missed the first three parts, they are here, here and here.
—
One of the really unsettling events before the launch of the TouchSmart PC was that Engadget somehow got a hold of some pictures that had been prepared for the launch in early 2007 at the Consumer Electronics Show. It was billed in the first sentence as “AMD’s sweet new rig”, which was a little bit of a slap in the face, since most of the real work fell outside of AMDs realm. I remember the team meeting when our program manager came in and told us about the “leak”. He had heard it from Microsoft just a few moments before joining the meeting. The mood in the room instantly turned. People started feeling both mad at the leaked information (and the leaker) and depressed about the potential impact this would have on our launch at CES. Microsoft especially was disappointed, since the TouchSmart PC represented a big investment on their part, carrying some of the Vista messaging. The TouchSmart PC was to be billed as one of a few “dream” PCs at CES. Having gone through an experience like that, I now always think about how the people involved must feel when I see “leaked” information about upcoming products. It’s not fun to have it happen to you.
On a happier note, the TouchSmart PC seemed to make quite a splash at CES. At the last minute I was asked to attend the show to help with technical support on the show floor. This was my first time attending CES and going to Las Vegas, and I quite enjoyed the experience. I ran into quite a few of the people that had worked with us on the project, and it was fun to see the crowds milling about the TouchSmart PCs at the HP and Microsoft booths. Having backstage access was a unique thing, but it involved a lot of walking around, helping the people doing demos by making sure the software was installed properly.
Since then, the HP TouchSmart PC has received numerous awards (including spot number seven on PC World’s list of most innovative products of 2007) and for a short while even had a fan website, the HP TouchSmart Owner’s Club.
—
This is the tentative end of the series. If you’re curious about other aspects, let me know, and if I can talk about it, I’ll see if I can accommodate your curiosity.
Categories: Personal, Software, Vista, WPF
6 Comments »
Inside the HP TouchSmart PC software: HP SmartCenter - Part 3
April 17, 2008 7:30 pmWelcome to part 3 of this mini-series. Last time around you heard a little bit about the early prototypes and how things progressed from there. This time I’ll talk a bit more about some of the functionality in HP SmartCenter and some of the things we were not able to address before having to ship.
—
The guiding principles for HP SmartCenter and the other touch-optimized applications were to provide quick, “transactional” experiences, to have the applications be as intuitive as possible to use, and have them look polished and clean. HP SmartCenter was to be the “home page” for touch-based interactions with the PC. It had to easily give the user access to key Media Center experiences (TV, music, games) as well as two other touch-optimized programs HP was developing (HP SmartCalendar and HP Photosmart Touch). Finally the user had to have the ability to add access to a certain number of programs of their choice.
To enable some of the quick, “transactional” experiences using a touch screen, HP SmartCenter had to have large “target” areas that are easy to hit using a finger. This requirement helped making decisions about the layout of the “tiles” that the user touches to “launch” something.
We wanted to highlight a few of the key features of the TouchSmart suite of software. We decided that three tiles would be larger than the remaining ones, and that those three would be able to show more details from the underlying program than the smaller tiles. The calendar tile, for example, will pull three upcoming events out of the calendar program and display key information about those events right within the calendar tile. The Photosmart Touch tile will look for pictures in the My Pictures folder and display five of those in a rotation. The weather tile will display high and low temperatures expected for the day as well as the current temperature as reported by the weather service. The analog and digital clock tiles will display two additional clocks (probably configured for different time zones) in text form, in addition to the main clock, which is shown in a larger, graphical look.
The three user configurable tiles would be able to either start a program on the system or a web page, using Internet Explorer. We settled on only having three configurable items, since there was an overall limit in the graphical design at nine small tiles plus three large tiles, and we wanted to encourage people to stick with tiles that didn’t take you out of a touch-optimized / touch oriented environment.
Beyond picking a software development technology (WPF), our other challenges were the many changes in both Windows Vista and WPF as both matured. WPF introduced “breaking changes” several times in our short cycle, and we discovered numerous problems with the integration of WPF and Windows Media Center. We worked closely with Microsoft to get these addressed. But a few problems remained, one of which is that every time you start one of the programs we developed, the computer screen will go black for a few seconds. It gives you the unsettling feeling that something went wrong, but it’s actually a consequence of the interactions between certain software components that are controlling the graphics card (DirectX, WPF and Media Center). As much as we didn’t like it, we were out of time to address these problems by the time our shipping date came.
—
That’s a wrap for part 3. Next time you’ll hear about the reactions from the team when information about the TouchSmart PC was leaked to Engadget way before the actual launch event, and I’ll also talk a little about the launch at CES 2007.
Update (2008-04-30): Part four is now posted.
Categories: Personal, Software, Vista, WPF
No Comments »
Inside the HP TouchSmart PC software: HP SmartCenter - Part 2
April 10, 2008 7:12 pmIn the first part of this mini-series, I introduced you to the early planning stages of HP SmartCenter. This time you’ll get a little more information on the early development, including a few screenshots of prototpyes.
—
I hacked together a very simple first version of HP SmartCenter (then codenamed LaunchPad, which still is the name of the executable, incidentally) in HTML and my colleague Maguy added some rough graphical elements to give our design firm an idea of what we were looking for.
![]()
My quick HTML mockup
![]()
Improved graphics
From about February 2006 until April 2006 we then iterated with our design firm on the GUI and user experience design. Towards the end of May 2006 we took final delivery of the work from them. I was to turn their beautiful work into a living application with page navigation, drag-and-drop functionality, configuration options, and settings persistence. They had provided a solid foundation to build on, including well thought out namespaces, classes, animations and navigation design.
But there was still a lot of work to be done during the next three to four months. In addition to the application itself I was also responsible for delivering an installer, a supporting “touch optimization” program, and integration with our factory PC build process, including dealing with the “sealing” process that prepares the master hard drive for replication.
We participated in Microsoft’s early adopter program for Windows Presentation Foundation and Windows Vista, which gave us access to builds of the WPF bits, with a seemingly never-ending stream of Community Technology Preview versions. Windows Vista was in a similar state of flux, and I had my hands full, wiping out and reinstalling test machines and updating my developer machine to keep up with the changes.
At the same time I climbed the learning curve for WPF (which Simon Middlemiss once described as more of a cliff), trying to figure out how to get the mostly fixed-content XAML pages that the design company had delivered turned into malleable components and re-configurable layouts.
The initial design from the outside company included two components that pull information from the web: weather and stocks. We had to drop the stocks piece for business reasons early on, and had big challenges working out the business issues for the weather feed integration. We wanted our own high-quality images to illustrate the weather conditions and had to get approval from the owner of the feed data. I thought several times that the weather feature was dead, but stubbornness overcame pessimism, and we pulled all the right people from several companies together to get our images approved within 24 hours before the final code submittal deadline. I remember pulling a work-at-home weekend to fine-tune the weather feature where I had to stop working because I was hit with the flu. I was out for three days. After something like that happens you don’t give up a feature without a fight.
One benefit of being part of the early adopter program for WPF and Vista was that Microsoft arranged for training and troubleshooting sessions. I made two trips to Redmond under this program, once to get more in-depth training on WPF and Vista, and once to get help with troubleshooting performance issues we had run into. That’s when I learned that there is such a thing as a “managed memory leak“, which can be introduced in WPF without the programmer necessarily realizing it. Towards the end of the program three of my colleagues and I got to spend a couple of days with Microsoft again, this time at their Platform Adoption lab (Building 20), going over some last minute design and performance questions with their WPF developers one-on-one. This especially helped with getting HP Photosmart Touch into better shape for final release. We got a lot of tips and strategies for dealing with images, collections and containers in these sessions.
—
That’s it for part 2. Next time I’ll dig a little more into the guiding principles that were used for the implementation of HP SmartCenter, as well as some of the challenges and problems I encountered on the way.
Update (2008-04-30): Parts three and four are now posted.
Categories: Personal, Software, Vista, WPF
2 Comments »
Inside the HP TouchSmart PC software: HP SmartCenter - Part 1
April 4, 2008 10:23 pmI thought some people might enjoy reading a little “behind the scenes” story about the most high-profile piece of software I’ve been involved with so far. I feel pretty lucky to have had the chance to work on a unique product and to have what I helped work on be so central to the user experience as it is on the HP TouchSmart PC. You may interpret this post as highly egotistical and self-centered, and I suppose it is. But I feel like telling a story. My story. I will go over most of the non-confidential details of the events as I remember them. Since there’s a lot to talk about, I’ve decided to split the story into a mini-series. This is part one. Here we go.
My involvement with the HP TouchSmart PC began in about December of 2005. The decision was made to invest in software that would be best suited for the touchscreen that the unit would have. One of the results is HP SmartCenter as seen here (screenshot from my developer machine, not necessarily representative of the final product):
We had tight deadlines. Our final bits would be due in about six months, around June / July 2006. Our product marketing folks decided they wanted the touch application to provide quick access to TV and music as primary features. Windows Media Center was our software of choice for delivering TV and music experiences, and so we made HP SmartCenter run within Windows Media Center. This helped to avoid waiting for Media Center to start up when the user wants to watch TV or listen to music. In other areas the choice created lots of challenges. The initial one was picking a software development technology.
I had just attended PDC05 and was pretty excited about Windows Presentation Foundation (WPF) and the speed I could sense it would give developers and designers for rapidly creating exciting software. I had learned that Media Center in Windows Vista would support WPF, and my recommendation to use it for our apps to make the deadlines while delivering a polished user interface was accepted.
An interface developed in HTML would not have had the same quality (read: look-and-feel). Using the Media Center Markup Language (MCML / SplashFX) was not an option, since that was not going to be revealed in any useful detail until about March 2006, way too late for us to learn how to use it and produce a product.
At PDC05, it had been mentioned that a well-know design company had worked on some XAML styles for the show. We approached them to help out with the application design and asked them to deliver their stuff as working XAML / WPF code. They were pretty excited about the idea and signed on.
—
That’s it for now. Check back soon for the next installment of this mini-series, where I’ll show you a few screenshots of very early prototypes.
Update (2008-04-30): Parts two, three and four are now posted.
Categories: Personal, Software, Vista, WPF
5 Comments »
Tom Chapin - Not on the Test
March 30, 2008 9:07 pmOur family attended a Tom Chapin concert recently. For those of you with kids out there and who may not know him, he’s a great children’s singer/songwriter whose music you can take along on a roadtrip and listen to for days without getting tired of it. He’s also got quite a few great albums for grown-ups, incidentally.
Anyway, he performed a song I hadn’t heard before (although it’s over a year old by now). It’s a commentary on the state of elementary education in the U.S., and it hits the nail right on the head, if you ask me.
Check it out at www.tomchapin.com (to download and pass along) or watch the video below:
Categories: Personal
No Comments »
