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.

bluebird.png
bluebird_Dissected_graphic_1080x.png

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

IMG_8350_edited.jpg
IMG_2288_edited.jpg
IMG_7660_edited.jpg
IMG_0591.JPG
IMG_0595_edited.jpg
IMG_0652.JPG
Screen Shot 2020-02-21 at 09.22.45.png
multiple screens.png
MiniPad_White.png

Project List