EdTech App UX/UI Design

Bluebird Playground

A visual programming App that allows students to create IoT(Internet of Things) projects with intuitive drag-and-drop interactions. 

My role in this project

UX/UI Design

Art Direction

Bluebird, a plug-n-play circuit board with eight built-in sensors and outputs, sends and receives information over Bluetooth and the Internet.

Bluebird playground, an iOS app, provides effortless pairing with Bluebird and visualizes its sensors and outputs as code blocks which can be connected to create projects.

App Overview

Bluebird Playground features four main sections:

Control Center, a landing page or dashboard for Bluebird, is where you can pair with a device and immediately see incoming data from the built-in sensors. You also send signals here to the LED and speaker to ensure that everything is working correctly.

Screen Shot 2020-02-12 at 11.08.03.png
Screen Shot 2020-02-12 at 11.01.38.png

Invention Builder is a block-based visual coding interface where you can create programs using Code Blocks and Behaviors Blocks.  

Connecting Blocks

Disconnecting & Deleteting Blocks

Configure Blocks

A configuration window pops up if the block needs to be set up. Make adjustments in the window, then tap “Done”. 

Screen Shot 2020-02-12 at 12.02.01.png
Screen Shot 2020-02-12 at 11.41.19.png

In My Inventions, users can see their saved projects and view sample programs for help or inspiration. Registered users can launch their saved projects from any device once they’ve logged in.

Help contains tutorials to guide new users through every facet of the Bluebird ecosystem. Interactive tutorials cover app navigation, Bluebird anatomy, basic programming concepts, logic gates.

Screen Shot 2020-02-12 at 11.48.22.png

User Flow

flow-05.png

Wireframing, Prototyping, and User Testing

MiniPad_White.png

Project List