1. Human-Computer Interaction Neema Moraveji SAMS-CS 2003

2. Do these look familiar?

6. Are these the best ways? Maybe. Probably not. They are still improving. People keep trying to make the desktop easier to use!

7. Applications

8. Which one is better? We would have to find out by running experiments. One is not necessarily better just because it looks ‘cooler’.

9. Who has used this before?

10. MP3 Controls

11. Pretty cool and funky looking! But have you used this before?

12. MP3 Controls

13. Which interface is … Easier? More effective? Sleeker?

14. Allow me to introduce… User Interface (UI)  What is UI? “CS” definition:  “visible piece of software which makes the services of the underlying system easier to utilize efficiently (and effectively)” Neema’s definition:  “The way in which a piece of software looks, behaves, and reacts to the user.”

15. HCI is everywhere! Instant Messaging

19. HCI is everywhere! Instant Messaging Sharing files (“peer-to-peer”)

24. HCI is everywhere! Instant Messaging Sharing files (“peer-to-peer”) Playing music

27. UI research is a cool and important part of computer science!

28. What’s HCI? People who study UI are in the field of Human-Computer Interaction (HCI). They figure out how to make hardware and software UI effective, efficient, and easy to use It’s a new field that is becoming extremely important and changing quickly.

29. How are great interfaces made? Hard work!

30. ..\..\..\Grad I\Intro Lab\Final\culturalmod el.gif..\..\..\Grad I\Intro Lab\Final\culturalmod el.gif

33. Why is HCI Important? One might ask, “Does it really matter? As long as the software works, who cares what it looks like?” One reason Windows won ‘the war’ was because it improved the UI. High quality software has people working to create a fantastic user interface.

34. HCI: it’s not just for desktops!

35. Let’s look at the mobile phone All devices present new constraints  What are some constraints in these cases?

40. Let’s look at the mobile phone All devices present new constraints The mobile phone is very small, how do we provide information while still making it  easy to read  easy to use while in motion  usable with one or two fingers  attractive

42. Let’s look at the mobile phone All devices present new constraints The mobile phone is very small, how do we provide enough information on such a small screen while still making it  easy to read  easy to use while on the go  usable with one or two fingers  attractive Not one pixel can be wasted!

43. What will we do in this class? Design software for a mobile phone emulator! MP3 Player Instant Messenger Digital Book Reader Shopping List Application Address Book Voice Notes