DOCSLIB.ORG

Designing a User Interface for Musical Gameplay

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Designing a User Interface for Musical Gameplay Designing a User Interface for Musical Gameplay An Interactive Qualifying Project submitted to the faculty of WORCESTER POLYTECHNIC INSTITUTE in partial fulfillment of the requirements for the Degree of Bachelor of Science Submitted by: Tech Side: Hongbo Fang Alexander Guerra Xiaoren Yang Art Side: Kedong Ma Connor Thornberg Advisor Prof. Vincent J. Manzo Abstract A game is made up of many components, each of which require attention to detail in order to produce a game that is enjoyable to use and easy to learn. The graphical user interface, or GUI, is the method a game uses to communicate with the player and has a large impact on the gameplay experience. The goal of this project was to design a GUI for a music oriented game that allows players to construct a custom instrument using instruments they have acquired throughout the game. Based on our research of GUIs, we designed a prototype in Unity that incorporates a grid system that responds to keypress and mouse click events. We then performed a playtest and conducted a survey with students to acquire feedback about the simplicity and effectiveness of our design. We found that our design had some confusing elements, but was overall intuitive and easy to use. We found that facilitation may have impacted the results and should be taken into consideration for future development along with object labeling and testing sample size. 1 Acknowledgements We would like to thank Professor Vincent Manzo for selecting us to design an important feature of his game and for is support and encouragement throughout the duration of the project. We would also like to thank Dan Manzo for working with us in designing features that improved the quality of the GUI. 2 Table of Contents Abstract ........................................................................................................................................... 1 Acknowledgements ......................................................................................................................... 2 List of Figures and Tables............................................................................................................... 6 Executive Summary ........................................................................................................................ 8 Introduction and Background ..................................................................................................... 8 Methodology ............................................................................................................................... 8 Results ......................................................................................................................................... 8 Conclusion .................................................................................................................................. 9 Chapter 1: Introduction ................................................................................................................. 10 Chapter 2: Background ................................................................................................................. 12 2.1 General Principles of UI Design ......................................................................................... 12 2.1.1 Usability: ease of use, ease of learning ........................................................................ 12 2.1.2 Playability: A UI should be interactive, immersive and responsive. ........................... 12 2.1.3 Aesthetic: Appealing UI improves game play experience ........................................... 12 2.2 Types of Game UI ............................................................................................................... 13 2.2.1 Diegetic ........................................................................................................................ 13 2.2.2 Meta ............................................................................................................................. 15 2.2.3 Spatial .......................................................................................................................... 16 2.2.4 Non-diegetic ................................................................................................................. 17 2.3 Psychology of UI Design .................................................................................................... 18 2.3.1 Simplicity ..................................................................................................................... 18 2.3.2 Facilitation ................................................................................................................... 19 2.3.3 Placement and Appearance .......................................................................................... 19 3 2.4 Existing UIs ........................................................................................................................ 21 2.4.1 Minecraft ...................................................................................................................... 21 2.4.2 Skyrim .......................................................................................................................... 22 2.4.3 Counter Strike .............................................................................................................. 24 2.4.4 Assassin’s Creed .......................................................................................................... 25 2.5 General UI Development Procedure ................................................................................... 26 2.5.1 Step 1: On-screen information analysis ....................................................................... 26 2.5.2 Step 2: Design player actions and in-game feedback .................................................. 27 2.5.3 Step 3: Study target audience ....................................................................................... 28 2.5.4 Step 4: Start Design a preliminary UI .......................................................................... 28 2.5.5 Step 5: Testing ............................................................................................................. 28 Chapter 3: Methodology ............................................................................................................... 29 3.1 Task Analysis ...................................................................................................................... 29 3.1.1 Counter Strike: Weapon Selection ............................................................................... 29 3.1.2 Minecraft: Grid Layout ................................................................................................ 29 3.2 Artistic Development .......................................................................................................... 31 3.2.1 Early Development ...................................................................................................... 31 3.2.2 Later Development....................................................................................................... 32 3.3 Grouper Development ......................................................................................................... 34 3.4 Technical Description Features........................................................................................... 36 3.4.1 Flying ........................................................................................................................... 36 3.4.2 Rotating ........................................................................................................................ 36 3.4.3 Sorting .......................................................................................................................... 37 3.4.4 Saving and Loading ..................................................................................................... 38 3.4.5 Volume control ............................................................................................................ 41 4 3.5 Survey and Data Collection ................................................................................................ 42 Chapter 4: Results ......................................................................................................................... 43 4.1 Simplicity ............................................................................................................................ 43 4.2 Efficiency ............................................................................................................................ 45 4.3 Design ................................................................................................................................. 47 Chapter 5: Conclusion................................................................................................................... 50 5.1 Errors................................................................................................................................... 50 5.2 Future Work ........................................................................................................................ 50 Appendix A: Initial Design ........................................................................................................... 52 Appendix B: Survey Document .................................................................................................... 56 Appendix C: Raw Playtest Data ..................................................................................................
Load more

