aspecte ale proiectarii unui sit web - profs.info.uaic.robusaco/talks/webdesign.pdf · {analiza...

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


faze

CerinteleAnaliza si proiectareaImplementarea si documentareaMentinerea


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


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


structura: pagina de start


structura: pagina principala


structura: paginasub-sidiara


design

Aspecte importanteFunctia

design-ul (proiectarea) bun(a) ofera suport pentru activitatileutilizatorului

Formadesign-ul (proiectarea) bun(a) trebuie sa impulsionezeutilizatorul sa foloseascaobiectul cu placere


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


design

Greseli comunedezordinea si zgomotulinterferenta intre elementelecu acelasi grad de importanta ale situluicomplicarea evidentuluidetalierea excesiva


design: principii (1)

Informatiile importante vor fi afisate in mod diferit de restultextului



Situl trebuiesă ofereposibilitatide navigare



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


design: tipuri (1)

Proiectarea bazata pe grila (grid)des folosita in tipografie


design: tipuri (2)

Focalizareainformatiei (focus)

design-ul trebuiesa scoata in evidenta unul sauun numar redus de elementemodulare


design: tipuri (2)

Flexibilitateasitul trebuie sa permitavariatii de la tema(personalizarea sitului: My Altavista, My Netscape)

Modularitateastabilirea de elementemodulare


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


organizare: strategii

“Content is King” – continut, consistenta, densitate, design, dimensiune“Feedback and Online Surveys”“Frequently Asked Questions (FAQ)”“Navigational Aid”“Color Scheme”“File Size”


promovarea

Atragerea vizitatorilorOferirea de informatii“free” (white paper, user guide, FAQ,…)PersonalizareSuport online/offlineAnticiparea dorintelorclientilorTraduceri in limba maternaInterfata atractiva


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!


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


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


promovarea

Alte problemeCampania negativa“Niciodata nu-ticritica adversarii!”Refacerea dupadezastru (e.g. Intel)Promptitudinea(e.g. SwissAir)

Construireaunui

“dark site”


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


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


exemple


rezumat

FazeCerinteStructuraDesign – aspecte, tipuri, strategiiOrganizarePromovareStatisticiExemple


aspecte ale proiectarii unui sit Web

Multumiri pentru atentia acordata!

Intrebari?...

aspecte ale proiectarii unui sit web - profs.info.uaic.robusaco/talks/webdesign.pdf · {analiza...

Documents