Comunicare în medii electronicebusaco/teach/courses/... · here://iCome Dr. Sabin-Corneliu Buraga...

here://iCome

Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/

Comunicare în medii electronice

Dr. Sabin‐Corneliu Buraga

here://iCome


Proiectarea siturilor Web

here://iCome


Nu poți câştiga nici un jocpână când nu eşti pregătit să câştigi.

Connie Mack

here://iCome


Întrebare

Care sunt tehnicile de proiectare Web?

here://iCome


Întrebare

Care sunt categoriile de aplicații Web?

here://iCome


Răspuns

Centrate pe documente – document centricconținut (pagini) static(e):

situri de companii, personale,...

here://iCome


Răspuns

Interactiveexpoziții virtuale, situri de ştiri, planificare de călătorii

here://iCome


Răspuns

Tranzacționaleon‐line banking, soluții B2B (Business‐to‐Business),

fluxuri de activități (worflow‐uri)

Tranzacție = set de paşi intermediari inter‐dependenți văzut ca un proces atomic

Exemplu: cumpărături via e‐shop

here://iCome


Răspuns

Colaborativetele‐conferințeWeb, wiki‐uri, servicii e‐learning,

servicii peer‐to‐peer (e.g., torrents)

Wiki (“foarte rapid”) = aplicație Web ce permite editarea facilă& colectivă de resurse, folosind un limbaj de marcareExemple: Wikipedia (MediaWiki), Infoiasi.ro (XWiki)

here://iCome


Răspuns

Orientate spre portalurilocalizare unitară de resurse focalizate pe un domeniu:

tehnic, de afaceri, guvernamental etc.

portaluri de tip enterprise, educaționale, cetățeneşti,de divertisment,…

here://iCome


Răspuns

De tip ubicuuservicii mobile bazate pe locația utilizatorului,

disponibile pe mai multe platforme: Web‐ul mobil

context: ubiquitous computing –MarkWeiser (1991)omniprezența & inter‐conectivitatea calculatoarelor

here://iCome


Răspuns

Web social (Web 2.0)blog‐uri, spații de lucru virtuale, regăsire & filtrare

colaborativă a datelor etc.

Weblog /blog = mijloc de comunicare: de la jurnal (personal)la depozit de informații într‐un domeniu de interes

Sisteme de blogging: Blogger, Movable Type, WordPress

here://iCome


Răspuns

Web semanticmodelarea cunoştințelor astfel încât să poate fi

“înțelese” de către calculatoare

sisteme de recomandare, mediatizare (syndication) complexă, management de cunoştințe etc.

here://iCome


Tipuri de aplicații Web

Centrate pe documenteInteractiveTranzacționaleColaborativeOrientate spre portaluriDe tip ubicuuWeb socialWeb semantic

Evoluția în timpa complexității

here://iCome


Întrebare

Există vreo “rețetă” de proiectare judicioasăa siturilor Web?

here://iCome


Design

here://iCome


Design

Aspecte importante:Funcția – designul (proiectarea) bun(ă) oferă suport pentru desfăşurarea activităților utilizatorului

Forma (Înfățişarea) – designul (proiectarea) bun(ă) trebuie să impulsioneze utilizatorul să foloseascăobiectul cu plăcere

here://iCome


Design

here://iCome


Design

Scop general“Designing interactive products to support the way people communicate and interact

in their everyday and working lives.”(Sharp, Rogers & Preece, 2007)

here://iCome


Design

Scop particularProiectarea/dezvoltarea de produse utilizabile (usable)

Ne interesează proiectarea siturilor Web(Web interface design)

here://iCome


Design Web

Aranjamentul spațial (layout)Asigurarea fluxului (rhythm, focus & color)

Organizarea informațiilor (information architecture)Asigurarea navigabilității

Modularitatea & flexibilitateaConsistența

here://iCome


Design Web: strategii

here://iCome


Design Web

Scopul & obiectivele unui sit WebIdentificarea publicului‐țintăStabilirea scopului (mission statement) – de găsit o m0tivație reală – “Find a need and fill it.”

Cunoaşterea obiectivelor principaleÎntocmirea unui plan concis privitor la informațiile ce vor fi disponibile pe sit

here://iCome


Design Web

Exemplu: situl Web al unui muzician“To maintain and develop lasting relationships with fans of Robert’s music. In addition to being visually and emotionally appealing and appropriate to Robert’s fan base, the site should be a reliable source for current information on Robert’s activities and provide consistently updated audio and visual stimuli that encourage repeated visits from fans.”

