Käyttöliittymien perusteet 26.10.2011 [email protected]1 TAUCHI – Tampere Unit for Computer-Human Interaction TAUCHI – Tampere Unit for Computer-Human Interaction 1 WIMP-käyttöliittymät: Ikkunointi Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto TAUCHI – Tampere Unit for Computer-Human Interaction TAUCHI – Tampere Unit for Computer-Human Interaction 2 Tarjolla tänään • WIMP – Windows, Icons, Menus, Pointing Device – Mikä on ikkuna? – Ikkunan osat – Navigointi ikkunoiden välillä, ikkunanhallinta • Esimerkkejä erilaisista ikkunointijärjestelmistä TAUCHI – Tampere Unit for Computer-Human Interaction TAUCHI – Tampere Unit for Computer-Human Interaction 3 WIMP-käyttöliittymien historiaa TAUCHI – Tampere Unit for Computer-Human Interaction TAUCHI – Tampere Unit for Computer-Human Interaction 4 Tietojenkäsittelyn historiaa… • Isot tietokoneet, kaukana konesaleissa – Eräkäyttö (batch processing) – osituskäyttö (time sharing) – käyttäjän kannalta vuorovaikutteista • the IBM Personal Computer 1981 – DOS… kunnes Windows 3.0 vuonna 1990 – v. 1983 myyty jo 1 300 000 PC-konetta Paul Allen & Bill Gates Microsoft 1975 Steve Wozniak & Steve Jobs Apple 1975 Xerox PARC Palo Alto Research Center first Alto 1972-1973 The best way to predict the future is to invent it. TAUCHI – Tampere Unit for Computer-Human Interaction TAUCHI – Tampere Unit for Computer-Human Interaction 5 Xerox 8010 – Xerox ”Star” • April 1981 • Double-clickable icons, mouse, overlapping windows, dialog boxes and a 1024*768 monochrome display. • J. Johnson, T. L. Roberts, W. Verplank, D. C. Smith, C. Irby and M. Beard, K. Mackey, The Xerox "Star": A Retrospective. Human Computer Interaction: Toward the Year 2000, Morgan Kaufman Publishers. http://www.digibarn.com/friends/curbow/star/retrospect/index.html TAUCHI – Tampere Unit for Computer-Human Interaction TAUCHI – Tampere Unit for Computer-Human Interaction 6 Historiaa lyhyesti… • WIMP-käyttöliittymien kaupallinen kehitys – Xerox ”Star”, 1981: työpöytä ja ikkunointi – Yksittäisen pikselin tarkkuus grafiikassa; 72 dpi – käyttöliittymässä uusia mahdollisuuksia visuaaliseen suunnitteluun: fontit ja typografia, eri kielet, vektorigrafiikka ja muu kuvitus (mutta näyttö oli mustavalkonäyttö, ei vielä värejä käytössä vaan mustan eri vaaleusasteita) – Ethernet ja lasertulostus Kuvan lähde: www.digibarn.com http://www.digibarn.com/friends/curbow/star/retrospect/index.html http://www.youtube.com/watch?v=Cn4vC80Pv6Q
12
Embed
Käyttöliittymien perusteet 26.10 - uta.fi · Käyttöliittymien perusteet 26.10.2011 [email protected] 1 TAUCHI – Tampere Unit for Computer-Human Interaction 1 WIMP-käyttöliittymät:
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
The best way to predict the future is to invent it.
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
5
Xerox 8010 – Xerox ”Star”
• April 1981
• Double-clickable icons, mouse, overlapping windows, dialog boxes and a 1024*768 monochrome display.
• J. Johnson, T. L. Roberts, W.Verplank, D. C. Smith, C. Irby and M. Beard, K. Mackey, The Xerox "Star": A Retrospective. Human Computer Interaction: Toward the Year 2000, Morgan Kaufman Publishers.
työpöytä ja ikkunointi– Yksittäisen pikselin tarkkuus
grafiikassa; 72 dpi– käyttöliittymässä uusia
mahdollisuuksia visuaaliseen suunnitteluun: fontit ja typografia, eri kielet, vektorigrafiikka ja muu kuvitus (mutta näyttö oli mustavalkonäyttö, ei vielävärejä käytössä vaan mustan eri vaaleusasteita)
– Ethernet ja lasertulostus
Kuvan lähde: www.digibarn.com http://www.digibarn.com/friends/curbow/star/retrospect/index.html
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
26
Macintosh OS X Sheet – ”Lakana”
[Apple HIG]
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
27
Aktiiviset ikkunat Macissa
Päällimmäisenä oleva ikkuna (”Key window”) ottaa käyttäjän syötteen Fontin muutos vaikuttaa samalla hetkellä pääikkunassa. Fonts-dialogia ei tarvitse sulkea, kun palataan pääikkunaan.
[Apple HIG]
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
28
Ikkunoiden hallinta Mac OSX
• The foremost document or application window that is the focus of the user’s attention is referred to as the main window.
• The main window is often also the key window. The key window is the window that accepts user input, whether from the keyboard, mouse, or alternative input device. The “close window” keyboard shortcut, Command-W, targets the key window.
• Main and key windows are both active windows.
• An active window is visually distinct from an inactive window in that its title bar (and its toolbar, if there is one) displays the standard window-frame color, while the title bar (and toolbar) of an inactive window displays a lighter shade of the window-frame color.
[Apple HIG]
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
29
Eriasteisia modaalisia dialogeja
• Fonts-dialogi on esimerkki moodittomasta dialogista (lapsi-ikkunasta)– auki rinnalla eikä estä pääikkunan käyttöä
• Macintoshissa tunnetaan kaksi modaalidialogin muotoa– Document-modal– Application-modal
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
44
Mietittäväksi…
• Mihin suuntaan teksti liikkuu vieritettäessä?
• Miten paljon se liikkuu vierityspalkin eri osista?– Vieritysruudusta raahaamalla– Vieritysnuolia napauttamalla
• Miten saa aikaan automaattisen vierityksen?
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
45
Vierittimiin liittyviä ongelmia
• Kenguruefekti: vieritysruudun kulkeutuminen hiiriosoittimen alle tai ohitse, kun vieritetään sivu kerrallaan
• Vierityksen pysähtyminen, jos hiiriosoitin harhautuu liian kauas vieritysruudusta
• Liian vähäinen palaute siitä, missä kohdassa dokumentissa ollaan
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
46
Miten palautetta voisi lisätä?
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
47
Miten voisi helpommin löytää takaisin?
Alexander et al. (2009). Revisiting read wear: analysis, design and evaluationof a footprints scrollbar. CHI’09. ACM DOI.
Footprints scrollbar- Merkintä automaattista - Käydyn paikan merkki- Thumbnail-pikkukuva- Värikoodaus,”jälki vanhenee”- Vain 10 kpl/dokumentti- Vanhimmat häipyy kokonaanToimiiko se?
jalanjälkikirjanmerkkiTaustalla oleva metafora:
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
48
Mietittäväksi…
• Kun käyttäjä raahaa kohdetta, mistä järjestelmätietää, pitääkövierittää kansion sisällä(automatic scroll) vai haluaako käyttäjä siirtyäpois tästä kansiosta?
TAUCHI – Tampere Unit for Computer-Human InteractionTAUCHI – Tampere Unit for Computer-Human Interaction
49
Vierityksen tehostaminen
• Tuplanuolilla sivu kerrallaan selaaminen
• Microsoft Word: vierityspalkin yhteydessäerilaisia dokumentin selaustapoja ”piilotettuina”
• Uudemmissa Wordeissa selaaminen kuva kuvalta tai taulukko taulukolta jne.