Lauren Bricker. Introduction “Presentation” (10 minutes) Low fidelity prototyping and App Inventor Determine teams (5 minutes) One App Inventor “expert”

Slides:

Advertisements

Similar presentations

Organizing your Interactive Note Book Environmental Science and Biology Classes.

Advertisements

Introductions Tom.. A little bit about… A bit about you… background, how you will be using this interests concerns The Plan…

Composing Architecture Project 1 Architecture 2b Kris Thomas

Prototyping: What? Why? and How? Emma J. Rose UW Technical Communication.

IMGD 1001: Concept Art. IMGD Outline  The Pipeline  Concept Art(next)  2D Art Animation, Tiles  3D Art Modeling, Texturing, Lighting.

Trinity Team 1/15 Eunyoung Cho Kyu Hou Minho Jeung Heejoon Jung Paper Prototyping Nov. 1, 2005 EVR #3 The Fast and Easy Way to Design and Refine User Interfaces.

Day 5 Specifying designs. Objectives  Learn about the need for prototypes and user testing with these  Learn about different ways in which prototypes.

SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 24, 2004.

Paper Prototyping A tool for iterative design Wai Yong Low.

SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 20, 2003.

Visual Basic Prototyping Visual Basic uses both a Visual Editor and is Code Based. With several simple lines of code, Visual Basic will navigate between.

SIMS 213: User Interface Design & Development Marti Hearst Tues Feb 20, 2001.

Usability Seminar March 20, 2007 Paper Prototyping a case study at Cornell University Library Melissa Kuo DLIT.

SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 21, 2002.

2/23/991 Low-fidelity Prototyping & Storyboarding SIMS 213, Spring ‘99 Professor James Landay, EECS Dept. February 23, 1999.

Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.

Web Design cs414 spring Announcements Project status due Friday (submit pdf)

Spring 2013 Shaun Kane Week 9: Audio / nonvisual interfaces

Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.

1 CSE 403 UI Prototyping Reading: Paper Prototyping, C. Snyder These lecture slides are copyright (C) Marty Stepp, They may not be rehosted, sold,

User Interface January 14, 2011 CSE 403, Winter 2011, Brun Three Mile Island.

1 CSE 403 UI Prototyping Reading: Paper Prototyping, C. Snyder These lecture slides are copyright (C) Marty Stepp, They may not be rehosted, sold,

The Four Types of Learning Tasks. The Four “I’s” Inductive: a learning task that connects learners with what they already know and with their unique context.

1 Low-fidelity Prototyping. 2 Interface Hall of Shame or Fame? PowerBuilder List of objects with associated properties.

When a graphic designer creates an image it has to be creative, catch the viewers eye, project a message clearly, and be cost effective. In this activity.

