Skip to content

UX Planning

Helen Varley Jamieson edited this page Sep 22, 2020 · 11 revisions

Info for planning the user interface of the new platform:

This is an overview of the existing functionality of UpStage, as well as some of the new features, that will need to be included in the interface.

Issues: https://github.com/upstage-org/mobilise/issues


Artist actions - on stage:

General:

Avatars:

Streams

Backdrops:

  • select a backdrop to appear on stage (exists in current UpStage)
  • animate selected backdrop (exists in current UpStage)
  • fade backdrop in and out (new)

Props: https://github.com/upstage-org/mobilise/issues/58

  • select a prop (exists in current UpStage - needs discussion about how this can work)
  • animate, fade, & otherwise manipulate prop (new)

Drawing:

Audio:

  • select an audio track from the available list in the audio palette (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/30
  • play up to 3 audio tracks simultaneously (exists in current UpStage)
  • pause and stop a track that is playing (exists in current UpStage)
  • stop all tracks at the same time (exists in current UpStage)
  • adjust the volume of a specific track (exists in current UpStage)
  • start or stop a track at a specific time code (exists in current UpStage, but is fiddly & not easy to use)
  • cross-fade between two audio tracks (new)

Live text on stage


Audience actions - on stage:

  • option to choose a nickname, or be anonymous (new) https://github.com/upstage-org/mobilise/issues/44
  • change nickname (new) https://github.com/upstage-org/mobilise/issues/44
  • text input field for chat window (exists in current UpStage)
  • adjust size of text in the chat window (exists in current UpStage but only if you know the command - not possible for most audience members, not intuitive) https://github.com/upstage-org/mobilise/issues/52
  • applause (has been partially developed in current UpStage)
  • see counter of how many players and audience present on stage (exists in current UpStage)
  • see a list of nicknames, e.g. a dropdown menu as in the Tap (new)
  • "volunteer" - some way to appear on stage or be able to "speak" or in other way be a more active participant (new)
  • vote in a poll (new)

Artist actions - in workshop:

General:

Create/Edit stage:

  • create a new stage (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/18
  • edit an existing stage (exists in current UpStage)
  • edit the stage name (exists in current UpStage)
  • create and edit a splash message that displays while the stage is loading (exists in current UpStage)
  • assign media to a stage (exists in current UpStage)
  • remove media from a stage (exists in current UpStage)
  • assign players (users) to be able to access a stage as a player (exists in current UpStage)
  • assign players (users) to be able to edit a stage (exists in current UpStage)
  • clear a stage - removing all text chat, drawings and media that has been left "on stage"; note - this does not unassign media from a stage (exists in current UpStage)
  • show stage on the publicly visible stage list, or not (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/16, https://github.com/upstage-org/mobilise/issues/15
  • select background colours for stage and tool palettes (exists in current UpStage)
  • save stage and reload for any players and audience on the stage (exists in current UpStage)
  • save stage without reloading (exists in current UpStage)
  • lock stage, so that only the owner can edit it (exists in current UpStage)
  • print debug messages on stage (exists in current UpStage - useful for developers)
  • customise stage - eg which tool palettes are displayed (new) https://github.com/upstage-org/mobilise/issues/49
  • customise the position of the chat window on the stage (new) https://github.com/upstage-org/mobilise/issues/50
  • select tools or options to make available to audience (new)
  • clone stage - create a copy of an existing stage (new) https://github.com/upstage-org/mobilise/issues/54

Upload media:

  • select type of media to upload (avatar, prop, backdrop, audio) (exists in current UpStage)
  • give media a name and tags (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/36
  • browse to find file (exists in current UpStage)
  • if uploading an avatar, select and test voice (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/57
  • if uploading multi-frame image, select number of frames to upload (exists in current UpStage)
  • enable streaming (exists in current UpStage - but will streaming function in the same way in the new platform??)
  • test stream (exists in current UpStage - important to be able to do this in workshop, but may need different way in new platform)
  • if uploading audio, select "music" or "sound effect" ((exists in current UpStage - but is actually pretty redundant i think)
  • select stages to immediately assign media to at time of upload (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/17
  • select permissions - e.g. no-one else can use this media, use only with permission, anyone can use (new) https://github.com/upstage-org/mobilise/issues/7
  • add credit information - e.g. who made the media (new)

Edit/View media:

  • see an alphabetical list of all media - default setting to display media uploaded by current user (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/11
  • filter list of media by user (uploader), stage, media type, medium (stream), and tags (exists in current UpStage)
  • search list by tags (exists in current UpStage)
  • sort list by media name, uploader, stage, media type, tags, date uploaded (new)
  • click on item in list to get info/details - thumbnail image & type, file url, file size, date uploaded, uploader, voice, tags, stages assigned to, stream info (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/35, https://github.com/upstage-org/mobilise/issues/10
  • see full-size preview & animation of selected media item (exists in current UpStage)
  • edit name and voice of selected media item (exists in current UpStage)
  • assign media item to stages, or unassign it (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/12
  • replace media item with a new file (exists in current UpStage)
  • add tags to selected media item (exists in current UpStage)
  • download selected media item (exists in current UpStage)
  • delete selected media item (exists in current UpStage)
  • edit media permissions - e.g. whether other players can use this media item or not (new)
  • edit credits - e.g. who created a media item or other information (new)
  • save changes to selected media item (exists in current UpStage)

Edit profile:

  • see your user details, including sign-up date, email and status (exists in current UpStage)
  • change password (exists in current UpStage)
  • change email address (exists in current UpStage)

Edit profile - admin users only:

  • create new player (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/1
  • enter username, password and email address for new player (exists in current UpStage)
  • select status for new player - player, maker, unlimited maker, admin, creator (exists in current UpStage)
  • save new player (exists in current UpStage)
  • edit existing player (exists in current UpStage)
  • see an alphabetical list of all players (exists in current UpStage) https://github.com/upstage-org/mobilise/issues/8
  • search list of all players (exists in current UpStage)
  • sort and filter player list by name, email, status, last login date, register date (new)
  • select a player from the list and see their details in side panel (exists in current UpStage)
  • edit player details - status, email, password (exists in current UpStage)
  • send a message to a player (new)
  • send a message to all players (new)
  • batch edit players, e.g. change a password for all guest players, or delete several players at once (new) https://github.com/upstage-org/mobilise/issues/55

Edit page mode - admin users only:

  • view and edit the content of the UpStage home page, workshop page, player page, stages page and sign up page (exists in current UpStage - note that this may change depending on how the new platform is designed; but there needs to be some way that admin users are able to update and customise information in the interface and introduction screens of an UpStage instance).