here://iCome


Design Web

Exemplu: claims from Flickr.com“Flickr.com is almost certainly the best on‐line photo management and sharing application in the world.” (pretindea Flickr în 2005)

Presupuneri (assumptions): partajarea nu doar a însemnărilor, ci şi a fotografiilor (personale)suport pentru realizarea de comentarii + adnotări (tagging)plăcerea oamenilor de a împărtăşi amintiri

here://iCome


Design Web

Dificultăți/realități:Lipsa unei structuri reale (tangibile) – contrast cu materialele tipărite

Necunoaşterea publicului‐țintă realVolatilitatea cerințelor & constrângerilorMediu de operare impredictibilInexperiența vizitatorilorAlte criterii privind calitatea (interfața, conținutul etc.)

here://iCome


Design Web

Cine?Ce?

Când?Unde?

here://iCome


Design Web

Cine?Posibilitatea de a afla cine e creatorul sitului/paginii

Aspect foarte important pentru situri informaționale (articole, ştiri, documentații, fotografii,…)

here://iCome


Design Web

Ce?Ce anume comunică un document/sit

Vizitatorul trebuie rapid să‐şi dea seama asupra tematicii oferite de un sit sau de serviciile puse la dispoziție de o aplicație WebAtenție la titlul paginii!

New page Untitled document

here://iCome


Design Web

Când?De indicat data ultimei actualizări a conținutului

Aspect esențial pentru situri de comerț electronic,legislative, cetățeneşti etc.

15 iulie 1997 vs. 07 ianuarie 2033

here://iCome


Design Web

Unde?Apartenența & afilierea autorului

Recurgerea la strategii privind identitatea (vizuală)

here://iCome


Design Web: aspecte importante

Navigarea prin sitexploatarea “puterii” hipertextului

strategii de navigare: meniuri, legături conexe, paginări,

cele mai recente vizitate pagini, harta sitului (site map),facilități de căutare în cadrul sitului etc.

here://iCome


here://iCome



Asigurarea contextuluiutilizatorul nu are acces la întreaga informație

disponibilă pe un sit

consistența prezentării, layout unitar,grupare judicioasă a conținutului,

recunoaştere facilă a datelor de interes(recognition, not recall),…

here://iCome



here://iCome



Accesul direct & rapidevitarea supra‐încărcării informaționale,transferul rapid al documentelor Web

paginarea conținutului, optimizări la nivel de cod, redimensionarea imaginilor, evitarea siturilor

realizate integral în Flash, prezentări alternative,…

here://iCome


here://iCome



Asigurarea simplității & consistențeiless is more + keep it simple

utilizarea metaforei & şabloanelor (template‐uri)

cel mai mult contează uşurința interacțiuniişi îndeplinirea scopurilor utilizatorului

here://iCome


here://iCome


Întrebare

Care este anatomia unui sit Web?

here://iCome


Structura unui sit Web

Pagina de start (home page)Sumar & scop, tipul conținutului,…Oferămaniere de parcurgere

Paginile subiectelor principaleSecțiuni importante ale sitului

Paginile subsidiareDivizează conținutul, oferă acces la resurse etc.Trebuie să includă legături spre pagina principală

here://iCome



here://iCome



Organizarea informațiilor la nivel de sitrealizarea relațiilor (logice) dintre module de informații

de analizat din punct de vedere:estetic, semantic, al utilității – conform scopurilor

here://iCome



Organizarea informațiilor la nivel de sitsecvențială

cronologie, general particular, alfabeticăcaroiaj (grid)

conform unor axe prestabilite – e.g., timp & tematicăierarhicăîn rețea

relații complexe între module (documente) de informații

here://iCome



here://iCome



De asigurat consistențaMărimea, culoarea & poziționarea unitară ale meniurilor de navigare, siglelor, conținutului etc.

Modificările importante vor fi anunțateSecțiunea “Noutăți” (What’s New, News), blog,…

Posibilități de contactPrin e‐mail, via un formular, secțiunea “Contact” etc.Forumuri sau blog‐uri corporatiste

here://iCome



Alte secțiuniAdrese Web favorite

situri conexe/partenere, blogroll,…Întrebări adresate frecvent

FAQ (Frequent Asked Questions)Condiții de utilizare sau asumare a răspunderii

DisclaimerPolitica de confidențialitate

Privacy policy

here://iCome


here://iCome



Instrumentele de navigare prin sitMeniu orizontal de navigare

here://iCome



Instrumentele de navigare prin sitMeniu vertical

