55
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

HCI II deo

Embed Size (px)

DESCRIPTION

Skripta, predmet hci

Citation preview

Page 1: HCI II deo

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

Smalltalk, MVC

Page 3: HCI II deo
Page 4: HCI II deo

Microsoft ,MVP

Mvp omugucava brzu gui opslugu

Page 5: HCI II deo

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
Page 7: HCI II deo
Page 8: HCI II deo
Page 9: HCI II deo
Page 10: HCI II deo

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

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

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

18.Projektovanje i struje interakcije

Page 14: HCI II deo
Page 15: HCI II deo

19.Interakcioni stilovi

Page 16: HCI II deo
Page 17: HCI II deo
Page 18: HCI II deo
Page 19: HCI II deo
Page 20: HCI II deo
Page 21: HCI II deo
Page 22: HCI II deo
Page 23: HCI II deo
Page 24: HCI II deo
Page 25: HCI II deo
Page 26: HCI II deo
Page 27: HCI II deo

20.izbor elemenata interakcije

Page 28: HCI II deo
Page 29: HCI II deo
Page 30: HCI II deo

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

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

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
Page 34: HCI II deo
Page 35: HCI II deo
Page 36: HCI II deo
Page 37: HCI II deo
Page 38: HCI II deo
Page 39: HCI II deo
Page 40: HCI II deo
Page 41: HCI II deo
Page 42: HCI II deo
Page 43: HCI II deo
Page 44: HCI II deo
Page 45: HCI II deo
Page 46: HCI II deo
Page 47: HCI II deo
Page 48: HCI II deo

22.Dizajnerski prostori interakcije-WEB

Page 49: HCI II deo
Page 50: HCI II deo
Page 51: HCI II deo
Page 52: HCI II deo
Page 53: HCI II deo

23.Dizajnerski prostori interakcije-mobilni aparati

Page 54: HCI II deo
Page 55: HCI II deo