8/18/2019 Dizajni i Interaksionit

1/13

08-Jan-

UNIVERSITETI I GJILANIT

Fakulteti i Shkencave Kompjuterike

DIZAJNI I INTERAKSIONIT

NysretDemaku

N.Demaku@hotmail.com

2015

Overview of theDesign Process

User Centered Design

Good Design (reminder!)

“Çdo dizajnues dëshiron të ndërtojë një sistem

me cilësi të lartë interaktive që do te

admirohet nga kolegët, festohet nga

përdoruesit, paraqitet qdokund, dhe te

imitohet shpesh. "” (Shneiderman, 1992, p.7)

…and anything goes!…

The Good…

The Good… The Bad…

8/18/2019 Dizajni i Interaksionit

2/13

08-Jan-

The Bad… The Bad…(Rruga ne Meksike)

The Ugly… The Ugly…

Shume keq (qka shesin- background) What The…???

8/18/2019 Dizajni i Interaksionit

3/13

08-Jan-

Por qka e ben te mire?!

• Funksionaliteti

• Speed & efikasiteti

• Besueshmëria, sigurinë, integritetin e të

dhënave

• Standardizimi, qëndrueshmëri

• USABILITY ! Përdorshmërisë!

“Dizajn i mire” Don te thote

• Sistemet janë ndërtuar për njerëzit; duhet të

 jenë të dizajnuara për përdoruesit• TI njohin dallimet individuale; vlerësoj

implikimet e projektimit të këtyre faktorëve tënjeriut

• Ti njoh hartimin e gjërave, procedurave, etj,

• Te mbështetet në metodën shkencore

• Gjëra, procedurat, mjediset, dhe njerëzit nukekzistojnë në mënyrë të izoluar

Dizajni i mire nuk eshte…

 – Jo vetëm duke aplikuar checklists dhe udhëzimet/

guidelines

• Këto mund të ndihmojë, por USD është një filozofie

tërë

 – Jo duke përdorur vetveten si model per ter

përdoruesit tjere

 – Jo vetëm 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ë mënyrë qe të ju ndihmojë të

identifikohen faktorët njeri që do të jene te

rëndësishëm në Dizajnin tuaj.

• Ndihmon ne dokumentimin e procesit dhe

vendimeve qe mund te korrigjohen me

vone.

Rruga(path) e UCD

DESIGN IMPLEMENT

USE &

EVALUATE

9 Hapa e UCD

1. DefinimiI Kontekstit2. PërshkruaniI Userit

3. Analiza e Taskes

4. Alokimi i funksioneve

5. Layout sistem / DizajnBasic (System Layout / Basic Design)

6. Mockups dhe Prototypes

7. Testimii përdorshmërisë

8. Përsëritës Test & Redesign

9. Updates dhe mirëmbajtja

8/18/2019 Dizajni i Interaksionit

4/13

08-Jan-

1. Definimi i kontekstit

• Context: Kush janë përdoruesit, 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 tavolinës, 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/taskatendrysheme.

• Duke u bazuar ne njohuri, software, hardware, nekulturen , 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 krijohetnje prototip I thjeshte I sistemit.

• Eshte prototip jo produkti final.

• “Informed Brainstorming”

• Krijo teste me njerez real

8/18/2019 Dizajni i Interaksionit

5/13

08-Jan-

7. Usability Testing

• Usability testing is the best way to understand

how real users experience your website orapplication.

• 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 orprocess.

• Perserite testimin duke pas perbaz shpenzimetdhe kufizimet.

• Fukusohu ne funksionalitet se pari !

• Planifiko versione te ndryshe gjate dizajnimit.

9. Updates & Maintenance

• Updates dhe plani i mirëmbajtjes si pjesë

kyqe e dizajnit!

• (dizajni mund te rregullohet dhe te

updated)Baza e Dizajnit

CKA ESHTE DIZAJNI ?

CKA ESHTE DIZAJNI?

Arritja e cakut brenda kufizimeve

caku- qellimi

Per cilin person eshte dizajnin, pse e duan dizajnin

kufizimet

materiale, platforma

kompromiset

8/18/2019 Dizajni i Interaksionit

6/13

08-Jan-

RREGULLA E ART E DIZAJNIT

Kuptimi i Materialit Tend

PER HCI

Kupto materialin tend

Kupto kompjuteretKufizimet, kapacitetet, veglat, platformat

Kupto njerezit

psikologjine, aspektet sociale

gabimet

Dhe interaksionin e tyre…

PERDORUESI

PROCESI I DIZAJNIT

I FOKUSUAR NGA PERDORUESIT

NJOFTOHU ME PERDORUESIT

Kush jane ata?

Me gjase jo siju!

Fol me ta

Shikoj ata

Perdore imagjinaten

8/18/2019 Dizajni i Interaksionit

7/13

08-Jan-

PERSONAT

Pershkruaj nje perdorues ‘shembull’Jo domosdo nje person real

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

SCENARIOT …

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 interaksioninKur cka ndodhe

Studio mendimin

Cka mendojne ata

Studio arkitekturen

Cka ndodhe ne mbrendi

PERDOR SCENARIOT PER..

Komunikim me tjeretDizajneret, klientet, perdoruesit

Valido modelete tjera

Shqyrto ne krahasim me modelet tjera

Trego dinamizmin

Pamjen

Sjelljen

8/18/2019 Dizajni i Interaksionit

8/13

08-Jan-

NIVELET

Zgjidhja e ‘widge’-evemenyte, butonat, etj.

Dizajnimi i ekranit

Dizajnimi i navigimit ne aplikacion

Ambienti

Aplikacionet tjera, sistemet operative etj.

UEBI…

LOKAL

KERKIMI I CAKUT

KERKIMI I CAKUT KERKIMI I CAKUT

8/18/2019 Dizajni i Interaksionit

9/13

08-Jan-

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

PyetCka ben perdoruesi?

Mendo

Cfare informacioni, krahasime, rregulla

Dizajni

Forma pason funksionin

VEGLAT NE DISPOZICION

Grupimi i njesive

Renditja e njesive

Dekorimi - fonti, kutijat etj

8/18/2019 Dizajni i Interaksionit

10/13

08-Jan-

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

8/18/2019 Dizajni i Interaksionit

11/13

08-Jan-

RENDITJA E NUMRVE SHUME KOLONA

SHUME KOLONA SHUME KOLONA

SHUME KOLONA Hapesirat…

8/18/2019 Dizajni i Interaksionit

12/13

08-Jan-

STRUKTURIMI I HAPESIRES THEKSIMI I HAPSIRES

VEPRIMI I PERDORUESIT DHE

KONTROLLIMI

VENDOSJA E INFORMATAVE

DUKJA NE RREGULL

PREZANTIMI I INFORMATAVE

8/18/2019 Dizajni i Interaksionit

13/13

08-Jan-

ESTETIKA DHE PERDORIMI NGJYRAT DHE 3D

PERDORIMI I DOBET I NGJYRAVE NEPER VENDE DHE KULTURA

Lokalizimi & nderkombetarizimiNdryshimii interfejsit per kulturadhe gjuhe tevecanta

GlobalizimiZgjidhsimboleqe funksionojne gjithe kah

Ndryshim i thjeshtei gjuhes?Perdorebazen e resursevene vend te tekstitne interfejs

… por ndryshomadhesine, renditjaetj.

Qeshtjet e thellaHamendjet dhe vleratkulturore

Domethjenjae simboleve

P.sh. Iku dhe kryqi… + dhe  – ne disa kultura… por… domethjenja ne tjerat

PYETJE ?

JU FALEMNDERIT!