cardstories part 11: artwork task list

The list of completed games has been integrated and implemented. A skin gallery was completed to conveniently displayed all the integrated pages without a need to actually play the game. A summary of all the requests was produce for Xavier Antoviaque and tartarugafeliz to work on.

lobby complete

The list of completed games was integrated and implemented. To avoid duplication of the code used to display the list of games which is mostly similar with the list of games in progress a function common to both, lobby_games was created, as well as test cases. The test cases for the lobby_in_progress and lobby_finished are reduced to a minimum.

permalinks

When the user selects a game in the lobby, it is redirected to a page where the game_id=XXX parameters is appended to the query string. This creates a permalink that will always display the current state of the game.

skin gallery

The skin gallery was implemented to show a list of links showing the CSS integration of each game state. This list is not visible unless the skin argument is given. Each integration link is implemented in the skin.js script using mockups such as:

    } else if(skin == 'vote_voter' || skin == 'vote_owner' || skin == 'vote_viewer') {
      var game = {
	'id': 100,
	'board': [21,22,23,24,25,26],
	'self': [21, 26, [21,12,13,14,15,16,17]],
	'sentence': 'The sentence is the sentence'
      };
      $.cardstories[skin]('PLAYER1', game, root);

user feedback

The game was tried 20 times by five players : Roméo (5 years old), Yvi (7 years old), Juliette (20 years old), Agnès (29 years old), Loïc (45 years old).
Roméo did not quite get the idea of the game. Yvi liked it very much. Juliette tried it once and got the idea. Agnès was confused at first about the steps of the game.
Loïc authored the games using the following method:

  • load the lobby for player loic
  • click on start new story
  • pick an image
  • write down sentence and click on next
  • type agnes and yvi in the invitation input box
  • open a new tab
  • load the lobby for player agnes
  • click on the sentence to participate in the game
  • show the tab to player agnes and let her chose a card
  • open a new tab
  • load the lobby for player yvi
  • show the tab to player yvi and let him chose a card
  • move to the tab of player loic and reload it
  • click on voting
  • move to the tab of player agnes and reload it
  • show the tab to player agnes and let her vote for a card
  • move to the tab of player yvi and reload it
  • show the tab to player yvi and let him vote for a card
  • move to the tab of player loic and reload it
  • click on complete and show the results to everyone

Using a dock to display the cards has been found inconvenient because the cards far from the selected card are too small to be visible and navigating back and forth to pick a card is inconvenient. When Agnès authored a game, she chose a card that had many features in common with other cards to increase her chances to mislead the
players. This strategy would be defeated if proposing to the author of the game a subset of the deck of cards.
When reading the game results, the name of the player who picked the card (just below the card) was mistaken for the name of the players who voted for the game.

artwork and interaction questions

Where should the Copyright or powered by be displayed ? It would make sense to display a visible link that would expand into a more informative panel with the required legal information and a link to download the corresponding sources.
Most of the elements in which a player name is to be displayed are too short to display a name of eight character long.
In the following inventory, dead end means a there is no way for the user to navigate out of the page, missing feedback means the user has no way to know there is an interaction on this specific element (no hover on an image button) or that there is no way for the user to know if a mouse click triggered an action (when clicking on a card), no lobby means there is no way for the user to go back to the lobby.

advertise
no remark
in_progress and finished
in progress and finished tab and the sentence / story are missing feedback, the pager is not mockuped.
finished
the invite new friends semantic is undefined and is missing feedback.
create_pick_card
the dock is unfit to display the whole deck and is missing feedback, no lobby
create_write_sentence
no lobby
invitation_owner
there is no way to redisplay the page to update the list of participating players, “go to the vote” is missing feedback, no lobby
invitation_pick
picking a card and “ok” are missing feedback, no lobby
vote_voter
picking a card and “ok” are missing feedback, no lobby
vote_owner
missing mockup for when the author of a game has to decide when the game is complete
complete
an indication showing which player won and which player lost must be mocked, no lobby
name
missing mockup for when the player has no nickname
This entry was posted in cardstories. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>