PlatExpandabilBi‐nivel

Plasat în stânga/dreapta paginii

here://iCome



Instrumentele de navigare prin sitMeniuri combinate

Vertical + orizontalPe trei coloane: vertical, orizontal, vertical

here://iCome



Instrumentele de navigare prin sitPăstrarea contextului – breadcrumb navigation

here://iCome



Instrumentele de navigare prin sitAlte abordări:

Navigare matriceală – 2 axe navigaționalePaginarea conținutuluiPlasareamijloacelor de navigare in subsol– expansive footer navigation

Navigări complexe – e.g., hărți grafice, tehnici 3D, bazate pe interacțiunea cu utilizatorul etc.

here://iCome


here://iCome



Instrumentele de navigare prin sitGreşeli frecvente

Structura de navigare superficială – plată (flat)Structura de navigare excesiv de adâncă

here://iCome


Întrebare

Există modalități de organizare a sitului Web?

here://iCome


Organizarea sitului Web

Separarea datelor de prezentare(formă + navigare) şi de procesarea lor efectivă

Problememodificarea frecventă a conținutuluischimbarea periodică a interfețeipăstrarea integrității legăturilor

here://iCome


Organizarea sitului Web

Poate fi influențată şi de reacțiile vizitatorilorAudiența internațională

Colectarea (automată) de feedback de la utilizatoriRealizarea de chestionare on‐line –Web surveys

Verificarea & testarea frecventă

here://iCome


Întrebare

Aspecte importante legate de exploatare?

here://iCome


Exploatarea sitului Web

Provocăridisponibilitate imediată – 24h din 7 zile –

la nivel global, pentru un număr nelimitat de utilizatori

Suport permanent acordat clienților

here://iCome



Provocăricontinua evoluție a sitului (aplicației) Web

here://iCome



Publicarea situluiServer Web dedicatFurnizor de servicii de găzduire (Web hosting)

Atenție la performanțe, modalități de administrare,…

here://iCome



Publicarea situluiAlegerea domeniului simbolic Internet

Poate reflecta brand‐ul“Bătălia” numelor de domeniiServicii de redirecționare – e.g., purl.netRecurgerea la domenii “speciale”

.tv (Tuvalu), .fm (Federația Micronezia)

here://iCome



Promovarea situluiAdresa sitului “legată” de numele companieiAnunțuri publicitare – newsletters, advertising,…Affiliate marketing – schimb de banner‐e, pay per clickSEM (Search Engine Marketing)

Înscriere la motoare de căutareSEO (Search Engine Optimization)

Content‐related marketing – e.g., Google Adwords

here://iCome



Atragerea vizitatorilorOferirea de informații “free”

White paper, user guide, FAQ, eşantioane multimedia etc.Personalizarea sitului

iGoogle, My OperaSuport pentru serviciile oferite

Manuale, canal IRC, forum, blog, comunitate on‐line,…

here://iCome



Atragerea vizitatorilorAnticiparea dorințelor clienților

De exemplu, înainte de sărbători importanteTraduceri în limba maternă

Google.com vs. Google.roAsigurarea credibilității

Aspect important: drepturile de autor (copyright)Oferirea unei interfețe Web atractive

here://iCome



Asigurarea accesibilitățiiAccesibilitatea = accesul cu succes la informații şi tehnologia informației de către persoanele cu nevoi speciale: vizuale, auditive, motorii, cognitive

here://iCome



Asigurarea accesibilitățiiEsențialmente, trebuie oferite mijloace alternativefacilitând activitățile utilizatorilor, conform punctelor lor de vedere şi stilului de lucru al acestor persoane

WAI (Web Accessibility Initiative):www.w3.org/WAI/

here://iCome



Factori de riscDefinirea neclară a obiectivelorFocalizarea asupra unei audiențe nereprezentativePreluarea inflexibilă a conținutuluidin documentele tradiționale

Lipsa mentenanței conținutuluiLipsa mijloacelor de navigareSubestimarea importanței prezenței pe Web

here://iCome


Greşeli?

here://iCome


Rezumat

Tipuri de situri Web

Design Web

Aspecte privind proiectarea structurii,organizarea şi exploatarea siturilor Web

here://iCome


Întrebări?

here://iCome


Comunicare în medii electronicebusaco/teach/courses/... · here://iCome Dr. Sabin-Corneliu Buraga...

Documents

Transcript of Comunicare în medii electronicebusaco/teach/courses/... · here://iCome Dr. Sabin-Corneliu Buraga...