Embedded Files
As an Undergraduate researcher in the Laboratory of Artificial Intelligence, Games, and HCI Techniques under Dr. Ben Samuel, I worked on iterating and improving the existing prototype of a story-sifting assistant called the WizActor interface. It visually presents large amounts of data generated by the Kismet Engine, a social simulation tool that enables users to authors entire worlds, their history, and all the interconnected relationships that exist.
1st Place winner in the Virtual Poster Catagory Best Presenter at Michigan State University AGEP Student Success Conference
Design Process
Design Process
Project definition and Scope
Project definition and Scope
At present, the cognitive load of simultaneously role playing and story sifting are too much for a single person to perform. Thus, we present the initial development of an interface intended to enable the consolidation of the Actor and Wizard roles, tentatively titled the WizActor interface. Its design draws directly from quantitative and qualitative data drawn from dozens of Bad News playthroughs.
It is intended to be generalizable enough to be applicable in any situation in which an interactive narrative driven by social simulation and storysifting leverages a human storyteller.
WizActor interface is not very visually pleasing or user friendly the current Force-Directed Tree model becomes more complex the more charecters are introduced hence making it hard to follow specific relationships that could create interesting game play.
After conducting user interviews with users that play tabletop role playing games like DND, I created the following User personas to focus on creating the interface for.
After conducting user interviews with users that play tabletop role playing games like DND, I created the following User personas to focus on creating the interface for.
User Personas
User Personas
User Need Statements
User Need Statements
User stories of features decided on after Ideation
User stories of features decided on after Ideation
Technologies:
HTML
CSS
JavaScript
JSON
Text to Image LLM Dalle-2
D3.js
Npm.js
Node.js
High fidelity wireframe
High fidelity wireframe
Page updated
Google Sites
Report abuse