Kuggen App

A collocated mobile application for team-building.

Kuggen App

Type Coursework (Group)
Taken part Application Design and Development
Tools Sketch 3, Adobe Photoshop, Xcode
Language Used Swift, Objective-C
Time Used 4 weeks
Resource Presentation Slides

Design Concept

Most of the mobile applications which are shared or collaborative in nature usually tend to be distributed interactions, not many applications have ventured into collocated face-to-face interactions as the key aspect. The interaction is limited to screens. More and more mobile users are sticking to screen and lose the whole context of being with people. It is quite difficult to brainstorm on a topic so narrowed down for beginners. The group used the bursting-out-of-bubble (Collocation Mobile Application Design) framework consisting of four main perspectives namely Social, Technological, Temporal and Spatial and their properties to systematically address the design of collocated interactive system for the mobile application. The Kuggen application suites several properties from the framework which are focus, location(s), proximity, coordination of action and lastly information distribution, synchronisation and pacing.

Kuggen application is an application designed to facilitates team-building activity. The application is expected to used while mingle. Users are to interact with as many people as he can in the space through a game. Finishing the game is not the goal of the app but talking to most number of people is the goal.

Application Mechanism

The application is a digital version of team-building bingo game played during the Kuggen party. The traditional game is about completing a row of questions by getting signatures from people you talk to and who matches the description you are looking for. An example would be to get a signature from a person, who has skydived before. Users will be forced to run around the party and talk with total stranger to find an answer to question posed by application.

In order to play, user is required to log in into the party. After signing in, user will be given a specific QR code using as identification. User will then see a list of question as same as an example mentioned earlier. Each question can be answer by scanning a QR code of correct person. When answering each question, user will be reward with star(s). To end the game, user needs to collect 50 stars.

User Tests

We ran several user testing sessions while designing this application. First user testing session is to prove our design concept and application mechanism. Second session is to test a usability of our user interface design. Last session is to test overall satisfaction of the application.

We were doing easy observation for every user testing sessions. For each session, we took note of how users interact with prototype. We used paper prototype for first two user testing sessions and a real application for the last session. After each session, we interviewed each user for a suggestion on how can we improve an application

From a note we took during sessions, we then translated it into system requirements. We took these collected data into account for our design. The design process was agile and iterative.


For implementation, we chose to build the application for iOS. And instead of traditional Objective - C, we built this application in Swift for the sake of robustness and scalability. It was fun and challeging to write a code in a very new language like Swift. It was a little bit hard to find documents and compatible adds-on but we managed to make the application up and running.

In this project, aside from designing a user interface, I'm in charged of getting networking and internet connection run smoothly. My works included user profile, logging in activity, question database and QR code generator.


We have built several prototypes. Hand drawn, digital sketch in Sketch 3 and highly polished screens in Adobe Photoshop.