Sprite Midway Milestone Presentation Julea Chin, Clara Kelley, - - PowerPoint PPT Presentation

sprite
SMART_READER_LITE
LIVE PREVIEW

Sprite Midway Milestone Presentation Julea Chin, Clara Kelley, - - PowerPoint PPT Presentation

Sprite Midway Milestone Presentation Julea Chin, Clara Kelley, Amanda Spyropoulos, Chloe Thai Mission Statement: Make interacting with a smart home device engaging and fun. Value Proposition: Bring your smart home device to life.


slide-1
SLIDE 1

Sprite

Midway Milestone Presentation

Julea Chin, Clara Kelley, Amanda Spyropoulos, Chloe Thai

slide-2
SLIDE 2

Mission Statement:

Make interacting with a smart home device engaging and fun.

Value Proposition:

Bring your smart home device to life.

Problem/Solution Overview:

Smart home device owners rarely take advantage of their smart home device’s full capabilities. Sprite is an app that personifies your smart home device, making it easier & more engaging to use your

  • device. Your Sprite depends on you, fostering a sense of

responsibility & creating a relationship between you and your device.

slide-3
SLIDE 3

Presentation Overview:

  • 1. Heuristic evaluation results
  • 2. Overview of revised design
  • 3. Prototype implementation status
  • 4. Demo of prototype
  • 5. Summary
slide-4
SLIDE 4

Heuristic Evaluation Results + Revised Design

slide-5
SLIDE 5

Help and Documentation: ○ Not intuitive to click on the Sprite on first

  • pen of app (Severity 4)

○ Unclear how to pair smart home device and app (Severity 3)

Severity 3 - 4 HE Issues

slide-6
SLIDE 6

Revised Design: Tutorial Screen

HE Evaluation: Need help for first time users explaining how app works. Fix: Created walk-through tutorial for first-time users

slide-7
SLIDE 7
  • Consistency and Standards:

○ “Achieve” screen buttons are not clear if clickable (Severity 3)

Severity 3-4 HE Issues

slide-8
SLIDE 8

Revised Design: Tutorial Screen

HE Evaluation: Buttons don’t seem clickable Fix: Created walk-through tutorial for first-time users

slide-9
SLIDE 9

Severity 3-4 HE Issues

  • Consistency and Standards:

○ Create better icons on “Discover” screen - don’t use Sprite icon elsewhere besides home screen (Severity 3)

slide-10
SLIDE 10

Revised Design: Discover Screen

HE Evaluation: Be consistent with icons on Discover page Fix: Selected new icons to use for the 5 main categories of actions.

slide-11
SLIDE 11
  • User Control and Freedom:

○ From “Recommend” screen, user isn’t able to immediately access home page - must click 2 back buttons to return ○ Did not like swiping between Sprites - would prefer to see them all listed on a “collection” of Sprites screen

  • Error Prevention/Recognition over Recall:

○ Icons not self explanatory - unclear what camera, settings, and paintbrush icons will do

Severity 3-4 HE Issues

slide-12
SLIDE 12

Revised Design: Sprite Collection Screen

HE Evaluation: Swiping between Sprites is time consuming Fix: Created a collection screen of Sprites to view all at

  • nce
slide-13
SLIDE 13

New Tasks:

  • Create your first Sprite (simple)
  • Learn a new action (moderate)
  • Unlock a new badge (complex)
  • Switch to Nest Sprite (simple)
slide-14
SLIDE 14

Prototype Implementation Status

slide-15
SLIDE 15

Tools Used

We used:

  • Built prototype in React Native

○ Expo app to test prototype ○ Online iOS simulator and Android Emulator

  • Figma for UI screens + prototyping
  • CS47 helpful for React Native
slide-16
SLIDE 16

Implemented Features:

  • Learn a new action task (moderate) implemented

○ Uses Wizard of Oz techniques for Speech Recognition

  • Customize Sprite
  • Search
  • Bookmarking
  • Animated Sprite
  • Switch Between Sprites (new screen)
  • Onboarding
slide-17
SLIDE 17

Unimplemented Features:

Need to finish:

  • Create Account / Link to Smart Home Device

○ Will use Wizard of Oz for connecting to a smart home device

  • Multiple instructions
  • Change Sprite name
  • Swipe between Sprites
  • Tutorial & Create a new Sprite walkthrough
  • More Skills
  • Settings

Future Plan:

  • Moods
  • Voice Recognition (for real)
  • More Animations
slide-18
SLIDE 18

Wizard of Oz & Hard Coding

Wizard of Oz:

  • Once an action is completed - user has to wait for completion instead
  • f voice recognition

Hard Coding:

  • Selection of actions are brainstormed by us based on actual tasks

○ Not generated from an online library

slide-19
SLIDE 19

Issues/Questions

  • Does the concept still work with Wizard of Oz?
  • What can we do to make it cuter?
slide-20
SLIDE 20

Demo

slide-21
SLIDE 21

New Tasks:

  • Create your first Sprite (simple)
  • Learn a new action (moderate)
  • Unlock a new badge (complex)
  • Switch to Nest Sprite (simple)
slide-22
SLIDE 22

Demo Link: https://bit.ly/2DVbbpt

slide-23
SLIDE 23

Summary:

  • Changes:

○ Removed camera feature, added back Switch Sprite collection page ○ Added Animations ○ Local database for tracking changes

slide-24
SLIDE 24

Thank You!