Shake Shop: Scrap Scrounging Made Easy

23
W TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Transcript of Shake Shop: Scrap Scrounging Made Easy

Page 1: Shake Shop: Scrap Scrounging Made Easy

W

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Page 2: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Problem Statement

How can we make scrap more accessible for SCAD students?

Page 3: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Field Visits

Page 4: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Field Visits

Page 5: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Field Visits

Page 6: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

POEMS

Montgomery gulfstreamalexander

PEOPLE

objects

environ-

messages

services

StudentsProfessors

ComputersCardboardsCupboardsGlueClay

ColdOrganized chaosActive

Handwritten signs

Recycle baskets for collecting stuff

StudentsProfessorsMaintainers

Tables and chairsBoxesModelsSewing machines

Studios ClassroomsLecture roomDrawing roomsResource library

Numbers on the box

Scrap boxesExchange

StudentsLab TechsProfessors

CardboardPaperChipboardMat boardFoam core

Bench roomClassroomsComputer labsProto LabGallery

Handwritten signs

Lab collection

Pink foamPaintsPropsWires

Fabric and accessories

Maintenance roomOfficesNarrow passageways

Acrylic sheet,Spray paint cansBroken wires

Page 7: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Interview Insights

“I wish there could be an easy way to track things.”

“I needed a small piece of cardboard, I went and bought a whole big sheet. Later

I came to know I could have got it for free from any shop.”

There is a lot of cardboard, pink foam, paint, etc. that can be reused.

“Classrooms are the most popular places

to find freebies.”

“During finals or after school ends when people are moving and need to get rid of things are the best times.”

“They leave the materials at the front

of the building with a note that says “Free!” or “Take me!”

They think the app should definitely

be focused only on the SCAD community to prevent shady local interactions.”

“50/50 between work and personal projects.”

“I like to browse and find cool patterns from past use.”

Page 8: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

LO-FI Prototyping

Page 9: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

MID-FI Prototyping

Page 10: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Visual Design

Page 11: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Logo Development

SH KEA SHOP

SH KEA SHOP

SH KEA SHOP

SH KEA SHOP

SH KEA SHOP

SH KEA SHOP

SH KEA SHOP

SH KEA SHOPSH KEA SHOP

SH KEA SHOP SH KEA SHOPCardboardCardboard

Cardboard

Cardboard

Cardboard

Cardboard

SH KEA SHOPCardboard

Cardboard

Cardboard

Cardboard

SH KEA SHOPCardboard

Cardboard1

2

3

4

5

6

7

8

9

10

11

12

Page 12: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Final Design

Page 13: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Heuristic Evaluation

help and documentation

5errorprevention

usefamiliar

metaphors

flexibility andefficiency

of use

210 7

Footer scrolls with the page; it needs to be fixed. (Software limitation)

There needs to be a way to back out of the screens.

Drag and drop feature needs to be addressed - it is not working properly.

Two heart icons next to each other is confusing - what is the one above used for?

Images on browsing page need to be fixed - they slide around.

How do you know that you need to shake upon opening the app to change categories, other than making an assumption from the app name?

“Processing” is too technical of a term - change language to be more user friendly.

Heart icons at the bottom of the page are redundant.

3

3

2

4

3

3

3

2

Page 14: Shake Shop: Scrap Scrounging Made Easy

20

The repetition of the heart icon is

misleading and confusing.

"processing" message and lack of upload

confirmation message are misleading and

confusing.

Current location and clickable scrap

condition options should be implemented

on upload page.

Photos on browsing page should be larger and clickable to show

details.

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

User Testing

Page 15: Shake Shop: Scrap Scrounging Made Easy

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Information Architecture

Shake shop

Scrapboard

-­‐  My  fav  Scraps    -­‐  My  uploads

Images

Profile

-­‐  Image  -­‐  Email-­‐  Password

Scrap  detail

Home

Carousal  of  image

Images

Upload

-­‐  Capture  image  

Click  a  new  picor  Upload  from  the  roll

-­‐  Select  category-­‐  LocaCon-­‐  CondiCon-­‐  DescripCon

Filter Sign  in/Sign  out

Header  (logo)

Footer  (link  to  all  the  pages)

Scrap detail

-­‐  Image-­‐  LocaCon-­‐  CondiCon-­‐  DescripCon

Scrap  detail

Page 16: Shake Shop: Scrap Scrounging Made Easy

Student Journey Map

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Need for materials

TOUCHPOINT

digital physicalprint

after before

during

Page 17: Shake Shop: Scrap Scrounging Made Easy

Student Journey Map

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Need for materials

TOUCHPOINT

views shake shop poster

digital physicalprint

Scans QR Code

scrolls through app

creates account

after before

during

Page 18: Shake Shop: Scrap Scrounging Made Easy

Student Journey Map

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Need for materials

curiosity to see more

TOUCHPOINT

views shake shop poster

digital physicalprint

Scans QR Code

scrolls through app

creates account

after before

during

Page 19: Shake Shop: Scrap Scrounging Made Easy

Student Journey Map

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Need for materials

curiosity to see more

TOUCHPOINT

views shake shop poster

digital physicalprintuploads scrap

shakes through categories

saves scrap

locates scrap

Scans QR Code

scrolls through app

creates account

after before

during

Page 20: Shake Shop: Scrap Scrounging Made Easy

Student Journey Map

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Need for materials

curiosity to see more

TOUCHPOINT

views shake shop poster

digital physicalprintuploads scrap

shakes through categories

saves scrap

locates scrap

Scans QR Code

scrolls through app

creates account

after before

duringscrap item found

Page 21: Shake Shop: Scrap Scrounging Made Easy

Student Journey Map

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

Need for materials

curiosity to see morescrap item found

TOUCHPOINT

views shake shop poster

finds a piece of scrap

digital physicalprintuploads scrap

shakes through categories

saves scrap

locates scrap

views new posters

Scans QR Code

scrolls through app

creates account

after before

during

Page 22: Shake Shop: Scrap Scrounging Made Easy

Journey Video

TEAM TEAL | IACT 701 | PROFESSOR MICHAEL FELIX | FALL 2014

curiosity to see more

TOUCHPOINT

views shake shop poster

digital physicalprintuploads scrap

shakes through categories

saves scrap

locates scrap

Scans QR Code

W a piece of scrap

Page 23: Shake Shop: Scrap Scrounging Made Easy