View
222
Download
0
Category
Preview:
Citation preview
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!
Recommended