08-Jan-16

UNIVERSITETI I GJILANIT
Fakulteti i Shkencave Kompjuterike

Overview of the
Design Process

DIZAJNI I INTERAKSIONIT
User Centered Design
Nysret Demaku
N.Demaku@hotmail.com
2015

Good Design (reminder!)

The Good

do dizajnues dshiron t ndrtoj nj sistem

me cilsi t lart interaktive q do te
admirohet nga kolegt, festohet nga
prdoruesit, paraqitet qdokund, dhe te
imitohet shpesh. " (Shneiderman, 1992, p.7)
and anything goes!

The Good

The Bad

08-Jan-16

The Bad

The Bad(Rruga ne Meksike)

The Ugly

The Ugly

Shume keq (qka shesin- background)

What The???

08-Jan-16

Por qka e ben te mire?!

Funksionaliteti
Speed & efikasiteti
Besueshmria, sigurin, integritetin e t
dhnave
Standardizimi, qndrueshmri
USABILITY ! Prdorshmris!

Dizajn i mire Don te thote

Sistemet jan ndrtuar pr njerzit; duhet t
jen t dizajnuara pr prdoruesit
TI njohin dallimet individuale; vlersoj
implikimet e projektimit t ktyre faktorve t
njeriut
Ti njoh hartimin e gjrave, procedurave, etj,
Te mbshtetet n metodn shkencore
Gjra, procedurat, mjediset, dhe njerzit nuk
ekzistojn n mnyr t izoluar

Dizajni i mire nuk eshte

Jo vetm duke aplikuar checklists dhe udhzimet/
guidelines
Kto mund t ndihmoj, por USD sht nj filozofi e
tr
Jo duke prdorur vetveten si model per ter
prdoruesit tjere
Jo vetm duke perdor common sense
Nese din se si dizajnohet nje alarm nuk eshte diqka
qe te gjith e dine.

User Centered Design

UCD sht nj mnyr qe t ju ndihmoj t
identifikohen faktort njeri q do t jene te
rndsishm n Dizajnin tuaj.
Ndihmon ne dokumentimin e procesit dhe
vendimeve qe mund te korrigjohen me
vone.

Rruga(path) e UCD
DESIGN

IMPLEMENT

9 Hapa e UCD
1.
2.
3.
4.
5.
6.
7.
8.
9.

Definimi I Kontekstit
Prshkruani I Userit
Analiza e Taskes
Alokimi i funksioneve
Layout sistem / Dizajn Basic (System Layout / Basic Design)
Mockups dhe Prototypes
Testimi i prdorshmris
Prsrits Test & Redesign
Updates dhe mirmbajtja

USE &
EVALUATE

08-Jan-16

1. Definimi i kontekstit
Context: Kush jan prdoruesit, aplikacionet
Sistemet kritike dhe aplikacionet.
Industrial, commercial, military, scientific,
consumer
Office, home, entertainment

Sisteme tregtare
Klientat (nuk jan te njejet si Userat)
ka impak ne dizajn?

2. Pershkruje perdoruesin(!!)
Atributet fizike
(mosha, gjinija, madhsija etj)

Aftesit perceptuale
(Ndegjimi, te pamurit, ndjeshmerija e te ndegjuerit)

Aftesit tjera
(Memorja, matematik, niveli i te lexuarit)

Vendi fizik i punes

(Lartesija e tavolins, ndriqimi, versionet softwerike etj.)

Personaliteti
(qka don dhe qka s done, preferencat, durushmerija etj)

Dallimet kulturore
(gjuha, simbolet)

3. Analiza e taskes
Bisedo me perdoruesit dhe shiqo se si e
bejn punen.
Listoj te gjitha punet/tasket
Ndaj punet ne hapa

4. Alokimi I funksioneve
Konsideroje sistemin si tersi!
Vendos se kush eshte me I miri per pune/taska te
ndrysheme.
Duke u bazuar ne njohuri, software, hardware, ne
kulturen , aftesit njerezore, komunikative etj
Mos harro implikimet ne dizajn!

5. Layout e sistemit / Basic Design

Ne ket pike beje nje permbledhje e pjeseve

dhe dizajnin bazik.
Shiqo/krahasoj gjithmon me kerkesat e
sistemit, specifikat hardwerike, te bugjetit,
implikimet ligjore etj

6. Mockups & Prototypes

Duke u bazu ne layout tani mund te krijohet
nje prototip I thjeshte I sistemit.
Eshte prototip jo produkti final.
Informed Brainstorming
Krijo teste me njerez real

08-Jan-16

7. Usability Testing
Usability testing is the best way to understand
how real users experience your website or
application.

Testoje
Subjective and objective feedback.
I perpiket
Feedback dhe ridezajno sistemin.
Discount usability testing can be very effective,
using fewer subjects, more rapid results

8. Iterative Test & Redesign

Iterative design is a design methodology
based on a cyclic process of prototyping,
testing, analyzing, and filtering a product or
process.
Perserite testimin duke pas perbaz shpenzimet
dhe kufizimet.
Fukusohu ne funksionalitet se pari !
Planifiko versione te ndryshe gjate dizajnimit.

