180 likes | 405 Views
Internet. Ligjerata 6 Dr. Fisnik Dalipi. Principet e Web dizajnit. Qart ësia Konzistenca Kontrasti Thjeshtësia Stru ktura Shprehshmëria. Klientët nuk duhet të humben në web sajtin tuaj, ata duan ta gjejnë informacionin e duhur shpejtë dhe me sa më pak mundim. Qartësi. Konzistencë.
E N D
Internet Ligjerata 6 Dr. Fisnik Dalipi
Principet e Web dizajnit • Qartësia • Konzistenca • Kontrasti • Thjeshtësia • Struktura • Shprehshmëria Klientët nuk duhet të humben në web sajtin tuaj, ata duan ta gjejnë informacionin e duhur shpejtë dhe me sa më pak mundim.
Qartësi Konzistencë Kontrast Struktura Shprehshmëria Thjeshtësia
Ngjyrat në Web • Përdor një paletë të kufizuar me ngjyra harmonike • Krijo skemë dominante ngjyrash • Balanso relacionin e ngjyrave • Përshtat ngjyrat sipas kategorive • Çështja e ngjyrave: • Përzgjedhja e ngjyrës (atraktiviteti i saj për klientin?) • A keni skemë ngjyrash? (A janë ngjyrat dominante nga e njëjta ’familje’ e ngjyrave?) • Paleta e ngjyrave? • Mundësoni opsionin që edhe klienti të përzgjedh ngjyrë të caktuar në një pjesë të caktuar të web sajtit.
Kornizat • E ndajnë hapësirën shfletuese në dy apo më shumë pjesë • Çdo kornizë mund të merret nga web faqe e ndryshme • Kornizat pa kufi krijojnë një sistem dizajni • Kornizat bëjnë që hapësira të caktuara të mbesin statike • Avantazhet e kornizave: • Mundësojnë ndarjen e faqes në më shumë pjesë • Ekziston e a.q. Zona e kotrollit në faqe • Çdo kornizë mund të lidhet me faqe tjera • Disavantazhet e kornizave: • Kërkohet kodim shtesë në HTML
Përdorueshmëria • Përdorueshmëria paraqet efektshmërinë dhe satisfaksionin me të cilat përdoruesit mund të kryejnë punë në një mjedis të caktuar. • Përdorueshmëria është një çështje që duhet të merret parasysh në çdo fazë të projektit dizajnues në web sajtin tuaj.
Ndërfaqet, navigimi • GUI (Graphical User Interface): Kombinimi i një mjedisi vizual atraktiv me elemente të duhura naviguese. • Navigimi (Lundrimi): Dizajnimi i linqeve logjike dhe rekursive mundëson që përdoruesi të ketë një liri të plotë për të zgjedh metodën e tij hulumtuese duke siguruar që ai të arrij në përmbajtjen e dëshiruar vetëm me një klik.
Skema naviguese • Për të krijuar skemë ë mirë naviguese: • Siguroju që numri i linqeve për faqe të jetë minimal (deri në 10) • Përdor linqe sipas mundësisë • Integroni logon dhe elementet tjera dalluese të organizatës suaj • Vendosi në mënyrë konzistente pjesët grafike dhe tekstuale • Apliko stilizime për linqe (pseudoklasa në CSS).
Kategorizimi i web sajteve • Cilës shtresë demografike i dedikohet web sajti? • Si është konkurrenca? • Si duhet të diferenconi biznesin tuaj nga konkurrentët? • Si të krijoni brendin (identitetin) tuaj? • Logo, fonte, ngjyra, stilizime etj.
Krijimi i prototipit Prototipi
Ndërfaqe praktike Me miliona web sajte që ekzistojnë sot në botë, gjëja e fundit që do donin klientët tuaj do të ishte vështirësia e gjetjes së informacioneve të rëndësishme në web sajt. Keni në dispozicion vetëm njëminutë përpara se ata ta braktisin web sajtin tuaj !!!
Principe të përdorueshmërisë • Përdor tipare të qarta • Kërkimi, linqet, komentet, ndihma ... • Mbaji linqet e navigimit konzistente • Mos i ndrysho shumë fjalët, linqet ose objektet • Siguroju që përmbajtjet e sajtit të mund të shihen apo dëgjohen nga çdokush • Në botë ekzistojnë edhe njerëz me nevoja të veçanta!! • Produkte të ndryshme të web shfletuesve • Menaxhoni madhësinë e fajllave • Koha e ngarkimit të web faqeve
Leximi dhe Shfletimi Leximi Shfletimi Fjalë kyçe Nënkategori kuptimplota Lista (të parenditura) Një ide për një paragraf Fraza të zakonta • Shënim konciz • Shënim objektiv dhe faktik • Përdor fraza të zakonshme • Jep një ide për një paragraf • Ofroni edhe rezime në fillim të një paragrafi
Teknikat e navigimit • Navigim me harta imazhes (fotosh) – foto si link • Navigim me link tekstual – fjalët si link • Navigim me butona – metodë klasike • Navigim me korniza – një opsion solid për më shumë thjeshtësi dhe qartësi. • Navigim me meny – duke përdor javaskript
Thellësia dhe lëvizja në sajt Hierarkia e web sajtit Koncepte kryesore në navigim Globale Lehtësimi i lëvizjes së klientit ndërmjet pjesëve kryesore në sajt. Paralele Përmirësim i lëvizjes në kuadër të një pjese të vetme. Lokale Mundësia që klientit ti ofrohet indexi , apo përmbajtja e faqes • Hierarkia e gjërë • Më pak nivele • Faqja kryesore është 3 klikime larg • Ideale për sajte të vegjël (më pak web faqe) • Hierarkia e thellë • Më shumë nivele • Shumë detaje, më shumë klikime • Ideale për sajtë të mëdha që kanë informacione të detajizuara
Praktikat më të mira • Bëju konzistent • Shmangni hierarkinë e thellë në sajtet e vegjël • Lidhni çdo faqe me faqen kryesore • Ofroni mundësinë për Kërkim • Veti universale për linqet • Jepni informacione për linqet (ku të çojnë) • Mos i mbushni me shumë tekst faqet, vendosni fjalë koncize me informacione më të rëndësishme • Përdorni emër me kuptim për faqet • Përdoruesit duet ta gjejnë informacionin me jo më shumë se 3 klikime.
Thank You! • PYETJE??? 17