HCI II deo
-
Upload
besermenji-vladimir -
Category
Documents
-
view
243 -
download
2
description
Transcript of HCI II deo
![Page 1: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/1.jpg)
15. User centered design parafigma
-Korisnik treba da bude uvek 'prisutan'.
-sistem=programsko jezgro, a ono sto radi korisnik je stvar interfejsa
Hci ne moze bez prototipa, korisnik mora da vidi softver, 'oseti'.
korisnik+kontekst(situacija u kojoj ce se softver upotrebiti)
16.UIMS konceptualne arhitekture User interface management systems
Seeheim,1985
![Page 2: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/2.jpg)
Smalltalk, MVC
![Page 3: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/3.jpg)
![Page 4: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/4.jpg)
Microsoft ,MVP
Mvp omugucava brzu gui opslugu
![Page 5: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/5.jpg)
MVVM
sve apstrakcije okrenute slabijem znanju programiranja
-svaki korisnik postaje programer.-domenski orijentisano programiranje
17.Formiranje zahteva,tehnike za prikupljanje, interpretacija i analiza
![Page 6: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/6.jpg)
![Page 7: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/7.jpg)
![Page 8: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/8.jpg)
![Page 9: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/9.jpg)
![Page 10: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/10.jpg)
18.spoznavanja zadatka i posla
ako nemamo vremena za objasnjenje-nacini najblizi korisniku :
1)scenario (zahteva najmanje ucesca korisnika)
2)DTI
3)use cases
dobro alociraju zadatke concur task tree,xuan,use case
Kognitivni- "ulaze u glavu korisniku"
![Page 11: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/11.jpg)
opisujem zadatke koji mogu raditi skupa u formi drveta -od apstraktnog na dole analiza
karakteristike ctt-hijerarhijska struktura,graficka SINTAKSA,konkurentna notacija
-svaki zadatak do aktivnosti ima ikonicu koja automatski alocira ko radi taj zadatak
a>>b b, tek kad zavrsi A,III bilo koji ,bilo koji red,|kvadratic|-menjaju informaciju dok se
izvrsavaju konkurentno
![Page 12: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/12.jpg)
Tasks at same level represent different options or different tasks at the same abstraction level
that have to be performed. Read levels as “In order to do T1, I need to do T2 and T3”, or “In order to do
T1, I need to do T2 or T3”
Specifies two tasks enabled, then once one has started the other one is no longer enabled.
Example: When accessing a web site it is possible either to browse it or to access some detailed
information.
Tasks can be performed in any order, but when one starts then it has to finish before the other
one can start. Example: When people install new software they can start by either registering or
implementing the installation but if they start one task they have to finish it before moving to the other
one.
![Page 13: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/13.jpg)
18.Projektovanje i struje interakcije
![Page 14: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/14.jpg)
![Page 15: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/15.jpg)
19.Interakcioni stilovi
![Page 16: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/16.jpg)
![Page 17: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/17.jpg)
![Page 18: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/18.jpg)
![Page 19: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/19.jpg)
![Page 20: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/20.jpg)
![Page 21: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/21.jpg)
![Page 22: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/22.jpg)
![Page 23: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/23.jpg)
![Page 24: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/24.jpg)
![Page 25: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/25.jpg)
![Page 26: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/26.jpg)
![Page 27: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/27.jpg)
20.izbor elemenata interakcije
![Page 28: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/28.jpg)
![Page 29: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/29.jpg)
![Page 30: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/30.jpg)
21.Dizajnerski prostori interakcije-gui
List of common generic widgets[edit]
See also: Graphical user interface elements
Selection and display of collections
Button – control which can be clicked upon to perform an action
Check box – control which can be clicked upon to select or deselect an option. Multiple check boxes in a
group may be selected
![Page 31: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/31.jpg)
Radio button – control which can be clicked upon to select an option from a selection of options from
which only one can be selected at a time. Thus radio buttons always appear in pairs or larger groups
Split button – control combining a button (typically invoking some default action) and a drop-down list
with related, secondary actions
Slider – control with a handle that can be moved up and down (vertical slider) or right and left
(horizontal slider) to select a value (or a range if two handles are present)
List box
Spinner – value input control which has small up and down buttons to step through a range of values
Drop-down list
Menu – control with multiple actions which can be clicked upon to choose a selection to activate
Context menu – a type of menu whose contents depend on the context or state in effect when the
menu is invoked
Pie menu
Ribbon
Menu bar
Toolbar
Combo box (text box with attached menu or List box)
Icon
Tree view
Grid view
Navigation
Link
Tab
Scrollbar
Text/value input
Text box (edit field)
Combo box (text box with attached menu)
Output
Label – text used to describe another widget
![Page 32: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/32.jpg)
Tooltip – informational window which appears when the mouse hovers over another control
Balloon help
Status bar
Progress bar
Infobar
Containers
Window
Collapsible panel
Accordion (GUI)
Modal window
Dialog box
Palette window, also known as "Utility window"
Inspector window
Frame
![Page 33: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/33.jpg)
![Page 34: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/34.jpg)
![Page 35: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/35.jpg)
![Page 36: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/36.jpg)
![Page 37: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/37.jpg)
![Page 38: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/38.jpg)
![Page 39: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/39.jpg)
![Page 40: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/40.jpg)
![Page 41: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/41.jpg)
![Page 42: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/42.jpg)
![Page 43: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/43.jpg)
![Page 44: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/44.jpg)
![Page 45: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/45.jpg)
![Page 46: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/46.jpg)
![Page 47: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/47.jpg)
![Page 48: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/48.jpg)
22.Dizajnerski prostori interakcije-WEB
![Page 49: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/49.jpg)
![Page 50: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/50.jpg)
![Page 51: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/51.jpg)
![Page 52: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/52.jpg)
![Page 53: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/53.jpg)
23.Dizajnerski prostori interakcije-mobilni aparati
![Page 54: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/54.jpg)
![Page 55: HCI II deo](https://reader034.fdocuments.net/reader034/viewer/2022050802/563db8af550346aa9a95f81b/html5/thumbnails/55.jpg)