Recommended publications
  • Android Code Libraries and Tutorials That Are Available for Free on the Web
    Overview: My proposed organizing system is a library for customizable Android code. As an Android developer I use many libraries to develop applications (specifically utility applications). However I’ve been frustrated by the fact that I couldn’t find any organizing systems that had organized existing android libraries on the web and had an intuitive user interface. To overcome this I’ve had to use different websites such as Google Search, Google Forums, Stack Overflow and recommendations from friends to figure out what libraries are best to use. Domain: Java code running on Android SDK. Scope: An organizing system for customizable Android libraries. Scale: All free Android code libraries and tutorials that are available for free on the web. Tags: # Hyponymy/Hyperonymy (5.4.1.1), # Hierarchical Classification, # Structure (5.5.3) for intuitive user interface. 5 dimensions of an organizing system 1. What is being organizing: My proposed organizing system will organize any customizable Android library and tutorial that is available for free on the Internet. These resources are mainly in Github. Github resources show the list of available folders and usually a short tutorial of what elements of the code are customizable. However in many instances the resources may be a website solely dedicated to a particular code (for instance push notification) or a site which has 5-10 Android specific libraries made by a developer and available for download. These websites have their unique structure but can be extremely valuable resources for finding free code to use. Many of these resources have a limited useful life timeline as they may only be compatible with a certain version of Android SDK for instance a code library may be compatible with Android 4.2 and when a new update for Android operating systems comes out the library may no longer be compatible.
    [Show full text]
  • ACE-2019-Query-Builder-And-Tree
    Copyright © 2019 by Aras Corporation. This material may be distributed only subject to the terms and conditions set forth in the Open Publication License, V1.0 or later (the latest version is presently available at http://www.opencontent.org/openpub/). Distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright holder. Distribution of the work or derivative of the work in any standard (paper) book form for a commercial purpose is prohibited unless prior permission is obtained from the copyright holder. Aras Innovator, Aras, and the Aras Corp "A" logo are registered trademarks of Aras Corporation in the United States and other countries. All other trademarks referenced herein are the property of their respective owners. Microsoft, Office, SQL Server, IIS and Windows are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. Notice of Liability The information contained in this document is distributed on an "As Is" basis, without warranty of any kind, express or implied, including, but not limited to, the implied warranties of merchantability and fitness for a particular purpose or a warranty of non-infringement. Aras shall have no liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this document or by the software or hardware products described herein. Copyright © 2019 by Aras Corporation. This material may be distributed only subject to the terms and conditions set forth in the Open Publication License, V1.0 or later (the latest version is presently available at http://www.opencontent.org/openpub/).
    [Show full text]
  • GST Mapper MDC Training
    GeoSpatial Technologies, Inc. GST Mapper MDC Training Train the Trainer GST Mapper MDC Training GST Mapper© MDC/MP Navigator is an integrated interface for GPS/AVL that allows you to display your current location, your sister unit locations, routing, mapping, navigation and CAD linking for receiving and displaying incidents (Tags). Scenarios: •Enables Deputies to find or search for locations, supporting units, and incidents. •Provides the functions to generate a route to an incident, sister unit, or manually input an address via a local GIS map or navigation screen. •Deputies\Officers have the ability to view various map layers including aerial imagery and night\day contrasting views for tactical needs when setting parameters, and various other functions and scenarios that will be addressed throughout the training. GST Mapper MDC components GST Mapper MDC GST Navigator GST Mobile Console GST Advantage GST vs. Consumer Navigation GST Others Custom Mapping Utilizes an agency’s GIS data and Pre configured Solutions map layers providing the ability to consumer-driven maps. display map layers such as: aerial (Non-agency specific photo, RD, beat, address, parcel, map data) hydrant, etc. Group Vehicle Display Ability to display, route-to or N/A navigate-to sister vehicles in surrounding area. CAD Integration CAD interface providing the ability N/A to display, route-to or navigate-to CAD\Incident calls. MDC\MDT Integration Ability to install onto existing N/A MDC\MDT with common Microsoft operating systems. Request for features GST works with agencies to N/A customize integrated solutions. GST Mapper MDC Toolbar ◦ Map Control Buttons ◦ Incident Panel ◦ CAD\Request CAD ◦ Unit List ◦ Routing Functions ◦ AVL Locator ◦ GST Navigator ◦ Cosmetic Layers ◦ Address \Identify ◦ Pan X, Y Menu Bar ◦ View ◦ Tools ◦ Window Tool Bar The toolbar is used to access the integrated features and functions of GST Mapper MDC, allowing the user to control the map, search, route, or navigate to CAD incidents (tags), sister units, addresses, or landmarks.
    [Show full text]
  • EA and Crytek Recruit Players Into Free Trial for Crysis Wars
    EA and Crytek Recruit Players Into Free Trial for Crysis Wars New Players Can Experience the Critically-Acclaimed Multiplayer Action GameFree from April 9- April 17 and Get the Complete Crysis CompilationCrysis Maximum EditionStarting May 5 REDWOOD CITY, Calif., Apr 09, 2009 (BUSINESS WIRE) -- Electronic Arts Inc. (NASDAQ:ERTS) and Crytek GmbH announced the start of a free trial period for Crysis Wars(R)*, the multiplayer game for Crysis Warhead(R), the award-winning first-person shooter originally released last Fall. Starting today, gamers can play all of Crysis Wars** online for free including each of the game's three action-packed multiplayer modes and all 23 maps. The free trial period runs until Friday, April 17, 2009. This trial is designed to give players a sample of the signature action and visuals that only the Crysis(R) series delivered. For those players that want more than just a sample, EA and Crytek will release Crysis(R) Maximum Edition, a compilation of all three Crysis games in one box (Crysis, Crysis Warhead and Crysis Wars). Available beginning May 5th for the MSRP of $39.99, Crysis Maximum Edition is the ultimate Crysis experience. "When Crysis Wars was released seven months ago, one of our biggest goals was to be able to deliver continued support to our growing multiplayer community," said Cevat Yerli, CEO and President of Crytek. "We think we have delivered on that promise, not only by releasing new content, fixes and our powerful MOD SDK, but also by continuing to offer these types of free trials." Crysis Wars supports matches for up to 32 players and contains three distinct gameplay modes; InstantAction, frenetic deathmatch enhanced by the power of the nanosuit, PowerStruggle, a hardcore team-based mode and TeamInstantAction, a mix of fast-paced action in a team-based environment.
    [Show full text]
  • Using the Custom Database in Morningstar Direct
    Using the Custom Database in Morningstar Direct Onboarding Guide Direct Copyright © 2020 Morningstar, Inc. All rights reserved. The information contained herein: (1) is proprietary to Morningstar and/or its content providers; (2) may not be copied or distributed; (3) is not warranted to be accurate, complete or timely; and (4) does not constitute advice of any kind. Neither Morningstar nor its content providers are responsible for any damages or losses arising from any use of this information. Any statements that are nonfactual in nature constitute opinions only, are subject to change without notice, and may not be consistent across Morningstar. Past performance is no guarantee of future results. Morningstar Direct January 2020 © 2020 Morningstar. All Rights Reserved. Contents Overview . 4 Understanding Basic Information about the Custom Database . 5 Overview . 5 Where is the Custom Database found? . 5 Where can custom data points be used in Morningstar Direct?. 5 What types of custom data points can be created? . 6 Creating and Assigning Values to Custom Data Points. 7 Overview . 7 Exercise 1: Create discrete custom data. 8 Exercise 2: Manually input values for custom data points . 10 Exercise 3: Import data for discrete data points. 12 Exercise 4: Create custom time series data points. 17 Exercise 5: Input data for time series custom data points. 19 Exercise 6: Import data for custom time series data points. 21 Exercise 7: Add a custom Composition data point. 24 Exercise 8: Enter data for a Composition custom data point . 26 Leveraging Custom Data in Other Modules . 30 Overview . 30 Exercise 9: View custom data in the Workspace module.
    [Show full text]
  • Mxmc Tutorial EN
    Tutorial MxManagementCenter V1.8-001_EN_06/2018 Beyond Human Vision MxManagementCenter Tutorial MOBOTIX Seminars MOBOTIX offers inexpensive seminars that include a workshop and practicalexercises. For more information, visit www.mobotix.com > Support > Trainings. Copyright Information All rights reserved. MOBOTIX, the MX-Logo, MxManagementCenter, MxControlCenter, MxEasy and MxPEG are trademarks of MOBOTIX AG registered in the European Union, the U.S.A., and other countries. Microsoft, Windows and Windows Server are registered trademarks of Microsoft Corporation. Apple, the Apple logo, Macintosh, OS X, iOS, Bonjour, the Bonjour logo, the Bonjour icon, iPod and iTunes are trademarks Marken von Apple Inc. iPhone, iPad, iPad mini and iPod touch are Apple Inc. trafemarks. All other marks and names mentioned herein are trademarks or registered trademarks of the respective owners. Copyright © 1999-2018, MOBOTIX AG, Langmeil, Germany. Information subject to change without notice! 2 Contents 1 Basics 6 1.1 General Structure of the Views 6 1.2 Camera Groups 8 1.3 Camera Group Bar and Camera Bar 10 1.4 Alarm Bar 12 1.5 Grid View 14 1.6 Graphic View 16 1.7 Working With Different Network Environments 18 1.8 Licensing 20 2 Highlights 22 2.1 Unique Usability Concept 22 2.2 Camera Groups 28 2.3 Staying Informed Everywhere and in All Views 30 2.4 Convenient Search and Analysis in Player Means Fast Results 32 2.5 Grid Playback – Investigating Entire Camera Groups 34 2.6 Access to Stored Images – Easily Customized 35 2.7 Instant-Player – Research from Anywhere
    [Show full text]
  • IG7013-Toolbars.Pdf
    Impress Guide Appendix B Toolbars Copyright This document is Copyright © 2021 by the LibreOffice Documentation Team. Contributors are listed below. You may distribute it and/or modify it under the terms of either the GNU General Public License (http://www.gnu.org/licenses/gpl.html), version 3 or later, or the Creative Commons Attribution License (http://creativecommons.org/licenses/by/4.0/), version 4.0 or later. All trademarks within this guide belong to their legitimate owners. Contributors To this edition. Peter Schofield Dave Barton Feedback Please direct any comments or suggestions about this document to the Documentation Team’s mailing list: [email protected] Note Everything sent to a mailing list, including your email address and any other personal information that is written in the message, is publicly archived and cannot be deleted. Publication date and software version Published February 2021. Based on LibreOffice 7.0. Using LibreOffice on macOS Some keystrokes and menu items are different on macOS from those used in Windows and Linux. The table below gives some common substitutions for the instructions in this document. For a detailed list, see the application Help. Windows or Linux macOS equivalent Effect Tools > Options LibreOffice > Preferences Access setup options menu selection Right-click Control+click or right-click Open a context menu depending on computer setup Ctrl (Control) ⌘ (Command) Used with other keys F11 ⌘+T Open the Styles deck in the Sidebar Documentation for LibreOffice is available at
    [Show full text]
  • SARS Anywhere
    SARS Anywhere SCHEDULING AND REPORTING SYSTEM USER MANUAL © 2015 by SARS Software Products, Inc. All rights reserved. COPYRIGHT Copyright © 2015 SARS Software Products, Inc. All rights reserved. Portions of the software described in this document copyright © Microsoft Corporation. All rights reserved. Information in this document is subject to change without notice. The software described in this document is furnished under a license agreement or nondisclosure agreement. The software may be used or copied only in accordance with the terms of those agreements. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or any means electronic or mechanical, including photocopying and recording for any purpose other than the purchaser’s personal use without the written permission of SARS Software Products, Inc. SARS Software Products, Inc. San Rafael, California 94901 www.sarsgrid.com TRADEMARKS Microsoft, Windows, Visual Basic, and Access are trademarks or registered trademarks of Microsoft Corporation. GoToAssist is a trademark or a registered trademark of Citrix Systems, Inc. Other product names mentioned in this manual may be trademarks or registered trademarks of their respective companies and should be noted as such. 1/2015 SARS ANYWHERE USER MANUAL TABLE OF CONTENTS Section 1 Introduction 1.0 Overview 1.1 Log in to SARS Anywhere 1.2 Enter Account Information 1.3 Change a Password 1.4 Logout of SARS Anywhere Section 2 THE GRID 2.0 Overview of THE GRID 2.1 Navigate THE GRID Section 3 MY GRID
    [Show full text]
  • High-Performance Play: the Making of Machinima
    High-Performance Play: The Making of Machinima Henry Lowood Stanford University <DRAFT. Do not cite or distribute. To appear in: Videogames and Art: Intersections and Interactions, Andy Clarke and Grethe Mitchell (eds.), Intellect Books (UK), 2005. Please contact author, [email protected], for permission.> Abstract: Machinima is the making of animated movies in real time through the use of computer game technology. The projects that launched machinima embedded gameplay in practices of performance, spectatorship, subversion, modification, and community. This article is concerned primarily with the earliest machinima projects. In this phase, DOOM and especially Quake movie makers created practices of game performance and high-performance technology that yielded a new medium for linear storytelling and artistic expression. My aim is not to answer the question, “are games art?”, but to suggest that game-based performance practices will influence work in artistic and narrative media. Biography: Henry Lowood is Curator for History of Science & Technology Collections at Stanford University and co-Principal Investigator for the How They Got Game Project in the Stanford Humanities Laboratory. A historian of science and technology, he teaches Stanford’s annual course on the history of computer game design. With the collaboration of the Internet Archive and the Academy of Machinima Arts and Sciences, he is currently working on a project to develop The Machinima Archive, a permanent repository to document the history of Machinima moviemaking. A body of research on the social and cultural impacts of interactive entertainment is gradually replacing the dismissal of computer games and videogames as mindless amusement for young boys. There are many good reasons for taking computer games1 seriously.
    [Show full text]
  • For a Visual Glimpse at the Contents of the Document, Click the Grid Icon in the Upper Right- Hand Corner
    ADDITIONAL FUNCTIONALITY WITHIN THE COMMUNITY ASSOCIATION LIVING LIVE DOCUMENT INTERFACE For a visual glimpse at the contents of the document, click the grid icon in the upper right- hand corner. Note: you must mouse over the area to bring up the navigation bar. This will bring up a different window showing each of the sections—click on any of them to navigate to that section. HOW TO SEARCH FOR KEY WORDS AND PHRASES WITHIN THE COMMUNITY ASSOCIATION LIVING LIVE DOCUMENT INTERFACE Click on the search icon in the lower right-hand corner. Note: you must mouse over the area to bring up the navigation bar. That will bring up this dialog box to search specific words and phrases. HOW TO PRINT OR DOWNLOAD THE COMMUNITY ASSOCIATION LIVING DOCUMENT FROM WITHIN THE LIVE INTERFACE From the Community Association Living live document interface, click on the download icon in the upper right-hand corner. Note: you must mouse over the area to bring up the navigation bar. This will bring up a new dialog box. Click on the download icon again to save a PDF to your local drive, or click the printer icon to print. If you click print, you will see your computer’s native print dialog box and you should be able to change the individual settings here. HOW TO SHARE THE GUIDING PRINCIPLES DOCUMENT FROM WITHIN THE LIVE INTERFACE From the Guiding Principles live document interface, click on the share icon in the lower right-hand corner. Note: you must mouse over the area to bring up the navigation bar.
    [Show full text]
  • Game Development Companies/Studios in Orange County
    Walt Scacchi, UCI GameLab Game Development companies/studios in Orange County (listings in parentheses appear to no longer be in business in Orange County, but may have relocated elsewhere) Version of May 2013 1. A2Z [Amazon.com Game Studio] Lake Forest, http://games.amazon.com/jobs/ 2. Atlus USA, Irvine – http://www.atlus.com/ 3. (Bandai Games/BandaiAmerica, Cypress) 4. Blind Squirrel Games, Costa Mesa, http://www.blindsquirrelgames.com/ 5. Blizzard Entertainment, Irvine -- http://www.blizzard.com/ 6. (BooHag Studios, Buena Park) 7. Carbine Studios/NCSoft, Aliso Viejo, -- http://www.carbinestudios.com/studio/ 8. (Codefire, Irvine) 9. Coresoft, Lake Forest -- http://www.coresoft.com/ 10. (Crave Entertainment, Newport Beach) 11. (Crazy Pixel, Irvine) 12. Double Helix Games [Foundation 9 Entertainment], Irvine -- http://www.doublehelixgames.com/ 13. Fallstreak Studio, Orange -- http://www.axle.fallstreakstudio.com/ 14. FreezeTag Games, Tustin -- http://www.freezetag.com/ 15. Gaikai [Sony Computer Entertainment], Aliso Viejo -- http://www.gaikai.com/ 16. GamersFirst/Reloaded Games, Irvine -- http://www.reloadedinc.com/ 17. (Gamespy/IGN Entertainment, Costa Mesa) 18. InXile Entertainment, Newport Beach -- http://www.inxile-entertainment.com 19. (In-Fusio, Tustin) 20. Interplay, Irvine -- http://www.interplay.com/ 21. InterServ, Irvine -- http://game.interserv.com.tw/ 22. Javaground USA – http://www.javaground.be/corporate_contact.html 23. (K2 Network, Irvine) 24. Leadwerks, Newport Beach, -- http://www.leadwerks.com 25. Little Orbit, Rancho Santa Marguerita -- http://www.littleorbit.com/ 26. MobilityWare, Irvine -- http://mobilityware.com/ 27. MumboJumbo, Costa Mesa, -- http://www.mumbojumbo.com/ 28. Nexus Entertainment, Huntington Beach -- http://www.nexusent.com/ 29. (NHN USA [ijji.com], Irvine) 30. (Ntreeve [aka, SG Interactive], Irvine) 31.
    [Show full text]
  • Enhancements in Aras Innovator 12.0 SP4
    Aras Innovator 12.0 SP4 Enhancements and Fixed Issues Enhancements in Aras Innovator 12.0 SP4 Tree Grid View Auto-Expand Tree Grid View on Refresh: Users can configure Tree Grid View (TGV) definitions to automatically expand the tree on Refresh. If a Tree Grid View is configured to auto-expand, the tree will expand whenever refresh is called. Actions such as opening the associated tab, clicking Apply on Display Settings, Refresh, Save, Edit, Done, and Create New Revision automatically expand the TGV. Save Layout Command Save Layout: The Display menu in both the main and relationship search toolbars includes the Save Layout command. It replaces the previous practice of automatically saving settings on logout. This command enables you to save the current search grid state. In the main search grid you can specify which columns are visible/hidden, the column order and width, which columns you want to freeze, and preview mode in the main Search grid. In the Relationship search grid, the redline mode, page size, and max records features are available. Setting are saved per user and ItemType. They are restored when you re- open a search grid for the same ItemType. Improved Vertical Scrolling in Item View Accordions “Sticky” Vertical scrollbar: Item views consisting of forms and standard relationship grids now include a single vertical scrollbar that provides a unified scrolling experience across all content in the item view. Create New Command in Main Search Toolbar Create New button: The Create New button has been added on the right side of the main search toolbar for easy access to create new items of the same ItemType.
    [Show full text]