DesignIT wireframes

Home / Uncategorized / DesignIT wireframes

Students of Metropolia Henri Taussi and Teemu Viisanen developed the wireframes for gamifying the DesignIT game. The app is aimed for gamified team-based ideation in the design thinking process. The design challenges are set up for players to collect ideas on different type of canvases and to brainstorm. The teams can compete on how they complete the canvases with content, as well as buy suitable content for their canvases from other teams. The goodness of contents for the specific challenge is evaluated by game master and other players. The experience points are used for ranking teams and players. The coins are used for transactions.

DesignIT game user interface consist of four main tabs which are lobby, progress, work map and review.

Lobby: At the sign in stage gamemaster (a teacher) can decide game settings and give lobby code to players (students) so that they will be participating in the same game. Both can be part of multiple games. Lobby has information of all players and teams and it has functionality to create new challenges and form teams. Gamemaster can change lobby or lobby settings and create new games. From settings gamemaster can decide team size, amount of levels and maximum amount of player and teams.

Lobby image

Progress: Progress tab has all information of players and teams progress, which is shown to gamemaster. Players see only their own and their teams progress and their rank in that lobby. All achievements give player more personal or team experience.

Individual progress shows players activity in this order:  Personal rank compared to all other players, personal experience gained from activity, number of reviews written to other teams work maps, number of times other players have upvoted your reviews, number of times other players have downvoted your reviews, number of upvotes given to other players reviews, number of downvotes given to other players reviews, number of filed this player have uploaded.

Team progress shows: team’s rank compared to other teams total experience the team has gained, level the team is currently on, amount of coins the team has he amount of coins used, the amount of reviews answered,  amount of work maps that team has bought, number of times the team has asked help from expert, and the number of times team have started a brainstorm.

Work map: Work map tab is the place where the team members can add files and edit them during ideation phase. Achievements are given for uploads to the challenge canvas, presenting the canvas to review, writing the review to other teams’ canvas, replying the review, voting the review, unlocking other teams canvas, buying contents from other canvas, asking for expert help, starting the brainstorming. All achievements give player more personal or team experience. 

Work map shows the headline/idea or challenge, that describes the problem team must solve during their process. And work map also contains empty canvas that gamemaster has assigned for each level. Each work map level has its own empty canvas. Gamemaster must assign an empty canvas for each level when creating the game.

Work map image

Review tab: Review tab is place where players and gamemaster can review confirmed work maps. It has also functionality to players to use their team’s coins. Both a team or gamemaster can create a brainstorm and write a brainstorm question.

The game flow:  Gamemaster can create new challenge to a specific  team or for all teams. Players can create a new challenge to their team or someone else.  Players choose design challenge and get confirmation from play master which activates Work Map and Review to work with the first task.  Each team can hold only one challenge. When team gets their first work map ready and they confirm it, team gets it first three coins. Next level cannot be unlocked before previous gets level is accepted by the gamemaster

Coins are used to get some help from different ways. First and best way is to unlock other teams confirmed work maps. Second way is to start chat with professional or teacher. Third way is to create a brainstorm, where game invites other players. Inventing and creating challenge provides playes with small amount of personal experience points. Using coins provides team experience points, but only by unlocking other team’s work maps has possibility to earn extra personal experience by writing reviews to them.




Leave a Reply