Lecture 2, week of September 16th
Lecture 2, week of September 16th CIS 400
Popular in Human Computer Interaction
Popular in Computer Science and Engineering
One Day of Notes
verified elite notetaker
This 5 page Class Notes was uploaded by Elizabeth Speer on Wednesday September 16, 2015. The Class Notes belongs to CIS 400 at Syracuse University taught by Dr. Frank Biocca in Fall 2015. Since its upload, it has received 49 views. For similar materials see Human Computer Interaction in Computer Science and Engineering at Syracuse University.
Reviews for Lecture 2, week of September 16th
Report this Material
What is Karma?
Karma is the currency of StudySoup.
Date Created: 09/16/15
Wednesday September 16th Understanding and conceptualizing interaction 0 Understanding the problem space 1What do you want to create What are your assumptions What are your claims 2Will it achieve what you hope it will If so how 0 Ex 3D TVs Problem with the visual system it creates headaches you need to use 3D glasses actually has a bit of effort 0 Samsung TV fixes these problems curved screen so you don t need glasses and creates less headaches o A framework for analyzing the problem space 1Are there problems with an existing product or user experience 2Why do you think there are problems 3 How do you think your proposed design ideas might overcome these 4 Ex Twitter solves some problem blogs have creates blogs smaller by just sending out headlines the concept behind twitter People don t want to read long blogs eye tests show that people just look at the pictures and headlines 5When designing for a new user experience how will the new interface change things Physical to Virtual Human activity to virtual augmentation 0 Areas that don t have interfaces now do like running watches that measure distance and heartrate 0 Human activity gt Changing one interface for another navigation systems indoor like at Macy s gives directions for where to find certain clothing items 0 From manually manipulating physical objects to virtual objects 1 3D interaction put gloves on and it tracks your movements while you interact with virtual objects 0 Pure virtual augmentation shifting information from one sensory channel to another 1 Ex visualize sound oscilloscope 0 Areas of human activity Problem spaces in order from newest to oldest so interorganizational space is the area of interface that was first developed 1 Individual Common everyday tasks mood management and entertainment transactions 2 Domestic Activity Space Work play interpersonal space Ex things that you can control remotely in the home like lighting blue lights altering mood by changing color and intensity Phillips does this 3Social Entertainment space Like Facebook dating gaming creative sports 4Work Activity Space Like Microsoft work space training One of the first interfaces because someone else is paying for it the company you work for At the very beginning of interface development the technology was expensive so organizations like the military and corporations could afford to spend millions of dollars on this stuff Even right now with robotics only organizations with a lot of money can afford to build and own the best robotics that are out right now 5 Interorganizational space Police databases cybersecurity governmental interface Also used to monitor other s activity For example if you re on a treadmill and you see a virtual person running faster than you on the screen you run faster JPMorgan invested in this area to make pe0ple work harder in their company 0 Xerox Star Interface Video Three questions HCI asks 1 How do you interact with the world Buttons clicks etc 2 How do you feel interacting Ex Early TV interaction was seen as cool The feedback the technology gives 3 How do you know How does the user know what to do Creating a path for the user to take with the technology From Problem space to Design space oHaving a good understanding of the problem space can help inform the design space eg what kind of interface behavior functionality to provide But before deciding upon these is important to develop a conceptual model Case Flicker how can we change picture sharing 1Assumptions Able to capitalize on the hugely successful phenomenon of blogging just as people like to blog so will they want to share with the rest of the orld their photo collections and get comments back People like to share their photos with the world Conceptual model 0 Need to think about how the system will appear to the user how will they understand it o A conceptual model is a high level description of how a system is organized and operates o What is and why do we need a conceptual model 1 Not a description of the user interface but a structure outlining the concepts and the relationships between them 2Why not start with the nuts and bolts of the design For ex architects and interior designers would not think about which color curtains to have before deciding where the windows will be placed in a new building 0 Communication in the team 1 Enables designers to straighten out their thinking before they start laying out the widgets 2 Provides a working strategy and framework of general concepts 0 Helps the design team how the conceptual model will be understood to the users establish a set of common terms 0 Main components Metaphors concepts relationships 1 Major metaphors that are used to convey how to understand what a product is for and how to use it for an activity 2 Concepts that users are exposed to through the product the relationships between the concepts the mappings between the concepts and the user experience Interface metaphors Metaphors are used to help you think about how something works even though that s not how it literally works Steve Jobs and the desktop metaphor On your computer you have Word writing pad files like real files and documents calendar etc That interface made it easier for people to understand how to use their computer It s not a literal desktop but the user knew what to do with the computer based on that metaphor Exploit user s familiar knowledge helping them to understand the unfamiliar People find it easier to learn and talk about what they are doing at the computer interface Benefits of interface metaphors 1 Makes learning new systems easier 2 Helps users understand the underlying conceptual model 3Can be innovative and enable the realm of computer and their applications to be made more accessible Problems with interface metaphors 1 Break conventional and cultural rules ex recycle bin on desktop The spreadsheet analogous to ledger sheet Interactive and computational easier to understand extending what accountants and others could do On a ledger sheet if you change one number you have to change them all takes a lot of time Now on the computer you change a number and the others automatically change Change from physical object to virtual object Trello problem space group project Goal quick view of status easy to manipulate The metaphor bulletin board An interface that organizes projects and lists Also has things that real bulletin boards don t have like history For example if someone moved something on the bulletin board you can see who did that 1 Change the way people conceptualize information move things from real realm to virtual realm or things from virtual realm to a better realm 2 Metaphors Used to present what you already know and apply it to this new thing