Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Istoria interfetei si a interactiunii cu utilizatorul

No description
by

George Cirlan

on 30 May 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Istoria interfetei si a interactiunii cu utilizatorul

Windows 1.01
Windows 2.0
Windows 3.0
Windows XP
Windows 98
20 Noiembrie 1985
Interfata grafica mai intuitiva
9 Decembrie 1987
Jocuri: Solitaire
Ferestrele sunt similare ca in Win95
Daniela Oțelea

George Cîrlan

Istoria interfetei si a interactiunii cu utilizatorul
Facilitati:
Subsolul ecranului rezervata pentru icon-uri
Calendar
Buton de resize
Animatii gif
Editto text si vizual
Shortcut-uri (Alt+Tab)
Minimizare, Maximizare ferestre
Aparitia Control Panel-ului
Aplicatii de prelucrare grafica: Paintbrush
Calculator (imbunatatit de la versiunile precedente)
Windows 95
22 Mai 1990
24 August 1995
Aplicatiile care ruleaza sunt afisate ca butoane in taskbar
Se introduce butonul de Start
Capacitati "Plug&Play" care faciliteaza instalarea de software
Aparitia temelor
Windows Vista
Windows 7
Windows 8
Bara de titlu are culori variate
Vechiul Help a fost inlocuit cu Hyper-Help, o componenta a Windows Explorer.
Facilitate de Search imediat la deschiderea Start-ului
Bara laterala dispare
Facilitate de Flip 3D
Butonul "Show Desktop" a fost inlocuit cu un buton din dreapta task bar-ului
Ferestre transparente la mutare
Elemente din Windows interactive: ceas, calendar
Meniul de start cuprinde tot ecranul
Interfata grafica se numeste Metro
Peste 100 de noi elemente GUI
CLI (Command Line Interface)
Anterior aparitiei si dezvoltarii interactiuni visuale cu user-ul, singurul mod de comunicare cu calculatorul a fost prin intermediul CLI-ului
S-a dezvoltat initial pe sistemele Unix, apoi pe MS-DOS si Apple DOS
Preferate de utilizatorii experimentati
Programele scrise in CLI sunt mai usor de automatizat
Interpretor de comenzi
cmd.exe (Windows)
Windows PowerShell
Avantaje CLI
Necesita mult mai putina memorie RAM pentru a executa comanda
Foloseste mai putin procesorul
Automatizarea task-urilor
Flexibilitate
Control mai rapid asupra sistemului
Avantaje GUI
User-friendly
Interactivitate
Ideal pentru incepatori
Ideal pentru jocuri
Exemple
Sesiune Bash (Linux)
Importanta interfetelor grafice
reprezinta o partea a aplicatie software care permite utilizatorilor sa isi exprime intentiile de operara asupra dispozitivului si sa interpreteze rezultatele actiunilor efectuate de device-ul in cauza.
majoritatea interfetelor sunt incorporate in programarele reale, mai multe aplicatii sunt percepute de end-useri doar prin intermediul acestora.
Pentru majoritatea utilizatorilor, interfata este perceputa ca

