WizActor Interface

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.

Design Process

Project definition and Scope

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 Need Statements  

User stories of features decided on after Ideation

Low fidelity wireframe

Technologies: 

HTML

CSS

JavaScript

JSON

OpenAI Dalle-2 

D3.js

Npm.js

Node.js

High fidelity wireframe