Interaction Design Workshop

Slides:



Advertisements
Similar presentations
How to upgrade from MPhil to PhD Status
Advertisements

1 Human-Centered Design I Presented by: Craig Titus EPICS High Workshop – Summer 2010 Lecture: Human-Centered Design Presented By: Craig Titus.
The Design Process Web design TGJ201. The Design Process Web design  Clearly define the problem or challenge Design a website for a music star.
Software Engineering 2003 Jyrki Nummenmaa 1 USE CASES In this lecture: Use cases - What are use cases? - Why to use use cases? - How to write.
SE 204, IES 506 – Human Computer Interaction Lecture 5: Class Practice on the Design Process Lecturer: Gazihan Alankuş Please look at the end.
Software Engineering – University of Tampere, CS DepartmentJyrki Nummenmaa USE CASES In this lecture: Use cases - What are use.
Instructore: Tasneem Darwish1 University of Palestine Faculty of Applied Engineering and Urban Planning Software Engineering Department Requirement engineering.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
UML Class Diagram Tutorial by Florin Zidaru. Outline 1. UML Class Diagram. What is it? Why do we need it? 2. Tutorial Description and Presentation. 3.
Interaction Design Workshop BIME 591 Winter 2014.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
 Define Wireframes, Mockups, and Prototypes  Techniques  Low vs. High Fidelity  Sketchy vs. Polished  Exercise: Define the Process.
CS 134 Design Documents.
Getting started with ideas…
Civic Practicum: Project Design and Proposal Writing
TOOLBOX WEEK 1 - THE PERSONA The first stage:
Digital media & interaction design
ENG 105i Writing in Business
DELI DIALOGUE CAMPAIGN
Team Introduction, Roles, Project Brainstorming
How can we do CPD better?.
Evaluation without Users, Part 2
2017 DifferenceMaker $6K Idea Challenge
By Jacqueline McCann Middle GA RESA
9/11/2018 CREATIVES / PUBLICITY
C ODEBREAKER Class discussion.
OUTCOME MEASUREMENT TRAINING
Engineering Design Process
Design Thinking.
The Development Process
Object-Oriented Design
The passive voice The Passive is not a tense. You will find it easier to understand the passive if you already know the basic English verb tenses.
Design Process: The Scientific Method of Building
<Application Name>
Engineering Design Process
Engineering Design Process
Big Data on the Web News Gathering.
Developer.
Run For Your Life Early Warning System OR Damage Zones
Slide 1 -Introduce yourself, as volunteers
The Role of Prototyping
State Modeling Presented by Francine Wolfe
Instant Design Challenge
Usability Techniques Lecture 13.
Jaime Espinoza Sheena Kapur Adam Nelson Jamie Pell
Designing User Experience (UX)
INTRODUCTION TO INFORMATION ARCHITECTURE
Show me the Moodle An orientation to the RETA Moodle
D16 – Bellringer! Why do we play games, in your opinion?
Project Title Group member names
Tumblr.
LIHEAP Virtual Library
Introducing the NCETM.
How to Test Usability Modified from Keith Instone, Argus Associates.
What is the number whose area is 16 unit square?
The establishment of an electronic Newsletter
What’s going on at the dschool?
Applied Software Project Management
Mission Month HOW can you be a faithful sower?
D13 – Bellringer! Why do we play games, in your opinion?
<Application Name>
BUILDING STRONG HOME GROUPS
ThE Research Paper.
What’s going on at the dschool?
SOFTWARE ENGINEERING LECTURE 4
Software Onboarding and Instructional Design
Design Challenge.
Design Challenge.
Effective Learning Service
Presentation transcript:

Interaction Design Workshop BIME 591 Winter 2014

Last Time… We had an excellent guest lecture! … But before that, we aggregated concepts into themes and frameworks Now we take those themes and frameworks, and we start designing our solution… Last Time…

Now that you have defined your idea a bit more, let’s talk about the potential solution… Define the major elements of your informatics solution. What is your solution going to do? After your brainstorm, choose 3-5 of these features to focus on. Brainstorm parts of your solution. MAKE SURE THE AIM IS CLEAR! Maybe give them a form to fill out. Brainstorm!

(Stolen from the IDEO HCD Toolkit)

(Stolen from the Stanford D-School Bootleg)

Design Activities Now that you have a list of features to design to… Individually, choose 1 of the following activities that you think best fits your project (or that your would just like to try) Use it to flesh out 1 feature from the brainstorming list When you are done, either: pick up another activity redo the one you already did from a new perspective, redo the one you already did with a new feature And keep designing! Divide the brainstorm from the activity! Design Activities

(Taken from ThoughtForm Toolbox)

Why? Why-How Ladder How? (Taken from Stanford D-School Bootleg)

(Taken from Frog Design Collective Action Toolkit)

Impose Constraints

Usability. gov has a nice site on defining use cases Usability.gov has a nice site on defining use cases. It’s way too much to paste on this page, so read it here: http://www.usability.gov/how-to-and-tools/methods/use-cases.html “A use case is a written description of how users will perform tasks on your website.  It outlines, from a user’s point of view, a system’s behavior as it responds to a request. Each use case is represented as a sequence of simple steps, beginning with a user's goal and ending when that goal is fulfilled.” Create Use Cases

Next Time… You will discuss what you’ve created with your group We’ll look at creating digital wireframes and/or prototypes. Next Time…