• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Point & Tap Adventures - The Quest For A UI
 

Point & Tap Adventures - The Quest For A UI

on

  • 1,419 views

My talk from droidcon Berlin 2013 about UIs for Point & Tap Adventures.

My talk from droidcon Berlin 2013 about UIs for Point & Tap Adventures.

Statistics

Views

Total Views
1,419
Views on SlideShare
425
Embed Views
994

Actions

Likes
0
Downloads
7
Comments
0

6 Embeds 994

http://blog.deadsynchronicity.com 812
http://www.deadsynchronicity.com 121
http://de.droidcon.com 32
http://stardustmaker.net 15
http://feedreader.com 11
http://feedly.com 3

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Point & Tap Adventures - The Quest For A UI Point & Tap Adventures - The Quest For A UI Presentation Transcript

    • Point & Tap Adventures The Quest For A UI Alasdair S. Collinson Rheinische Friedrich-Wilhelms-Universität Bonn droidcon Berlin 2013Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 1 / 45
    • Outline1 What is an adventure game?2 The UI Journey3 Problem?4 Whats out there already?5 Designing interfaces Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 2 / 45
    • What is an adventure game? The beginning of Point & ClickWhat is an adventure game? When I did Maniac Mansion, there were people who did not think Maniac Mansion was an adventure game because it was not a text adventure, it didnt have static pictures, the characters actually walked around the screen. - - Ron Gilbert speaking with Jordan Mallory Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 3 / 45
    • What is an adventure game? A denitionWhat is an adventure game?Denition (Adventure game)A video game in which the player controls one or several characters with afocus on (a) puzzle solving,(b) exploration and(c) narration Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 4 / 45
    • What is an adventure game? Common elementsWhat is an adventure game?Other common elements include: linear or partially nonlinear storylines branching storylines slow pace several explorable screens or rooms non player characters (NPCs) inventories timed or random events Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 5 / 45
    • The UI Journey VerbsVerbsDenition (Verb (from Wikipedia))A verb, from the Latin verbum meaning word, is a word [. . . ] that in syntaxconveys an action (bring, read, walk, run, learn), an occurrence (happen,become), or a state of being (be, exist, stand).In adventures: in imperative mood (= commanding) used to control actions Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 6 / 45
    • The UI Journey VerbsVerblists similar to textparsers can oer every verb we want now often represented by symbols over time, many verbs were combined Read What is Maniac Mansion (1987) ⇒ Look at Push Open Unlock Turn on Pull Close Pick up Turn o Give Use Fix ⇒ Use Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 7 / 45
    • The UI Journey VerbsOne click very simple interface needs much less space than verblists may be context sensitive two buttons = two verbs⇒ use on smartphones & tablets iseasy Myst (1993) Image source: http://steamaddicts.com/wp-content/ gallery/retro-wednesday-myst/myst-1.jpg Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 8 / 45
    • The UI Journey VerbsVerbdiscs Full Throttle (1994) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 9 / 45
    • The UI Journey VerbsVerbdiscs more options than one click oers needs less space than verblists can be modied to the games theme (b) Look at (a) Use / Take may be context sensitive⇒ an interesting compromise⇒ also usable on smartphones /tablets (c) Talk to / Lick (d) Kick Verbs in Full Throttle Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 10 / 45
    • The UI Journey VerbsRight click chooses The Feeble Files (1997) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 11 / 45
    • The UI Journey VerbsRight click chooses more versatile than one click needs even less space than verbdiscs a lot of clicking (a) Walk to (b) Look at (c) Pick upno right click on smartphones/tablets⇒ unavailable on these devices (d) Use (e) Use with Verbs in The Feeble Files Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 12 / 45
    • The UI Journey InventoriesVisible Inventory permanently shows available items ⇒ less taps takes up space⇒ possible on mobile devices Maniac Mansion: Day of the Tentacle (1993) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 13 / 45
    • The UI Journey InventoriesHidden inventory shows items only on command ⇒ more taps takes up less space⇒ also possible on mobile devices Gabriel Knight: Sins of the Fathers (1994) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 14 / 45
    • The UI Journey DialoguesDialogues The Secret of Monkey Island (1990)Fact: Most adventures have dialogues Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 15 / 45
    • The UI Journey DialoguesVerbose shows exactly what the character will say (well, normally) oers space to give hints / make jokes / etc. can take up a lot of space ? ? however: this space is normally available Edna & Harvey: The Breakout (2008) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 16 / 45
    • The UI Journey DialoguesIcons shows topics as pictures ⇒ less reading ⇒ dicult to understand at times hints / jokes / etc. are more dicult very space ecient Edna & Harvey: Harveys New Eyes (2012) can be very aesthetically pleasing Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 17 / 45
    • The UI Journey DialoguesTopics shows topics as words ⇒ can be easier to understand than pictures hints / jokes / etc. are dicult very space ecient can be less aesthetically pleasing than pictures 1112 episode 01 (2011) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 18 / 45
    • Problem?Problem? Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 19 / 45
    • Problem? SizeSizeA 15 inch monitor with a mouse cursor A 9.7 inch iPad with a nger tipsmall screen + small cursor small screen + average nger tip⇒ no problem ⇒ problem Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 20 / 45
    • Problem? TouchscreensTouchscreensInput with ngers leads to: less accuracy left click = right click multitouch capabilities a more haptic experience Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 21 / 45
    • Whats out there already?Whats out there already?Im not the only one who thought of this: My feeling is that most games in the future will be downloaded onto tablets or something very much like tablets. Because its just a natural progression. - - Stephen Marley [Adv13, 4:48 - 4:59 minutes] at AdventureX 2012 [Adv12]Lets have a look. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 22 / 45
    • Whats out there already? Direct portsDirect ports Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 23 / 45
    • Whats out there already? Direct portsDirect ports two types of control possible: touchpad-like or direct control magnication added for direct control small targets are still hard to hit command bar moved to top of the screen Simon the Sorcerer for iOS (2011) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 24 / 45
    • Whats out there already? Modied portsModied ports Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 25 / 45
    • Whats out there already? Modied portsThe Secret of Monkey Island: Special Edition classic and highly modied interfacepossible: classic interface mainly for nostalgic reasons new: direct control new: verbs displayed through symbols new: hidden inventory command bar moved to top of the screen The Secret of Monkey Island SE (2009) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 26 / 45
    • Whats out there already? New gamesNew gamesAlasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 27 / 45
    • Whats out there already? New games1112 context sensitive verbdiscs rst person perspective hidden inventory pinch zoom limited use of sensors 1112 episode 01 HD (2011) Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 28 / 45
    • Designing interfaces MockupsMockups So, what works? I conducted an experiment...Hidden inventory, A verbdisc Visible inventory,icons in the four corners icons to the right Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 29 / 45
    • Designing interfaces ResultsResultsWithin my test group: 1 identifying with the character was easier in third person perspective 2 interacting with the environment was independent from the perspective 3 combining objects was easier with a visible inventory 4 controlling the character was easier with a hidden inventory 5 one click interfaces and verbdiscs were both easily usable Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 30 / 45
    • Designing interfaces Choose your weaponsChoose your weaponsSo, you want to be a/////// an adventure developer? / Hero one click or verbdiscs? visible or hidden inventory? verbose or icon or topic driven dialogue?Its up to you. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 31 / 45
    • Thank you Thank you for your attention! Any Questions?Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 32 / 45
    • Sources BibliographySources: Bibliography I Alasdair Collinson. The transfer and extension of concepts from classical point & click adventures for smartphones and tablets. bachelor thesis, Rheinische Friedrich-Wilhelms-Universität Bonn, April 2013. Kurt Kalata, editor. Hardcoregaming101.net Presents: The Guide to Classic Graphic Adventures. CreateSpace Independent Publishing Platform, https://www.createspace.com/, rst edition, May 2011. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 33 / 45
    • Sources BibliographySources: Bibliography II Yong S. Park, Sung Ho Han, Jaehyun Park, and Youngseok Cho. Touch key design for target selection on a mobile phone. In Mobile HCI08, pages 423426, 2008. DOI: http://dx.doi.org/10.1145/1409240.1409304. Pekka Parhi, Amy K. Karlson, and Benjamin B. Bederson. Target size study for one-handed thumb use on small touchscreen devices. In MobileHCI 06 Proceedings of the 8th conference on Human-computer interaction with mobile devices and services, MobileHCI 06, pages 203210. ACM Press, 2006. DOI: http://dx.doi.org/10.1145/1152215.1152260. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 34 / 45
    • Sources BibliographySources: Bibliography III Jenifer Tidwell. Designing Interfaces, chapter 10, pages 441476. OReilly Media, 2nd edition edition, December 2010. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 35 / 45
    • Sources Internet sourcesSources: Internet sources I AdventureX. AdventureX 2012. http://www.adventurexpo.co.uk/, 2012. Retrieved on March 21st, 2013. AdventureXpo. AdventureX - 2012. http://www.youtube.com/watch?v=9iKTYTdA1GE, March 2013. Retrieved on March 21st, 2013. Adventure Game Studio. http://www.adventuregamestudio.co.uk/. Retrieved on July 29th, 2012. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 36 / 45
    • Sources Internet sourcesSources: Internet sources II Android Open Source Project. Metrics and Grids | Android Developers. http: //developer.android.com/design/style/metrics-grids.html. Published under the Creative Commons 2.5 Attribution License. Retrieved on March 25th, 2013. Android Open Source Project. Supporting Multiple Screens | Android Developers. http://developer.android.com/guide/practices/screens_ support.html. Published under the Creative Commons 2.5 Attribution License. Retrieved on March 31st, 2013. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 37 / 45
    • Sources Internet sourcesSources: Internet sources III Apple Inc. Custom Icon and Image Creation Guidelines. https://developer.apple.com/library/ios/#documentation/ UserExperience/Conceptual/MobileHIG/IconsImages/ IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW1, 2012. Retrieved on March 25th, 2013. Apple Inc. Information Property List Key Reference: iOS Keys - UIDeviceFamily. http://developer.apple.com/library/ios/#documentation/ general/Reference/InfoPlistKeyReference/Articles/ iPhoneOSKeys.html#//apple_ref/doc/uid/TP40009252-SW11, September 2012. Retrieved on March 31st, 2013. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 38 / 45
    • Sources Internet sourcesSources: Internet sources IV Bob Bailey. Paper prototypes work as well as software prototypes. http://www.usability.gov/articles/newsletter/pubs/ 062005news.html, June 2005. Retrieved on March 18th, 2013. John Hornick. Icons. http://msdn.microsoft.com/en-us/library/ms997538.aspx, September 1995. Retrieved on March 25th, 2013. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 39 / 45
    • Sources Internet sourcesSources: Internet sources V Jordan Mallory. Inside the mind of Ron Gilbert. http://www.joystiq.com/2012/06/18/ inside-the-mind-of-ron-gilbert/, June 2012. Retrieved on April 4th, 2013. Microsoft Corporation. Welche Edition von Windows 8 ist für Sie geeignet? - Microsoft Windows. http://windows.microsoft.com/de-at/windows/compare. Retrieved on March 31st, 2013. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 40 / 45
    • Sources Internet sourcesSources: Internet sources VI Microsoft Corporation. Windows 3.1 Hardware Compatibility List. http://support.microsoft.com/kb/83210/en-us, December 2000. Last Review. Retrieved on March 25th, 2013. Microsoft Corporation. Windows 95 Installation Requirements. http://support.microsoft.com/kb/138349/en-us, April 2007. Last Review. Retrieved on March 25th, 2013. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 41 / 45
    • Sources Internet sourcesSources: Internet sources VII Microsoft Corporation. Interactions and usability with Windows Phone. http://msdn.microsoft.com/en-us/library/windowsphone/ design/hh202889%28v=vs.105%29.aspx, March 2013. Retrieved on March 25th, 2013. ScummVM Website. http://www.scummvm.org/. Retrieved on July 29th, 2012. Wikipedia. Verb. http://en.wikipedia.org/wiki/Verb. Retrieved on April 4th, 2013. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 42 / 45
    • Sources GamesSources: Games I Ron Gilbert, Tim Schafer, and David Grossman. The Secret of Monkey Island. Lucaslm Games, 1990. Ron Gilbert, Tim Schafer, and David Grossman. The Secret of Monkey Island: Special Edition. Lucaslm Games, 2009. Ron Gilbert and Gary Winnick. Maniac Mansion. Lucaslm Games, 1987. Jane Jensen. Gabriel Knight: Sins of the Fathers. Sierra On-Line, 1994. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 43 / 45
    • Sources GamesSources: Games II Alexandre Leboucher. 1112 episode 01 HD. Agharta Studio, 2011. Rand Miller and Robyn Miller. Myst. Cyan Worlds, Inc., 1993. Jan Müller-Michaelis. Edna & Harvey: The Breakout. Deadalic Entertainment, 2008. Jan Müller-Michaelis and René Anhaus. Edna & Harvey: Harveys New Eyes. Deadalic Entertainment, 2012. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 44 / 45
    • Sources GamesSources: Games III Tim Schafer. Full Throttle. LucasArts, 1994. Tim Schafer and David Grossman. Maniac Mansion: Day of the Tentacle. LucasArts, 1993. Simon Woodroe. The Feelbe Files. Adventure Soft, 1997. Simon Woodroe. Simon the Sorcerer. Adventure Soft and iPhSoft, 2011. iOS version. Alasdair Collinson (Uni Bonn) Point & Tap Adventures droidcon Berlin 2013 45 / 45