O privire de ansamblu tehnică a Presseurop.eu

Presseurop.eu este în continuă dezvoltare din martie 2010 încoace. Acest articol încearcă să prezinte unele dintre cele mai notabile caracteristici ale site-ului, şi în special cele specifice platformei multilingve de comentarii. Ca principal webmaster, voi descrie deci câteva din alegerile făcute şi motivele care au stat la baza acestora.

Context: Presseurop.eu a fost creat cu o aplicaţie CMS, Pressflow, o ramură a sistemului Drupal. Interfaţa sa multilingvă este puternic personalizată, iar editorii introduc conţinutul exclusiv în limbajul Markdown. Site-ul utilizează două servere frontale, ajutate de acceleratorul web Varnish. Acest articol se va concentra însă doar pe front-end şi pe experienţa avută de utilizatori.

O platformă de discuţii unică, multilingvă

Cel mai cunoscut aspect al Presseurop.eu, cel despre care se vorbeşte cel mai mult, este sistemul său de comentarii, destinat şi conceput pentru a permite dezbaterile transnaţionale. Cele trei principale componente ale sale, dezvoltate în 2010-2011, sunt:

• Un singur fir de comentarii - aparţinând celor zece versiuni diferite ale unui document tradus. Utilizatorii citesc articolele fiecare în limba sa dar comentariile fac parte dintr-o singură discuţie, comună tuturor celor zece versiuni: franceză, română, engleză, portugheză, germană, cehă, olandeză, spaniolă, poloneză, italiană.
• Opţiunea unei traduceri automate - dând click pe un singur buton (traducere automată oferită de Google).
• Traducere in-line a celor mai bune comentarii de către cei zece editori.

[[Presseurop.eu este singurul site european de ştiri care oferă o astfel de platformă multilingvă]]. Aceasta a generat multe reacţii pozitive şi a contribuit la o creştere exponenţială a participării cititorilor de pe site.

Cu toate acestea, motorul nostru de producere de conţinut şi de agregare de comentarii are o serie de alte caracteristici. Neobişnuite.

Citate în loc de blocuri de comentarii. Deci, pentru a face ca discuţiile să fie cât mai utile cu putinţă şi pentru cei care nu participă la discuţii, ne-am decis să evităm blocurile (comentarii trunchiate care răspund altora)şi să încurajăm comentatorii să citeze anumite fraze. În teorie, decizia noastră are două avantaje:

• orice comentariu este înţeles uşor, fără a necesita vreun context
• comentariile pot fi afişate în orice ordine, fără ca sensul să fie afectat
  Utilizatorii sunt totuşi anunţaţi printr-un mesaj electronic atunci când cineva citează o parte din comentariul lor.

Nu există comentarii ascunse. Cititorii ne-participativi pot vedea comentariile ordonate din punct de vedere al importanţei - (1) comentarii selecţionate de editor, şi apoi (2) cele recomandate de cititori, în fine, (3), toate celelalte. Însă utilizatorii autentificaţi vor vedea comentariile în ordine cronologică, automat, ceea ce le va permite o viziune de ansamblu asupra discuţiei. Niciun comentariu nu este ascuns de altele, care urmează, iar observaţiile lungi sunt accesibile via unui buton "citiţi mai mult", evitând astfel necesitatea vreunei paginaţii.

Recomandări secrete. Utilizatorii asidui, care au scris mai multe comentarii de calitate, pot deveni "membri" cu drept automat la publicare, fără vreo moderare prealabilă, pot de asemenea recomanda comentariile venite din partea altor utilizatori. Cu toate acestea, doar comentariile recomandate de mai mulţi utilizatori pot primi o "stea" de recomandare - iar scorul exact al unui anumit comentariu nu este niciodată afişat. Ideea este de a descuraja voturile gen "concurs de frumuseţe", între comentarii cu sens opus, permiţând membrilor forumului să acorde credit şi altor comentarii. Prezenţa butonului de traducere automată face ca toate conţinuturile să poată fi înţelese de comentatori.

Supraveghere agresivă. Comentariile postate pe site-ul Presseurop.eu sunt supuse unor reguli stricte de supraveghere, de prezentare, cu scopul de a menţine imaginea calitativă a site-ului şi nivelul ridicat al discuţiilor. Comentariile sunt deci limitate la un text relativ scurt, de maxim 1500 de semne, pentru a încuraja concizia, iar majusculele sunt respinse. [[Prezenţa butonului de traducere automată face ca toate conţinuturile să poată fi înţelese de comentatori]]. Înainte de a fi afişate pe site, toate comentariile trec prin mai multe etape, filtre, menite să îmbunătăţească prezentarea lor, dar care se asigură că:

• punctuaţia este urmată de spaţii
• este eliminată punctuaţia exagerată - "!!!!!??????....." devine "!?..."
• paragrafele sunt separate în mod corespunzător - spaţiile ambigue sunt eliminate.

Nu există şiruri de înscriere. Presseurop.eu permite noilor utilizatori să-şi prezinte imediat observaţiile, fără a mai aştepta confirmarea prin mesaj electronic. Prezenţa vreunui eventual spam este eliminată de un "captcha" care pune o întrebare uşoară, din domeniul politicii europene sau a istoriei, şi, de regulă, comentariile noilor utilizatori sunt moderate înainte de publicare. Ulterior, utilizatorii sunt încurajaţi să-şi construiască o reputaţie pe forum prin corelarea paginii lor de profil cu alte identităţi on-line şi prin atragerea de recomandări de la alţi utilizatori.

