Download - WebDesign (romaneste)
-
8/13/2019 WebDesign (romaneste)
1/31
Aspecte ale proiectariiunui sit Web
Sabin Corneliu Buraga
Facultatea de Informatica
Universitatea A.I.CuzaIasi, Romania
http://www.infoiasi.ro/~busaco/
-
8/13/2019 WebDesign (romaneste)
2/31
Sabin Corneliu Buraga Mai 2002
cuprins
Faze
CerinteStructura
Design aspecte, tipuri, strategiiOrganizare
Promovare
Statistici
Exemple
-
8/13/2019 WebDesign (romaneste)
3/31
Sabin Corneliu Buraga Mai 2002
faze
Cerintele
Analiza si proiectarea
Implementarea si documentarea
Mentinerea
-
8/13/2019 WebDesign (romaneste)
4/31
Sabin Corneliu Buraga Mai 2002
cerinte
Platforma tinta(hard, OS, server Web, client Web)
Limbajul de scripting si modul de procesare
Nivelul programarii (client/server/ambele)
Sist. de management al BD, altor resurse
Cerintele de securitate/autentificare
Design-ul general al situluiFrecventa actualizarii si dinamica sitului
Audienta si specificul continutului
-
8/13/2019 WebDesign (romaneste)
5/31
Sabin Corneliu Buraga Mai 2002
structura unui sit
Pagina de start (home page)
Indexul (sumarul) sitului
Scop, tipul continutului, modalitati de parcurgere
Paginile subiectelor principaleSubiecte de interes ale sitului
Paginile subsidiare
Trebuie sa contina legaturi de revenire
la pagina de start
-
8/13/2019 WebDesign (romaneste)
6/31
Sabin Corneliu Buraga Mai 2002
structura: pagina de start
-
8/13/2019 WebDesign (romaneste)
7/31
Sabin Corneliu Buraga Mai 2002
structura: pagina principala
-
8/13/2019 WebDesign (romaneste)
8/31
Sabin Corneliu Buraga Mai 2002
structura:
paginasub-
sidiara
-
8/13/2019 WebDesign (romaneste)
9/31
Sabin Corneliu Buraga Mai 2002
design
Aspecte importante
Functiadesign-ul (proiectarea) bun(a)
ofera suport pentru activitatile
utilizatoruluiForma
design-ul (proiectarea) bun(a)
trebuie sa impulsioneze
utilizatorul sa foloseasca
obiectul cu placere
-
8/13/2019 WebDesign (romaneste)
10/31
Sabin Corneliu Buraga Mai 2002
design
Principii generale
SimplitateaDesign-ul simplu de obicei este si cel mai eficient
Forma intotdeauna urmeaza functiei. (Sullivan)
Exemplu: Google.com
Dimensiunea, contrastul, proportia
Organizarea si caracterul vizual
al structurii informationale
-
8/13/2019 WebDesign (romaneste)
11/31
Sabin Corneliu Buraga Mai 2002
design
Greseli comune
dezordinea si zgomotulinterferenta intre elementele
cu acelasi grad deimportanta ale sitului
complicarea evidentului
detalierea excesiva
-
8/13/2019 WebDesign (romaneste)
12/31
Sabin Corneliu Buraga Mai 2002
design: principii (1)
Informatiile importante vor fi afisate in mod
diferit de
restul
textului
-
8/13/2019 WebDesign (romaneste)
13/31
-
8/13/2019 WebDesign (romaneste)
14/31
Sabin Corneliu Buraga Mai 2002
design: principii (3)
Situl trebuie sa fie consistent
Marimea/culoarea butoanelor, textului silegaturilor, localizarea pe pagina a legaturilor
navigationale trebuie sa fie similare
in intreg situl
Situl trebuie sa ofere o posibilitate de
contact(prin posta electronica cel putin)si un index(site map)
Situl trebuieverificatsivalidat
-
8/13/2019 WebDesign (romaneste)
15/31
Sabin Corneliu Buraga Mai 2002
design: tipuri (1)
Proiectarea bazata pe grila (grid)
des folosita in tipografie
-
8/13/2019 WebDesign (romaneste)
16/31
Sabin Corneliu Buraga Mai 2002
design: tipuri (2)
Focalizarea
informatiei (focus)design-ul trebuie
sa scoata in
evidenta unul sau
un numar redus de
elementemodulare
-
8/13/2019 WebDesign (romaneste)
17/31
Sabin Corneliu Buraga Mai 2002
design: tipuri (2)
Flexibilitatea
situl trebuie sa permitavariatii de la tema
(personalizarea sitului:
My Altavista, My Netscape)
Modularitatea
stabilirea de elementemodulare
-
8/13/2019 WebDesign (romaneste)
18/31
Sabin Corneliu Buraga Mai 2002
organizare
Separarea datelor (continutul) de
prezentarea lor finala (forma)
Probleme:
Modificarea frecventa a continutului
Schimbarea periodica a interfetei(atragerea vizitatorilor)
Pastrarea integritatii legaturilor si oferirea
facilitatilor de navigare
-
8/13/2019 WebDesign (romaneste)
19/31
Sabin Corneliu Buraga Mai 2002
organizare: strategii
Content is King continut, consistenta,
densitate, design, dimensiuneFeedback and Online Surveys
Frequently Asked Questions (FAQ)Navigational Aid
Color SchemeFile Size
-
8/13/2019 WebDesign (romaneste)
20/31
Sabin Corneliu Buraga Mai 2002
promovarea
Atragerea vizitatorilorOferirea de informatii
free(white paper,user guide, FAQ,)
Personalizare
Suport online/offline
Anticiparea dorintelorclientilor
Traduceri inlimba materna
Interfata atractiva
-
8/13/2019 WebDesign (romaneste)
21/31
Sabin Corneliu Buraga Mai 2002
promovarea
Anuntarea aparitiei pe Web
Numele sitului sa apara oriundeapare numele organizatiei/persoanei
Schimbul de bannere publicitareInregistrarea la motoare de cautare
Anunturi publicitare catre toti clientii,
furnizorii, cunoscutii etc.Fara Under constructionnicaieri!
-
8/13/2019 WebDesign (romaneste)
22/31
Sabin Corneliu Buraga Mai 2002
promovarea
Managementul imaginii companiei
via situl WebConstruirea 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 Web
I/Pro, MatchLogic
-
8/13/2019 WebDesign (romaneste)
23/31
Sabin Corneliu Buraga Mai 2002
promovarea
Batalia numelor de domeniiProblema 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 notices
Trebuie sa apara vizibile in cadrul sitului
-
8/13/2019 WebDesign (romaneste)
24/31
Sabin Corneliu Buraga Mai 2002
promovarea
Alte probleme
Campania negativaNiciodata nu-ti
critica adversarii!Refacerea dupa
dezastru (e.g. Intel)
Promptitudinea(e.g. SwissAir)
Construirea
unui
dark site
-
8/13/2019 WebDesign (romaneste)
25/31
Sabin Corneliu Buraga Mai 2002
statistici
Reactia la prea multeclick-uri pentru
a accesa informatiile dorite:
83
13
2
1
1
0 10 20 30 40 50 60 70 80 90
Schimba site-ul
Cauta link-uri spre
alte s ite-uri
Acceseaza
serviciul clienti
Cere ajutor altei
persoane
Renunta total
-
8/13/2019 WebDesign (romaneste)
26/31
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
-
8/13/2019 WebDesign (romaneste)
27/31
Sabin Corneliu Buraga Mai 2002
exemple
-
8/13/2019 WebDesign (romaneste)
28/31
-
8/13/2019 WebDesign (romaneste)
29/31
Sabin Corneliu Buraga Mai 2002
exemple
-
8/13/2019 WebDesign (romaneste)
30/31
Sabin Corneliu Buraga Mai 2002
rezumat
Faze
Cerinte
Structura
Design aspecte, tipuri, strategii
Organizare
Promovare
Statistici
Exemple
-
8/13/2019 WebDesign (romaneste)
31/31
Sabin Corneliu Buraga Mai 2002
aspecte ale proiectarii unui sit Web
Multumiri pentru atentia acordata
Intrebari?