Nubi is a simple and immersive ubiquitous learning tool for IOS 5. Nubi uses both location and user information to deliver useful phrases in a language learning scenario. A user could learn new English phrases from the other users and then practices them in the right context. All the phrases could be saved in the personal folders for the later reviews. Nubi is built around a “many to many” social model, utilizing the crowd as a means to filter relevant content.

Group Project: research, ideation, design, prototyping, user testing

My Role: Interaction Design (research, interaction design, motion graphic design, user testing)

Timeline: 2012.01-2012.04


Since the gradually maturing mobile technology and Human computer Interaction technology, the concept of ubiquitous learning is being recognized in an ascending pattern from the research community. Yet the contribution from industry practitioners from technological and educational sector remains, however, unfruitful.

A crucial observation from us is that the location-based service such as foursquare and Yelp has reached a massive user base using geo-location based technology and related API while the online learning has developed fast and show its great promising in the recent years. However, there is still a gas between these two. Therefore, we believe that the growing location based service world- wide has demonstrated its potential to be an experimental tool to inject the concept of ubiquitous learning.

As is known, learning environment plays a very important role in language learning. In hence, by providing with the content-awareness learning, materials, the location-based service will add more value for learning a new language in contexts for users.

Design Challenges

We brought up a few questions that we need to consider for our design. For example:

  • What is feature of our app which makes our design different compared to other digital dictionaries? (active learning v.s. passive learning? context-based v.s. classroom-based?)
  • How do we adapt the users with various English levels? (allowing to select levels?)
  • How do we encourage repetitive learning off the context? (being able to save, review, and edit contents later?)

Interaction Design

We drew the Information Architectures and Wireframes for rapid iterative evaluations.

Nubi App

The final screenshots of Nubi app.

Lessons Learned

1. How to design mobile applications (design guidelines)

2. How to turn a concept into a real product


Min Fan: Concept Design, Interaction Design, UI, Front-end Developer

Trevor Smale: Project Manager, UI

Nai-chun, Hsu: Developer

Mengxi Liu: UX Designer