Experienţă de utilizator

Presseurop.eu foloseşte un aspect de pagină receptiv, cu un singur punct de întrerupere ceea ce înseamnă că prezentarea conţinutului poate fi de două feluri, în funcţie de lăţimea ecranului utilizat. [[Pe ecrane cu o capacitate mai mică de 800 de pixeli, a treia coloană nu este afişată]] iar comentariile sunt încărcate doar opţional. La paginile pe două coloane, a doua coloană trece după prima.

Principiile generale UX includ:

• butoane browser standard care iniţiază toate acţiunile ("a face"), iar linkurile sunt rezervate doar adreselor URL ("a merge spre")
• un feedback spinner şi o finalizare sunt prevăzute pe fiecare buton AJAX (de exemplu, atunci când postaţi un comentariu)
• defilare a tuturor legăturilor interne, care sunt marcate cu săgeţi sus şi jos
• toate legăturile externe se deschid într-o altă fereastră şi sunt marcate ca atare în corpul textului

Detaliu: Foaia de stil principală foloseşte principiile pragmatice ale orientării pe obiecte CSS, pentru a face astfel mai uşor de întreţinut site-ul, în absenţa unui procesor CSS. Comentariile şi butoanele spre reţele sociale sunt încărcate asimetric pentru e evita blocarea paginii. Comentariile-container şi alte client-side on-the-fly sunt scrise direct în DOM fără templating, de obicei într-o platformă JQuery, şi mereu în spaţii agregate, pentru a evita problemele de viteză. Cele două fonturi web utilizate, Enriqueta şi PT Sans, sunt gratuite şi au fost alese din FontSquirrel.

Accesibilitate

[[Fiind un site de interes public, Presseurop.eu acordă o foarte mare importanţă accesibilităţii]]. Site-ul nostru respectă principalele recomandări WCAG 2.0 pentru site-urile de conţinut, pe lângă recomandările WAI-ARIA.

Dimensiunea corpului de text a fost crescută pentru a corespunde navigatorului standard de 16px , situându-se astfel în faţa celor mai multe alte site-uri de ştiri, iar blocurile de text respectă standardele recomandate în termeni de lăţime, justificare şi spaţiu.

Utilizarea limbajului Markdown de către editori înseamnă practic eliminarea oricărei probleme de conţinut toxic suplimentar în interiorul documentelor. Un filtru asigură o clauză de separare a cratimelor (-), pe care le converteşte în linii (–), eliminând această foarte frecventă confuzie pe web.

Utilizăm integral:

• marcarea semantică HTML5, incluzând articolele, secţiunea, antetul, hgrupul, credituri de autor şi cuvinte-cheie
• atributele elementelor din pagină, incluzând banerele, motoarele de căutare, navigarea, informaţia principală şi complementară
• atributele reale pe legături, inclusiv cele alternative (pentru traduceri), autori, semn de carte, înainte şi înapoi (pentru paginaţie),căutare, şi cuvinte cheie.

Imaginile nedecorative au un text descriptiv. Toate funcţionalităţile paginii, în special sistemul dedicat comentariilor, este disponibil cu ajutorul tastaturii.

Social-ism şi sindicare

Pentru a împinge utilizatorii spre conţinuturile populare cel mai popular bloc de conţinut utilizează un algoritm pentru a ghici cele mai consultate conţinuturi de pe site, dând aceeaşi importanţă tuturor limbilor utilizate. Chiar mai simplu, cota de numărare a tuturor articolelor permite afişarea în timp real a numărului de partajări pe Twitter şi pe Facebook, pentru toate cele zece versiuni lingvistice.

Am implementat pe deplin pentru toate versiunile Twitter cardul şi pagina Facebook, făcând toate articolele pe deplin acceptate de cele două principale reţele sociale. Elementele publicate recent sunt postate pe Facebook de un fir RSS standard, şi pe Twitter prin Twitter API. În plus, articolele complete sunt postate automat pe Twitter de până de patru ori fiecare - după 3 ore, după 18 ore, 3 zile şi 7 zile - în funcţie de un prag predefinit pentru numărul de acţiuni. Aceasta oferă utilizatorilor de Twitter, în toate cele zece limbi, posibilitatea de a citi cele mai populare articole.

În cele din urmă, spre deosebire de cele mai multe site-uri de ştiri, [[Presseurop.eu oferă tot conţinutul (şi mai ales ştirile şi revistele de presă) în acces liber şi complet datorită firului RSS]] sub o licenţă Creative Commons BY-NC-ND Altfel spus, oprice site non-comercial poate utiliza textele noastre, nemodificate, fără ca un acord prealabil să fie necesar.

Detaliu: Blocul "cele mai populare articole" preia automat cele mai populare articole pentru fiecare limbă utilizată, numărul de vizualizări pentru fiecare pagină, din ultimele 7 zile, şi le afişează în partea de sus a paginii, în ordinea numărului de limbi în care figurează astfel (pentru primele patru). Al cincilea este cel care este popular în cele mai puţine limbi, de regulă una singură, şi doreşte evidenţierea articolelor populare doar într-o singură limbă.