Medium-fi Prototype 10 Lines by: Team Art Attack! Selina Her

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Rapid Prototyping Dimensions and terminology Non-computer methods
AN OVERVIEW BY JAMIE STARKE The Role of Prototyping.
SmartSenior Angela Gong, Joanie Hollberg, Maggie Skortcheva, Rassan Walker.
Nicole Hu, User Testing John Newcomb, Documentation Lakshmi Prathivadi, Team Manager Prasanth Veerina, Development GoalFriends Design Team Making exercise.
Prototyping CSCI 4800 Spring 2007 Kraemer. Learning Goals Understand the uses of different types of prototypes for different kinds of designs and be able.
1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
CanTour PERSONALIZE YOUR CANTOR EXPERIENCE. PROBLEM & SOLUTION Visitors experience museum fatigue and overwhelming options CanTour proposes to personalize.
Bringing families together CS 147: Introduction to HCI KinX Team Members Brandon, Development Jackie, Design Tony, User Testing / Documentation Shahab,
Planning Interactive Multimedia
Social Event Discovery
Wrapping up prototyping
ClassLens Hope C. | Amy L. | Yash T..
Petivity Medium-Fi Prototype
LevelOne: Medium-Fi Prototype
Petivity Midway Milestone
Team Covalence TED LI COURTNEY NOH LOGAN SHORT EMMA TOWNLEY-SMITH.
Medium-Fi Prototype Inclusive Design.
SkillSwap: Med-Fi Prototype
Design, prototyping and construction
Home Clear Medium-Fi Prototype
Addison, Joanne, Katherine, SunMi
Group Travel is hard Invites and Confirmation Lodging
The Role of Prototyping
EcoKick Medium-Fi Prototype
Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016
Team Friendship Minmin, Santos, Andrés
Slaptitude by Focus Pocus
clicked Gordon D. Michael K. Jake M. Krister J.
Collaborative Collections
Making diabetes management fun and easy for kids
Chapter by Loco Power Week 6: Medium-Fidelity Prototypes
10 Lines Brought to you by: Team Art Attack!
POV’s and Experience Prototypes
INTERACTIVE MEDIUM-FI PROTOTYPE
Hi-Fi Prototype Midway Milestone
NightOwl Medium-Fi Prototype
Interactive Medium-Fi Prototype
RECHORDS Assignment #6: Med-Fi Prototype
spark: never miss a moment
Hi-Fi Midway Milestone The Dream Team
consistenZZZ’s Low Fidelity Prototype Testing
Interactive High-fi Prototype
Computer Science Department
Where We’re Going Problem Definition Value Proposition Tasks
Medium-Fi Prototype Rachel J and Esther G
NightOwl Get help now..
Medium - Fi Rambl Prototype
Hi-Fi prototype Midway Milestone Ashlee Reynolds Brad Huang Charlie Yu
PayAbility Medium-Fi Prototype
docket Assignment 6: Medium-fi Prototyping
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
STAYRIGHT.
Med-Fi Prototype Presentation
Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone)
OX Isaac Goldstein Ian Hodge Cody Hankins Mischa Nee
Team #3: Interactive Medium-Fi Prototype
Flutter Medium-Fi Prototype
Magic Hw: Med-Fi Prototype
Pife:Med-Fi Prototyping
Health Near-sightedness Interactive Medium-Fi Prototype
transforming living spaces
Shane B., Esther K., Curtis S., Jennifer W.
Personal Picture Portfolio
CS Fall 2018 Austin Jones Caroline Willis Emma Alderton
Hi, I’m Artbot. – Midway Milestone Team Articulate.
Flutter High-Fi Prototype
Interactive Medium-Fi Prototyping
Music Playlist Creation in Real-Time
Design, prototyping and construction
Presentation transcript:

Medium-fi Prototype 10 Lines by: Team Art Attack! Selina Her Nyasha Smith Ben-Han Sung Sarah Wymer 10/29/2015

Problem & Solution Overview Value proposition: Collaborative drawing for kickstarting creativity.

Tasks Simple: Browse art Medium: Draw with a friend was: Look at other people’s art (for fun or inspiration) Medium: Draw with a friend was: Draw pictures with another person without being in the same place Complex: Create with the public was: Start visual dialogue with creative community

Revised Interface Design: Refined Ideas

Revised Interface: Major Developments Combo newsfeed/new sketch feature Lots of streamlined task flows screens eliminated 1 line per turn; 10 lines total Creation of visual language Circular buttons Instructions in gray Appropriate color use for emphasis Golden frames vs black border

Browse others’ work for inspiration Task 1 Browse others’ work for inspiration *example of current events commentary use case

Task 2 Draw with a friend

Task 3 Create with the public: 2 options

Prototype Overview Our tools: Illustrator

Wizard of Oz Techniques Prototype Overview Benefit better feel for the task flow, the vibe of the app Wizard of Oz Techniques real-time collaboration simulated drawings Limitations InVision bugs limited screens/ multi-purpose screens

Prototype Overview Hand-coded features: Message to friend* Line Friend list Line drawings *see next slide

Additional Prototype Screenshots

Website+Prototype http://web.stanford.edu/class/cs147/projects/creation/Art_Attack/