Flux de bule

Bubble Flow este o interfață cu două dimensiuni grafice animate care vă permite să navigați și să interacționeze în întreaga structură arborescentă a unei discuții (fir de discuții) , rămânând în același timp într - un spațiu limitat în lățime.

Într-un mediu grafic , fluxul de bule este un element al  interfețelor grafice  (un  widget ) care grupează într-un bloc extensibil mai multe  butoane  și zone de introducere a textului . Dispune de un rând de mini-bule cu imagini de avatare care pot fi pliate sau desfăcute la clic și sunt aliniate într-un rând orizontal la fiecare nivel de adâncime a copacului. Mesajele sunt suprapuse pe verticală și puteți să le desfășurați câte unul pe nivel pentru a le citi. Puteți naviga apoi de la stânga la dreapta în fiecare nivel cu butoanele anterioare / următoare.

Structura de discuție a copacului

În mod tradițional, o discuție este reprezentată ca o structură de copac a mesajelor părinte și copil legate de ramuri. Axa verticală de sus în jos (direcția de citire) reprezentând timpul scurs și axa orizontală reprezentând răspunsurile multiple (mesaje copil) la același mesaj părinte cu o clasificare tradițională de la stânga la dreapta în ordine cronologică.

niveau 1 ___ message A ___ | | niveau 2 __ message B __ message C __ | | | | niveau 3 message D message E message F message G | niveau 4 message H

În interfețele de discuție, modul de reprezentare a acestui copac poate lua mai multe forme, dintre care cea mai utilizată este firul de discuție plat sau indentat.

Iată ce arată ca un fir plat (fir plat)

Fir plat

niveau 1 message A niveau 2 message B niveau 2 message C niveau 3 message D niveau 3 message E niveau 3 message F niveau 3 message G niveau 4 message H

Nu există nimic care să indice la ce nivel mă aflu sau cine răspunde cu precizie. Mesajele se acumulează pe măsură ce sosesc.

Și aici același lucru în fir indentat (fir indentat)

Fir indentat

niveau 1 message A niveau 2 |__ message B niveau 3 | |__ message D niveau 4 | |__ message H niveau 2 |__ message C niveau 3 |__ message E niveau 3 |__ message F niveau 3 |__ message G

În acest aranjament, ordinea cronologică verticală nu mai este respectată. Dacă sosește un răspuns nou, acesta va fi inserat și va deplasa următoarele răspunsuri în jos. Această prezentare are meritul de a arăta clar cine vorbește cu cine, dar dincolo de o adâncime de 5, lățimea ecranului necesară devine prea mare; spațiul pentru mesaj este sacrificat și lizibilitatea este deteriorată.

Subiect de discuție acordeon (flux cu bule)

În Bubble Flow, în fiecare nivel, se desfășoară un singur mesaj la un moment dat pentru a facilita citirea, iar celelalte mesaje de același nivel sunt reprezentate de avatarul autorului său într-un mini-balon. Deci, vizualizăm o singură ramură la un moment dat și putem merge în jurul întregului copac de discuții.

Exemplu de ramură a mesajului deschis H

niveau 1 message A | niveau 2 message B, [C] >> | niveau 3 message D, [E], [F], [G] >> | niveau 4 message H

Exemplu de ramură de mesaje F deschisă

niveau 1 message A | niveau 2 << [B], message C | niveau 3 << [D], [E], message F, [G] >>

Beneficii

Exemple

Interfața GraphComment folosește componenta Bubble Flow în software-ul său de chat.

Interfața GraphComment este un design web receptiv și compatibil pe ecranele tactile .

Deocamdată această componentă este utilizată doar de soluția de discuție GraphComment.

Referințe

  1. „  GraphComment vrea să elimine comentariile  ” ( ArhivăWikiwixArchive.isGoogle • Ce să faci? ) , Pe MediasSocial.fr ,4 noiembrie 2014(accesat la 7 septembrie 2016 )
  2. "  Ce este Bubble Flow?" - GraphComment  ” (accesat la 7 septembrie 2016 )

linkuri externe