Dizenjimi i nderfaqeve te perdoruesit

1. Dizenjimiinderfaqeveteperdoruesit Analizesistemeshinformacionidhemodelim Leksion 07 Iralda Mitro

2. Objektivat • Format dheraportet. Rregullatstandarde per ndertimin e tyre • Perdorimiingjyrave, kontrastit, etj. • Teksti, tabelat, listat • Perdorueshmeria • Nderfaqetdhedialogjet me perdoruesin • Fushat e inputitteperdoruesit, feedback-u dhendihma e sistemit Iralda Mitro

3. Iralda Mitro

4. Format dheraportet • Format • Njedokumentbiznesiqepermbandisatedhenateparacaktuaradheperfshijnedisafushaqeduhettimbushni • Nje instance e njeformezakonishtbazohet ne NJE rekordtebazes se tedhenave • Raportet • Njedokumentbiznesiqepermban VETEM tedhenateparacaktuara • Njedokumentpasiv per telexuardheshfaqurtedhena • Zakonishtpermbantedhenanga DISA rekordetebazes se tedhenave Iralda Mitro

5. Tiperaportesh • Te skeduluar: prodhohet ne intervalekoheteparacaktuara per nevojarutineteinformacionit • Tregueskyc: permbledhjeteinformacionevekritike • Drill-down: detajerrethraportevetetipittetreguesitkyc • Ad-hoc: ngakerkesatepaplanifikuara per nevojainformacionijo-rutine Iralda Mitro

6. Procesiidizenjimitteformavedheraporteve • Aktivitetifokusuartekperdoruesi • Ndjeknjemenyrezhvillimi me prototipe • Percaktimiikerkesave: • Kush do taperdoreformenaporaportin? • Cilieshteqellimiiformesoseraportit? • Kur do teperdoretosenevojitetraporti? • Ku do teperdoretosenevojitetraporti? • Sa njerezduhetteperdorinoseshfaqinformenoseraportin? Iralda Mitro

7. Procesiidizenjimitteformavedheraporteve • Prototyping (me prototip) • Prototipifillestardizenjohetngakerkesat • Perdoruesitshikojneprototipindhepranojneosekerkojnendryshime • Nesekerkohenndryshime, ciklinderto-vlereso-permireso do teperseritetderisatepranohetdizenjimi Iralda Mitro

8. Iralda Mitro

9. Rregulla per dizenjimin e formavedheraporteve • Tituj me kuptim: teqarte, specifike • Informaciontekuptueshem – pa paturnevojen e modifikimit • Pamje e balancuar: hapsiradheelementetelarguar sic duhetnganjeritjetri • Sistemilehtenavigimi: sitelevizeshpara-mbrapadheku je aktualisht Iralda Mitro

10. Dizenjimivarferinjeforme Iralda Mitro

11. Dizenjim me i mire Iralda Mitro

12. Theksimiielementeve ne forma dheraporte • Lajmeroperdoruesit per gabime ne plotesimin e tedhenavedheprocesim • Trego lajmerime per problemetemundshme • Terhiqvemendjenndajfjalevekyce, komandave, mesazhevedhetedhenavetepazakonta Iralda Mitro

13. Vezullime Mesazhe me ze Ndryshimintensiteti Ndryshimmadhesish Ndryshimfonti Rretho me vije Nenvizo Shkronjat e medha Modifikopozicionin e informacionevejo-standarde Menyra per tetheksuar Iralda Mitro

14. Iralda Mitro

15. Benefitengangjyrat Lehtesonpamjen Zbehnjepamjeteparendesishme Theksongjerat e rendesishme Tregonorganiziminlogjikteinformacionit Terheqvemendjendajmezasheve Disaproblemengangjyrat Kombinimiingjyravemundteshkaktojeprobleme Ndryshimiirezolucionitteekraneve Ngjyrat ne printimose media tetjeramundtedalinndryshe Me ngjyradhe pa ngjyra Iralda Mitro

16. Shfaqja e tekstit • Shkronje e madhe/e vogel (case) • Hapsirat (Spacing) • Orientimi (Justification) • Shkurtimet (Abbreviations) Iralda Mitro

17. Dizenjimivarfer Iralda Mitro

18. Dizenjimi mire Iralda Mitro

19. Rregulla per tabeladhelista • Etiketat (Labels) • Me kuptim • Te ndahenngainformacionitjeter duke u theksuar • Te rishfaqenkurtabelaeshte me disafaqe Iralda Mitro

20. Rregulla per tabeladhelista • Formatimiikolonave, rreshtavedhetekstit: • Rendit ne menyre me kuptim • Njeinformacioningjashemqeshfaqet ne disakolonaduhetterenditetvertikalisht • Ne raportet e printuarduhetteketehapsiraboshe • Perdonitenjejtin tip fontiosefamiljefontesh ne njeraport • Kolonatqepermbajnenumraduhetteorientohendjathtas • Kolonatqepermbajnetekstduhetteorientohenmajtas Iralda Mitro