9. Updates & Maintenance

Updates dhe plani i mirmbajtjes si pjes
kyqe e dizajnit!
(dizajni mund te rregullohet dhe te
updated)

Baza e Dizajnit

CKA ESHTE DIZAJNI?

Arritja e cakut brenda kufizimeve
caku- qellimi

CKA ESHTE DIZAJNI ?

Per cilin person eshte dizajnin, pse e duan dizajnin

kufizimet
materiale, platforma

kompromiset

08-Jan-16

PER HCI

RREGULLA E ART E DIZAJNIT

Kuptimi i Materialit Tend

Kupto materialin tend

Kupto kompjuteret
Kufizimet, kapacitetet, veglat, platformat

Kupto njerezit
psikologjine, aspektet sociale
gabimet

Dhe interaksionin e tyre

PROCESI I DIZAJNIT

PERDORUESI

NJOFTOHU ME PERDORUESIT

I FOKUSUAR NGA PERDORUESIT

Kush jane ata?

Me gjase jo si ju!
Fol me ta
Shikoj ata
Perdore imagjinaten

08-Jan-16

PERSONAT

Pershkruaj nje perdorues shembull

Jo domosdo nje person real

SCENARIOT

Perdor nje perdorues surrogat

Cka do te mendoj

Ceshtjet detale
Bere ate real

SCENARIOT

SCENARIOT
Tregimet per dizajn
Komuniko me te tjeret
Valido modelin e te tjerve
Kupto dinamizmin

Cka do te donin perdoruesit te bejne?

Shqyrtim hap-pas-hapi
Cka mund te shohin
Cka bejne ata (tastatura, miu, etj)
Cka mendojne?

Perdorimi dhe riperdorimi gjate dizajnit

STUDIO THELL
Studio interaksionin
Kur cka ndodhe

Studio mendimin
Cka mendojne ata

Studio arkitekturen
Cka ndodhe ne mbrendi

PERDOR SCENARIOT PER..

Komunikim me tjeret
Dizajneret, klientet, perdoruesit

Valido modelete tjera

Shqyrto ne krahasim me modelet tjera

Trego dinamizmin
Pamjen
Sjelljen

08-Jan-16

NIVELET

UEBI

Zgjidhja e widge-eve
menyte, butonat, etj.

Dizajnimi i ekranit
Dizajnimi i navigimit ne aplikacion
Ambienti
Aplikacionet tjera, sistemet operative etj.

KERKIMI I CAKUT

LOKAL

KERKIMI I CAKUT

KERKIMI I CAKUT

08-Jan-16

KERKIMI I CAKUT

KATER RREGULLAT E ARTA

Duhet ditur ku jeni
Duhet ditur cka mund te beni
Duhet ditur ku do te shkoni
Ose cka do te ndodhe

Duhet ditur ku keni qene

Ose cka keni bere

Ku jeni

DIZAJNI I EKRANIT

RREGULLAT BAZIKE

VEGLAT NE DISPOZICION

Pyet
Cka ben perdoruesi?

Mendo
Cfare informacioni, krahasime, rregulla

Dizajni

Grupimi i njesive
Renditja e njesive
Dekorimi - fonti, kutijat etj

Forma pason funksionin

08-Jan-16

GRUPIMI DHE STRUKTURIMI

RENDITJA E GRUPIT TE NJESIVE

Mendo! Cila eshte renditja natyrale
Duhet te pershtatet ekranit!
Perdor kutijat, hapsirat etj.
Vendosi ne rregull TAB

Instruksionet

DEKORIMI

RENDITJA E TEKSTIT

RENDITJA E EMRAVE

RENDITJA E NUMRAVE

10

08-Jan-16

RENDITJA E NUMRVE

SHUME KOLONA

SHUME KOLONA

SHUME KOLONA

SHUME KOLONA

Hapesirat

11

08-Jan-16

STRUKTURIMI I HAPESIRES

THEKSIMI I HAPSIRES

VENDOSJA E INFORMATAVE
VEPRIMI I PERDORUESIT DHE
KONTROLLIMI

PREZANTIMI I INFORMATAVE

DUKJA NE RREGULL

12

08-Jan-16

ESTETIKA DHE PERDORIMI

NGJYRAT DHE 3D

PERDORIMI I DOBET I NGJYRAVE

NEPER VENDE DHE KULTURA

Lokalizimi & nderkombetarizimi
Ndryshimi i interfejsit per kultura dhe gjuhe te vecanta

Globalizimi
Zgjidh simbole qe funksionojne gjithe kah

Ndryshim i thjeshte i gjuhes?

Perdore bazen e resurseve ne vend te tekstit ne interfejs
por ndrysho madhesine, renditja etj.

Qeshtjet e thella
Hamendjet dhe vlerat kulturore
Domethjenja e simboleve
P.sh. Iku dhe kryqi + dhe ne disa kultura
por domethjenja ne tjerat

JU FALEMNDERIT!
PYETJE ?

13