{"id":2229,"date":"2013-02-24T01:19:04","date_gmt":"2013-02-24T00:19:04","guid":{"rendered":"http:\/\/t-machine.org\/?p=2229"},"modified":"2013-02-24T01:19:04","modified_gmt":"2013-02-24T00:19:04","slug":"touch-interfaces-help-for-new-users-any-app","status":"publish","type":"post","link":"http:\/\/new.t-machine.org\/index.php\/2013\/02\/24\/touch-interfaces-help-for-new-users-any-app\/","title":{"rendered":"Touch interfaces: Help for new users (any app)"},"content":{"rendered":"

I’m writing an iPad game that’s designed to be self-evident and trivial to use.<\/p>\n

Today, I made a re-usable “tell the user how many fingers to use” animation that would work well with any app. So, I decided to open-source it and stick it on github<\/a>.<\/p>\n

Screenshot from my current app (NB: you need to photo YOUR fingers – not mine! – if you want it to look like this)<\/p>\n

\"\"<\/a><\/p>\n

Usage<\/h3>\n

Instructions are in the source code, but my intention is for this to be ULTRA SIMPLE for you to use, so here goes:<\/p>\n

[code]<\/p>\n

\/\/ Add this to the main UIViewController for your app – the one that displays
\n\/\/ when you’re ready for user interaction
\n-(void)viewDidAppear:(BOOL)animated
\n{
\n\tVFingersHelp* helpView = [[[VFingersHelp alloc] init] autorelease];
\n\t\/** This will position the helpview in bottom-left corner. Bottom left\/right corners are where
\n\tusers prefer to "touch" (c.f. Disney’s style guide for toddlers).
\n\tWhile they’re watching the help, we don’t want them touching, so we deliberately place in bottom corner.
\n\t(feel free to move to top corner if you prefer).
\n\tNB: it’s easy to take a photo of your fingers and display at bottom of screen…
\n\t*\/
\n\thelpView.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleRightMargin;
\n\thelpView.center = CGPointMake( 0 + helpView.bounds.size.width\/2.0, 2.0 + self.view.bounds.size.height – helpView.bounds.size.height + helpView.bounds.size.height\/2.0);
\n\t[self.view addSubview:helpView];
\n}
\n[\/code]<\/p>\n","protected":false},"excerpt":{"rendered":"

I’m writing an iPad game that’s designed to be self-evident and trivial to use. Today, I made a re-usable “tell the user how many fingers to use” animation that would work well with any app. So, I decided to open-source it and stick it on github. Screenshot from my current app (NB: you need to […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,20],"tags":[],"_links":{"self":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts\/2229"}],"collection":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/comments?post=2229"}],"version-history":[{"count":0,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts\/2229\/revisions"}],"wp:attachment":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/media?parent=2229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/categories?post=2229"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/tags?post=2229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}