21. Dizenjimivarfer per tabela Iralda Mitro

22. Dizenjimi mire per tabela Iralda Mitro

23. Tabelatdhegrafiket • Perdortabela per teshfaqurvleratedhenashtedetajuara • Perdorgrafike per te: • Mundesuarnjepermbledhjeteshpejte • Shfaqurtendencen me kalimin e kohes • Krahasuarvlerat e variablave • Parashikuaraktivitete • Raportuarthjeshtsasitevoglainformacioni Iralda Mitro

24. Iralda Mitro

25. Iralda Mitro

26. Vleresimiiperdorueshmerise • Vleresimipergjithshem se sifunksiononsistemi ne mbeshtetjetenjeperdoruesitecaktuar per njedetyretecaktuar • 3 karakteristika • Shpejtesia • Saktesia • Kenaqesia Iralda Mitro

27. Rritja e perdorueshmerise • Konsistenca: ne terminologji, formatim, tituj, navigim, kohe e pergjigjes • Eficenca: minimizoveprimet e perdoruesit • Lehtesia: output dheetiketatevete-kuptueshme • Formati: shfaqje e pershtatshme e tedhenave • Fleksibiliteti: maksimizoopsionet e hedhjes se tedhenavesipaspreferencaveteperdoruesit Iralda Mitro

28. Duhettekonsideroni… • Perdoruesi: eksperienca, aftesite, motivimi, edukimi, personaliteti • Detyra: presioniikohes, kosto e gabimit, kohezgjatja e punes • Sistemi: platforma • Ambjenti: ceshtjesocialedhefizike Iralda Mitro

29. Metoda per vleresimin e perdorueshmerise • Koha per temesuar • Shpejtesia e performances • Niveliigabimeve • Kenaqesiasubjektive Iralda Mitro

30. Gabime ne dizenjimin e faqeve Web • ‘Widget’ jostandarde • Pamja e reklamave • Tekst me ‘scrolling’ dheanimacioneqeperseriten • Informacionivjeteruar • Kohe e ngadalte e download • Tekstiformatuarkeq • Faqeshumetegjata Iralda Mitro

31. Praktikatemira per web design • Lightweight Graphics (grafikatelehta): imazhetevoglaqe download-ohenshpejt • Integritetiformavedhetedhenave • HTML e bazuar ne template Iralda Mitro

32. Dizenjimi I nderfaqevedhedialogjeve Iralda Mitro

33. Iralda Mitro

34. Dizenjimiinderfaqeve/dialogjeve • Layout (widget, text, table data) • Strukturimiidata entry (renditja e tab-eve) • Kontrolliihyrjes se tedhenave (validimidhekontrolliiformatit) • Feedback (mesazhe per pyetje, status, lajmerimedhegabime) • Sekuenca e dialogjeve Iralda Mitro

35. Menyranderfaqjeje • Command line • Menu • Forma • Me objekte Iralda Mitro

36. Nderveprimi me Command Line • Perdoruesitshtypinkomanda me fjale per tekryerveprime • Psh MS DOS: • COPY C:PAPER.DOC A:PAPER.DOC • Kjokomandekopjonnjeskedarnga C: ne A: Iralda Mitro

37. Nderveprimi me Menu • Njeliste me opsionesistemiteparacaktuara • Dytipe: • Pop-up • Drop-down Iralda Mitro

38. Iralda Mitro

39. Iralda Mitro

40. Iralda Mitro

41. Visual editing tools help designers construct menus. Iralda Mitro

42. Nderveprimi me Forma • Plotesimiivendeve bosh gjatehedhjes se informacionit • Efektive: • Tituj me kuptim • Fushateorganizuara ne grupimelogjike • Kufijtedallueshem • Vlera default • Gjatesi e duhur e fushave • Minimizimiinevojes per te scroll-urdritaren Iralda Mitro

43. Iralda Mitro

44. Nderveprimi me objekte • Perdorimiisimboleve per teperfaqesuarkomandadhefunksione • Ikonat: • Simbolegrafikeqeimitojneveprimin • Perdorinpakhapsire • Kuptohenlehte Iralda Mitro

45. Iralda Mitro

46. Keyboard Mouse Joystick Trackball Touch Screen Light Pen Graphics Tablet Voice Opsionete Hardware Iralda Mitro

47. Dizenjimiinderfaqeve • Perdorformatetengjashme me formularet ne letra • Fleksibilitetidhekonsistenca: • Levizje e lire midis fushave • Nuk ka ruajtjetedhenashderi ne momentinqeaprovonperdoruesi • Cdocelesdhekomande ka njefunksion Iralda Mitro

48. Strukturimii Data entry

49. Shkrimiitekstit Iralda Mitro

50. Kontrollimiiinputit • Per tereduktuargabimet ne hyrjen e tedhenave • Gabimetezakonshme: • Shtesa: karaktereshtese • Copetimi: humbja e karaktereve • Transkriptimi: hyrja e tedhenavetepavlefshme • Transpozimi: perkembimikaraktereve Iralda Mitro