DMS 546/446 INTERFACE DESIGN AL LARSEN – SPRING 2008 PAPER PROTOTYPING Lecture draws from multiple sources, including: Jakob Nielsen, Shawn Medero (

Rapid Prototyping as Design Process JEFF GINGER | MAKERSPACE 490 | FALL 2015.

Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.

HCI 특론 (2010 Spring) Low-fi Prototyping. 2 Interface Hall of Shame or Fame? Amtrak Web Site.

Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL.

CS298: HCI Design Clinics Paper Prototyping 03/01/10 Berkel ey UNIVERSITY OF CALIFORNIA.

1 Lecture 16 Prototyping Software Engineering. 2 Outline Definitions Uses of prototyping in the design process Prototyping approaches Prototyping “technologies”

Prof. James A. Landay University of Washington Autumn 2008 Low-fi Prototyping November 4, 2008.

Slides for User interface design A software engineering perspective Soren Lauesen 2. Prototyping and iterative design August 2006 © 2005, Pearson Education.

Technovation Incorporating Feedback Week 4. Check-in: paper prototype By now, your paper prototype should be complete, so that you can begin creating.

1 TCSS 360, Spring 2005 Lecture Notes UI Design and Paper Prototyping Relevant Reading: Paper Prototyping C. Snyder.

Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL.

1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.

Exploration of Prototyping Techniques for eLearning and other Applications Jeán-Remy Duboc, Research Student 24 th March 2011.

ICS 463, Intro to Human Computer Interaction Design: 5. Design Processes Dan Suthers.

1 Paper (low-fidelity) Prototypes. 2 When we are designing When we are thinking about design We are visualizing the interface inside our head (imaginary)

CSE 403 Lecture 6 User Interface Prototyping Reading: Paper Prototyping, C. Snyder slides created by Marty Stepp

Usability & Prototyping Uday M. Shankar Yahoo! Bangalore India.

Incorporating Feedback Lesson 5 0. Check-in: paper prototype By now, your paper prototype should be complete, so that you can begin creating your app.

Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Low-fi Prototyping April 24, 2008.

©2001 Southern Illinois University, Edwardsville All rights reserved. Today Wednesday Running A Paper Prototyping Session Paper Prototyping Video: Paper.

Interactive prototype Dian HartonoChris RovillosCatriona Scott Grace Jang.

Low-fidelity Prototyping. Outline Low-fidelity prototyping Wizard of OZ technique Informal user interfaces Sketching user interfaces electronically Informal.

Prof. James A. Landay Richard Davis Kate Everitt University of Washington Autumn 2004 UW Undergraduate HCI Projects A CSE 490jl Overview December 9, 2004.

©2001 Southern Illinois University, Edwardsville All rights reserved. Today Tuesday CS 321 Human-Computer Interaction Paper Prototyping Video: Paper Prototyping.

Accelerator # 2 Ideation Taking your concept from initial idea to mapping to prototype and testing It’s time to have a little fun with your idea as you.

Interaction Design Workshop BIME 591 Winter 2014.

Learning Styles. V-A-K or How We Process Information V-A-K stands for three channels people use to process information. While learners typically use all.

Lecture on UI Design and Paper Prototyping

INF385G: Topic Discussion Huang, S. C.

Introduction to Event-Driven Programming

Next Level Tic-Tac-Toe

Design and Prototyping, Part 2

Introduction to Prototyping

The engineering design process

Music Cards Music Cards

Music Cards Music Cards

Music Cards Music Cards

Music Cards Music Cards

Music Cards Music Cards

Music Cards Music Cards

Music Cards Music Cards

Music Cards Music Cards

Music Cards Music Cards

Music Cards Music Cards

Presentation transcript:

Lauren Bricker

Introduction “Presentation” (10 minutes) Low fidelity prototyping and App Inventor Determine teams (5 minutes) One App Inventor “expert” per team Low fidelity prototyping exercise Develop prototype (10 minutes) Test with another team (10 minutes) Coding (80 minutes) Sharing apps and Debrief (15 minutes)

Weekend long “innovation efforts” Competition exists, but “Really about making something cool to you” Usually hours Registration Opening introduction and presentation Coding Spaces with “learning seminars” Rooms with mentors (iOS room, HTML room)

Sketches of your user interface Quick exploration with minimal investment Communicates design concepts and structure Can test and iterate quickly Facilitates brainstorming Invites discussion!!!

Paper: heavy paper for base interface screens Overlays: show changes in content Post-it notes: show changes in content Adhesives: glue sticks, correction tape Colored markers and pencils: enable highlighting, drawing in color Scissors: cut content to size Library: Pre-fabricate menus, buttons, tabbed panes, dialogs, etc.

have a user perform a task with prototype manipulate prototype to make it interactive identify trouble points and solutions revise prototype and perform again

Demo…. Good for rapid prototyping Somewhat limited but … Design screens, us blocks to program Storage can be done using TinyDB

List manager Musical Instrument or Metronome Tic Tac Toe game Clock or timer Happiness Machine Magic 8 Ball Truth or Dare app ???

Startup Weekend Sports Nov 14 Startup Weekend EDU Nov 21 Code Day Seattle, Feb

mockup-designs-quickly-with-yahoo- stencils/3483/ A course taught by James Landay, Stanford