Med-fi Prototype Team 3 - mmo Our Team Sara O. Julea C. Chloe T. - - PowerPoint PPT Presentation

med fi prototype
SMART_READER_LITE
LIVE PREVIEW

Med-fi Prototype Team 3 - mmo Our Team Sara O. Julea C. Chloe T. - - PowerPoint PPT Presentation

Med-fi Prototype Team 3 - mmo Our Team Sara O. Julea C. Chloe T. Cathy W. 2 Problem & Solution Overview Problem: People currently feel less connected to nature, and personal initiative to take environmentally-friendly action is


slide-1
SLIDE 1

Med-fi Prototype

Team 3 - mömo

slide-2
SLIDE 2

Our Team

Sara O. Julea C. Chloe T. Cathy W.

2

slide-3
SLIDE 3

Problem & Solution Overview

Problem: People currently feel less connected to nature, and personal initiative to take environmentally-friendly action is lacking Solution: Mobile app to encourage users to make environmental commitments in a rewarding, reflective, and goal-oriented manner

3

slide-4
SLIDE 4

Value Proposition

Let your virtual planet reflect your real life habits and knowledge, while receiving rewards for personal growth

4

slide-5
SLIDE 5

Tasks

1. Add an Eco-Action (simple) 2. Log & notice progress on your Eco-Action (moderate) 3. Compare your planet to a friend’s planet (complex)

5

slide-6
SLIDE 6

Low-fi to Med-fi Task Changes

○ Replaced “commitment” with “Eco-Action”

6

slide-7
SLIDE 7

Revised Interface Design

7

slide-8
SLIDE 8

Major Design Changes

Low-fi vs. Med-fi

slide-9
SLIDE 9
  • 1. Home Screen

9

slide-10
SLIDE 10
  • 2. Eco-Action Log

10

slide-11
SLIDE 11
  • 3. Planet Vitals
slide-12
SLIDE 12

Medium-fi Task Flows

12

slide-13
SLIDE 13

1: Add an Eco-Action (simple)

13

slide-14
SLIDE 14

2: Log & Notice progress on your Eco-Action (moderate)

14

slide-15
SLIDE 15

15

2: Log & Notice progress on your Eco-Action (moderate)

slide-16
SLIDE 16

3: Compare your planet to a friend’s planet (complex)

16

slide-17
SLIDE 17

Prototype Overview

17

slide-18
SLIDE 18

Tools Used

We Used:

  • Figma for UI screens + prototyping

How the tools helped:

  • Simultaneously & collaboratively build screens
  • Save workflow time by also prototyping in Figma

How the tools didn’t help:

  • No user-input (typing, photo upload)
  • Can’t save information
  • No interactive graphics (rotation, zoom, pulsing radar)

18

slide-19
SLIDE 19

To simplify and focus on the 3 main task flows, we did not include...

  • Functionality

○ Create/Edit Profile ○ Settings ○ Customization ○ My Collection

  • App notifications

Limitations of Current Prototype

19

slide-20
SLIDE 20

Wizard of Oz Techniques

20

  • App would restrict logging to once-a-day (for relevant Eco-Actions)

to prevent cheating

  • App would recommend Eco-Actions based on each user
slide-21
SLIDE 21

Medium-Fi Prototype Link

https://bit.ly/2vNivhn

21

slide-22
SLIDE 22

Thank you. Any questions?

22

slide-23
SLIDE 23

Appendix

23

slide-24
SLIDE 24

24

Planet Vitals

slide-25
SLIDE 25

25

Hamburger Menu

slide-26
SLIDE 26

26

Welcome Back Sequence

slide-27
SLIDE 27

Tools Used (in depth)

We Used:

  • Figma for UI screens + prototyping

How the tools helped:

  • View each other’s work
  • Simultaneously & collaboratively build screens
  • Save workflow time by also prototyping in Figma, rather than InVision

How the tools didn’t help:

  • No user-input (typing, photo upload)
  • Minimal interactive features + static graphics

27

slide-28
SLIDE 28

To simplify and focus on the 3 main task flows, we did not include...

  • Functionality

○ Create/Edit Profile ○ Settings ○ Customization ○ My Collection

  • App notifications
  • Interactive graphics (rotation, zoom, pulsing radar)
  • Text entry & Photo upload simulation

Limitations of Current Prototype (in depth)

28

slide-29
SLIDE 29

Hard Coding Techniques

  • Restricted selectable user actions to only test our

3 main task flows

  • Start off app as a returning user named Christina

29