Download - Announcements
![Page 1: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/1.jpg)
Announcements Office hours to be posted this weekend Starting Monday, bring clickers to class
every day Reminders:
GoPost bios due by 10pm UW Computing Lab due 10pm Mon Clicker Registration due 10pm Mon Week 1 Discussion due 10pm Wed
2012-03-30 Katherine Deibel, Fluency in Information Technology 1
![Page 2: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/2.jpg)
Katherine Deibel, Fluency in Information Technology 2
Regarding GoPost Discussions
Wednesday by Wednesday schedule Need to post at least once per week Can post multiple times
In the same thread In multiple threads
2012-03-30
![Page 3: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/3.jpg)
What the Digerati KnowFluency with Information Technology
2012-03-30 Katherine Deibel, Fluency in Information Technology 3
Katherine Deibel
INFO100 and CSE100
Katherine Deibel
![Page 4: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/4.jpg)
GUIs—Graphic User Interfaces
They’re how people interact with computers, phones, and eReaders, etc.
You’re familiarwith them but how did you learn to use them all?
HUMAN-COMPUTER
INTERACTIONHCI
2012-03-30 Katherine Deibel, Fluency in Information Technology 4
![Page 5: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/5.jpg)
Human-Computer Interaction
HCI is the study of how people use computers and making them better What interfaces increase productivity? Is a mouse, a stylus, or touchpad better?
Two key notions for evaluating any computer tool or GUI: Utility Usability
2012-03-30 Katherine Deibel, Fluency in Information Technology 5
![Page 6: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/6.jpg)
Qualities of Good GUIs Utility:
Does it do what users need? A spreadsheet GUI is the wrong tool for
laying out a magazine Usability:
Is it easy to use? Far more complex to study
2012-03-30 Katherine Deibel, Fluency in Information Technology 6
![Page 7: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/7.jpg)
Katherine Deibel, Fluency in Information Technology 7
Usability Heuristics Visibility of system status / Feedback Match between system and real world User freedom / Undo and Redo Consistency of interaction Error Prevention / No self-destructs Recognizable features / Common Icons Flexibility / Novice and Expert usage Aesthetically pleasing with a purpose Minimal / What you see is what you need Support error recovery
2012-03-30
![Page 8: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/8.jpg)
Usability in Practice The end user (YOU!!) is the ultimate
decider of whether a GUI is usable Some caveats
Do not trust first impressions Always expect a learning curve Usability may increase as you learn the
specifics of a program
2012-03-30 Katherine Deibel, Fluency in Information Technology 8
![Page 9: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/9.jpg)
So How Can We Learn A GUI?
Reading the manual? Booorrrring! Taking a class? Baaadd! Applying your knowledge and past
experience? Yes! How did you learn to use your music player? Designers know you come to technology with
some experience – you live in a technical world, and people are curious – so designers make their tools familiar
How?2012-03-30 Katherine Deibel, Fluency in Information Technology 9
![Page 10: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/10.jpg)
Learning Software Software designers want you to learn
their tool ASAP and therefore strive to make it intuitive Consistent interfaces build on user's
previous user experience Icons bypass terminology for pictures Metaphors exploit analogous reasoning
2012-03-30 Katherine Deibel, Fluency in Information Technology 10
![Page 11: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/11.jpg)
Icons Icons tell us a lot about software
functionality by cultural association
2012-03-28 Katherine Deibel, Fluency in Information Technology 11
![Page 12: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/12.jpg)
Metaphors Abound Desktops Recycle bins Windows Clipboard Sleep mode Home page Notepad
2012-03-30 Katherine Deibel, Fluency in Information Technology 12
![Page 13: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/13.jpg)
Standard Functionality
Any guesses as to what program these menus came from?I honestly have no clue.
2012-03-30 Katherine Deibel, Fluency in Information Technology 13
![Page 14: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/14.jpg)
Invasion of the Pod ProgramsAll the software is the same
2012-03-30 Katherine Deibel, Fluency in Information Technology 14
![Page 15: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/15.jpg)
Why are applications similar? Form follows function Developer tools promote reuse
2012-03-30 Katherine Deibel, Fluency in Information Technology 15
![Page 16: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/16.jpg)
Form Follows Function To solve a task, certain operations must
always be provided Text processing requires
typing / accepting keyboard characters selecting, copying, pasting, finding, etc.
Web browsers require giving a URL [in the location window] navigation, clicking links, scrolling,
displaying images, etc.2012-03-30 Katherine Deibel, Fluency in Information Technology 16
![Page 17: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/17.jpg)
Developer Tools Promote Reuse
Applications are built by programmers using a common set of tools Sample tools: save file, open file, print, scroll
the window, menus, resizing, help, … Programmers build their own solutions when it
is important, but the rest of the time they use the standard tool set
Operating systems perform standard operations (reading and writing files) for all applications s in just one way
2012-03-30 Katherine Deibel, Fluency in Information Technology 17
![Page 18: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/18.jpg)
Implications of StandardizationFluency is much much easier
2012-03-30 Katherine Deibel, Fluency in Information Technology 18
![Page 19: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/19.jpg)
Mac or PC—what's the difference?
Mac’s and PCs are waaay more alike than they are different
The companies try hard to emphasizethe differences
Any Fluent personcan use either OS(and Linux, too)!
2012-03-30 Katherine Deibel, Fluency in Information Technology 19
![Page 20: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/20.jpg)
Extremes of Standardization
You can impress your friends with your foreign language skills
2012-03-30 Katherine Deibel, Fluency in Information Technology 20
![Page 21: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/21.jpg)
Web Applications Like desktop applications, Web
applications use consistent features Similar to desktop features Borrow heavily from Web navigation
ideas Look at a Web application that
you’ve never seen before … what do you recognize?
2012-03-30 Katherine Deibel, Fluency in Information Technology 21
![Page 22: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/22.jpg)
What’s Familiar
2012-03-30 Katherine Deibel, Fluency in Information Technology 22
![Page 23: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/23.jpg)
What’s Familiar
2012-03-30 Katherine Deibel, Fluency in Information Technology 23
![Page 24: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/24.jpg)
What’s Familiar
2012-03-30 Katherine Deibel, Fluency in Information Technology 24
![Page 25: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/25.jpg)
What’s Familiar
What Do You
Recognize?
2012-03-30 Katherine Deibel, Fluency in Information Technology 25
![Page 26: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/26.jpg)
When there’s no GUI… You can still guess a lot!
2012-03-30 Katherine Deibel, Fluency in Information Technology 26
![Page 27: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/27.jpg)
Katherine Deibel, Fluency in Information Technology 27
Getting FamiliarSpeed Dating with Software
2012-03-30
![Page 28: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/28.jpg)
Teach Yourself Applications
What do you know to start? Your experience tells you …
Applications use a consistent interface If you see an icon you recognize, its
meaning is probably the same as last time Form follows function means if you know
what the application does, you should be able to guess a lot
2012-03-30 Katherine Deibel, Fluency in Information Technology 28
![Page 29: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/29.jpg)
“Click Around” Because of the consistent interface,
all you need to do is look To learn a new application, explore it
out by clicking around Take a minute to ...▪ Look under all menus to see operations▪ Follow the “…” for menu operations▪ Try to recognize what the icons mean
2012-03-30 Katherine Deibel, Fluency in Information Technology 29
![Page 30: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/30.jpg)
“Blazing Away” What does it mean?
Learn an application fast by trying it Beginning with a new instance,
assertively trying menu items Expect to fail and make a mess Exit the application, and if you are asked
“Save?” reply “No” Try repeatedly until it becomes familiar
2012-03-30 Katherine Deibel, Fluency in Information Technology 30
![Page 31: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/31.jpg)
[Almost] Nothing Will Break Clicking Around and Blazing Away
will not break anything, so be bold! Usually, the software catches errors Operations are often reversible “Deleted” information is usually sitting
there in the trash Undo is the first try at recovering, then
restarting the application, then rebooting, then cycling power
2012-03-30 Katherine Deibel, Fluency in Information Technology 31
![Page 32: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/32.jpg)
But Still Be Careful Undo has limitations Make backups/copies of files you work on Some playing around can be permanent
Control panel Configuration Options
Take written notes if you need to go back to a previous state
2012-03-30 Katherine Deibel, Fluency in Information Technology 32
![Page 33: Announcements](https://reader036.vdocuments.net/reader036/viewer/2022070422/56816468550346895dd653e5/html5/thumbnails/33.jpg)
Summary As you have used some software, you
should assume you can use any software Will it always be true?
No, some tools (E.G. Photoshop, GIMP) take some study
The reasons you can teach yourself apps Consistent Interfaces Form Follows Function Nothing will break, so you can be BOLD
2012-03-30 Katherine Deibel, Fluency in Information Technology 33