intregul sistem de calcul
, nu ca o parte vizuala a software-ului, tocmai de aceea, orice interfata trebuie sa fie:
utila (useful)
utilizabila (usable)
utilizata(used)
Proiectarea interfetelor cu utilizatorul = suma activitatilor de:
intelegere a nevoilor utilizatorilor - cunoasterea profilului utilizatorul
proiectarea - design
prototipizare
evaluare
programarea interfetei
Sistemul este perceput de utilizator:
"O descriere de nivel inalt a modului in care sistemul este organizat si functioneaza." (Johnshon & Hnderson, 2002)
Stilurile de interactiune om-calculator sunt:
limbaje de comanda(instructiuni, cuvinte-cheie, simboluri)
formulare interactive
meniuri
interactiunea grafica(WINP - Window, Icon, Menu, Pointer)
manipularea directa
limbajul natural
Distingem mai multe tipuri de interfete:
Proiectarea interfetelor tine cont de mai multe aspecte:
proiectarea informationala
proiectarea interactiunilor - modul de creare si prezentare a scenariilor de interactiune
proiectarea senzoriala - design grafic, sound design, musical performance
O interfata utilizator este bine scrisa atunci cand programul se comporta exact cum se asteapta utilizatorii sai.
Directii in proiectarea interfetelor:
Directii in proiectarea interfetelor:
task-centered interface design - modelul programatorului - program model
user-centered interface design - modelul utilizatorului - user model
task-centered interface design
software-ul este proiecatat conform scopurilor producatorului, nu ale utilizatorului
atentia este directionata spre tehnologie si usurinta implementarii, nu spre eficienta utilizatorului (ergonomia actiunilor lui);
software-ul este directionat pe caracteristici, chiar daca unele nu vor fi folosite niciodata
user-centered interface design
software-ul trebuie sa multumeasca, sa menajeze si sa ajute utilizatorul
proiectarea se realizeaza avand in vedere cerintele utilizatorului, nu ele ale producatorului
software-ul nu trebuia sa utilizeze un limbaj obscur (ex: setati baud rate-ul, specificati bitii de stop)
dezavantaj : foarte multe elementele grafice ale interfetei : meniuri, ferestre, icon-uri
Cerintele utilizatorilor privind interfata:
incepatorii:
intermediarii:
expertii:
incepatorilor au nevoie de un "tour guide" al aplicatiei - Help sau Support user-centered
meniurile trebuie sa fie clare, usor de inteles, interfata trebuie sa fie simpla si flexibila
au nevoie de acces la instrumente
isi vor constrii setul de lucru si vor cere ca instrumentele din setul de lucru sa fie plasate la vedere
acces rapid la instrumente din setul de lucru
interfata trebuie sa fie flexibila
Etapele proiectarii unei interfete:
Fundamentarea proiectului
Proiectarea iterative
Prototipizarea
Evaluarea
1. Fundamentarea proiectului
design rational - descrierea detaliata a istoricului si scopurilor proiectului de realizare a interfetei, documentul necesar pentru reutilizarea unui proiect deja existent, coordonarea paricipantilor la un proiect de durata, facilitatea intretinerii si utilizarii ulterioare
mai multe alternative de proiectare, fiecare implicand optiunile si compromisurile, necesitatea documentarii lor
utilizabilitatea este dependenta de contextul utilizari - descrierea contextului utilizarii pentru a motiva implementarea unei anumite functionalitati.
Motive:
structura ulterioara a alternativelor care au fost luate in consideratie. Pentru fiecare tip de alegere efectuata se defineste o dimensiune, fara sa fie obligatoriu ca aceasta sa fie independente
determinata de specificul aplicatiei, interfetei si a partilor independete de dispozitivele I/O.
Analiza spatiului de proiectare
intrebari privind probleme-cheie care au implicatii in proiectarea interfetei
optiunile posibile pentru intrebarile puse;
criterii de evaluare a fiecarei optiuni
Metoda de analiza a spatiului proiectului este QOC:
Question, Options, Criteria:
2.Proiectarea iterative
ciclul de rezolvare a problemelor inerente ale specificarii incomplete a cerintelor intr-o dezvoltare incrementala a interfetei.
3.Prototipizarea
ofera posibilitatea de a exprima conceptia de ansamblu a interfetei, inca din primele faze ale proiectarii.
avantaje:
dinamica
permite experimentarea interactiunii om-calculator
permite descoperirea lipsei unor cerinte
ajuta la testarea proiectului
furnizeaza o parte din functionalitate cat mai repede posibil
4.Evaluarea:
Criterii de evaluare:
portabilitatea
scalabilitatea
integrarea si compatibilitatea
instalarea
prototipizarea
facilitatea ajutorului
disponibilitatea
criteriile estetice (proportie si compozitie spatiala)
criteriile de complexitate spatiala
criteriile de consistenta spatiala
designul unei interfete
Calitatea interfetei este data de:
simplitataea - designul simplu este cel mai eficient, de cele mai multe ori
dimensiunea, contrastul, proportia
organizarea si caracterul vizual al structurii informationale
structura prezentarii interfetei:
proportia ferestrelor, distanta fata de marginile ferestrei
echilibrul afisarii pe orizontala si verticalaa
omogenitatea textului afisat (font, marime), culoare
text - Unix, DOS
grafice - Windows, Machintosh
senzoriale - gesturi,voce
nu conteaza caracterul: grafic sau textual al interfetei, ci usurinta interactiunii cu utilizatorul
procesarea vizuala se bazeaza pe capacitatea mintii de a clasifica formele (pattern-urile) - modele vizuale
fiecare obiect de interfata are asociat un simbol.
interfetele trebuie sa posede putine simboluri - restrangerea vocabularului de interactiune cu utilizatorul (mouse-ul e mult mai usor de folosit decat tastatura)
Vizualizarea interfetei:
Multumim
pentru atentie!

1994 – QNX Software Systems, the Photon microGUI
2000 - MacOS X
1997 – Mac OS 8
1996 – New Deal Office 2.5
1990 – Amiga Workbenck 2
1988 – Presentation Manager (IBM)
1987 – First Color Macintosh
1986 – Gem Desktop (Apple) & Tandy
Ianuarie, 1984 – Macintosh(Apple)
Ianuarie, 1983 – Lisa (Apple)
Iunie, 1981 – The Star
1980 – Perq graphical workstation
Aprilie, 1973 - The Alto
1999 – GNOMW 1.0
2011 - Ubuntu
1994 – QNX Software Systems, the Photon microGUI

1986 – Gem Desktop (Apple) & Tandy
Full transcript