aspecte ale proiectarii unui sit web - profs.info.uaic.robusaco/talks/webdesign.pdf · {analiza...
TRANSCRIPT
Aspecte ale proiectariiunui sit Web
Sabin Corneliu BuragaFacultatea de InformaticaUniversitatea “A.I.Cuza”Iasi, Romaniahttp://www.infoiasi.ro/~busaco/
Sabin Corneliu Buraga – Mai 2002
cuprins
FazeCerinteStructuraDesign – aspecte, tipuri, strategiiOrganizarePromovareStatisticiExemple
Sabin Corneliu Buraga – Mai 2002
faze
CerinteleAnaliza si proiectareaImplementarea si documentareaMentinerea
Sabin Corneliu Buraga – Mai 2002
cerintePlatforma tinta(hard, OS, server Web, client Web)Limbajul de scripting si modul de procesareNivelul programarii (client/server/ambele)Sist. de management al BD, altor resurseCerintele de securitate/autentificareDesign-ul general al situluiFrecventa actualizarii si dinamica situluiAudienta si specificul continutului
Sabin Corneliu Buraga – Mai 2002
structura unui sit
Pagina de start (home page)Indexul (sumarul) situluiScop, tipul continutului, modalitati de parcurgere
Paginile subiectelor principaleSubiecte de interes ale sitului
Paginile subsidiareTrebuie sa contina legaturi de revenirela pagina de start
Sabin Corneliu Buraga – Mai 2002
structura: pagina de start
Sabin Corneliu Buraga – Mai 2002
structura: pagina principala
Sabin Corneliu Buraga – Mai 2002
structura: paginasub-sidiara
Sabin Corneliu Buraga – Mai 2002
design
Aspecte importanteFunctia
design-ul (proiectarea) bun(a) ofera suport pentru activitatileutilizatorului
Formadesign-ul (proiectarea) bun(a) trebuie sa impulsionezeutilizatorul sa foloseascaobiectul cu placere
Sabin Corneliu Buraga – Mai 2002
design
Principii generaleSimplitatea
Design-ul simplu de obicei este si cel mai eficient“Forma intotdeauna urmeaza functiei.” (Sullivan)Exemplu: Google.com
Dimensiunea, contrastul, proportiaOrganizarea si caracterul vizualal structurii informationale
Sabin Corneliu Buraga – Mai 2002
design
Greseli comunedezordinea si zgomotulinterferenta intre elementelecu acelasi grad de importanta ale situluicomplicarea evidentuluidetalierea excesiva
Sabin Corneliu Buraga – Mai 2002
design: principii (1)
Informatiile importante vor fi afisate in mod diferit de restultextului
Sabin Corneliu Buraga – Mai 2002
design: principii (2)
Situl trebuiesă ofereposibilitatide navigare
Sabin Corneliu Buraga – Mai 2002
design: principii (3)
Situl trebuie sa fie consistentMarimea/culoarea butoanelor, textului silegaturilor, localizarea pe pagina a legaturilornavigationale trebuie sa fie similarein intreg situlSitul trebuie sa ofere o posibilitate de contact (prin posta electronica cel putin) si un index (site map)Situl trebuie verificat si validat
Sabin Corneliu Buraga – Mai 2002
design: tipuri (1)
Proiectarea bazata pe grila (grid)des folosita in tipografie
Sabin Corneliu Buraga – Mai 2002
design: tipuri (2)
Focalizareainformatiei (focus)
design-ul trebuiesa scoata in evidenta unul sauun numar redus de elementemodulare
Sabin Corneliu Buraga – Mai 2002
design: tipuri (2)
Flexibilitateasitul trebuie sa permitavariatii de la tema(personalizarea sitului: My Altavista, My Netscape)
Modularitateastabilirea de elementemodulare
Sabin Corneliu Buraga – Mai 2002
organizareSepararea datelor (continutul) de prezentarea lor finala (forma)Probleme:
Modificarea frecventa a continutuluiSchimbarea periodica a interfetei(atragerea vizitatorilor)Pastrarea integritatii legaturilor si oferireafacilitatilor de navigare
Sabin Corneliu Buraga – Mai 2002
organizare: strategii
“Content is King” – continut, consistenta, densitate, design, dimensiune“Feedback and Online Surveys”“Frequently Asked Questions (FAQ)”“Navigational Aid”“Color Scheme”“File Size”
Sabin Corneliu Buraga – Mai 2002
promovarea
Atragerea vizitatorilorOferirea de informatii“free” (white paper, user guide, FAQ,…)PersonalizareSuport online/offlineAnticiparea dorintelorclientilorTraduceri in limba maternaInterfata atractiva
Sabin Corneliu Buraga – Mai 2002
promovarea
Anuntarea aparitiei pe WebNumele sitului sa apara oriunde apare numele organizatiei/persoaneiSchimbul de bannere publicitareInregistrarea la motoare de cautareAnunturi publicitare catre toti clientii, furnizorii, cunoscutii etc.Fara Under construction nicaieri!
Sabin Corneliu Buraga – Mai 2002
promovarea
Managementul imaginii companieivia situl Web
Construirea profilului utilizatorilor (data-mining)Analiza fisierelor de jurnalizare a accesuluiMasurarea popularitatii sitului (viteza de incarcare, numarul de accesari, timpul de vizitare, numarul de bannere vizualizate,…)Apelarea la companii publicitare pe WebI/Pro, MatchLogic
Sabin Corneliu Buraga – Mai 2002
promovareaBatalia numelor de domenii
Problema marcilor inregistrate: Trade Mark ™, Registered ®Verificarea existentei marcilor inregistrate/celebreVerificarea existentei marcii in alte stateInregistrarea marciiDetinerea de domenii anti-“sit” (anti-”afacerea mea”)
Proprietatea intelectuala (copyright)Problema copyright-ului continutului(font, grafica, alte informatii multimedia) – cazul NapsterSoftware pirat (warez)Copyright asupra datelor (baze de date)Semnaturi digitale
Disclaimers and legal noticesTrebuie sa apara vizibile in cadrul sitului
Sabin Corneliu Buraga – Mai 2002
promovarea
Alte problemeCampania negativa“Niciodata nu-ticritica adversarii!”Refacerea dupadezastru (e.g. Intel)Promptitudinea(e.g. SwissAir)
Construireaunui
“dark site”
Sabin Corneliu Buraga – Mai 2002
statisticiReactia la prea multe click-uri pentrua accesa informatiile dorite:
83
13
2
1
1
0 10 20 30 40 50 60 70 80 90
Schimba site-ul
Cauta link-uri sprealte site-uri
Acceseazaserviciul clienti
Cere ajutor alteipersoane
Renunta total
Sabin Corneliu Buraga – Mai 2002
statistici
Ce determina utilizatorul sa revina pe sit:
74
65
58
57
40
25
20
18
9
Usurinta navigarii
Viteza incarcarii
Periodicitatea actualizarii
Calitatea continutului
Calitatea organizarii site-ului
Existenta unui motor de cautare
Grafica paginii de start
Aspectul artistic general
Existenta animatiei
Sabin Corneliu Buraga – Mai 2002
exemple
Sabin Corneliu Buraga – Mai 2002
exemple
Sabin Corneliu Buraga – Mai 2002
exemple
Sabin Corneliu Buraga – Mai 2002
rezumat
FazeCerinteStructuraDesign – aspecte, tipuri, strategiiOrganizarePromovareStatisticiExemple
Sabin Corneliu Buraga – Mai 2002
aspecte ale proiectarii unui sit Web
Multumiri pentru atentia acordata!
Intrebari?...