UX-studo: kopiu al tondejo

Kiel desegni kopi-al-tondejan agon en via UX

Kiel: kopii al tondujo en interreto

Ĉar mi verkos multajn kodajn gvidilojn kaj artikolojn enhavantajn kodajn fragmentojn en ĉi tiu progresema retprogramo, estas nepre kovri la jenajn taskojn, kiujn postulos la uzanto:

  • bonega legebleco de la kodo
  • simpla kaj klara ago por kopii la enkapsuligitan kodon

Tio estas la fundo necesa por utilaj kodekzemploj. Sed ĉu mi povas plibonigi ĝin?

Plibonigi engaĝiĝon

Por altigi la funkcion de kopio al tondujo de mia programo, mi pensis pri tio, kiel pli amuzigi la klakon sur la kopio-butono, ĉar rava uzantosperto (UX) havas la belan kromefikon konduki engaĝiĝon.

Mi elpensis jenon: kio se la programo "respondas" babileme, kiam la uzanto kopias al la tondujo? La sperto estus tuj pli persona. Uzante arogantan kaj snarkan lingvon, la provizitaj mesaĝoj ankaŭ havas unikan karakteron por ili.

Ni rigardu la finan rezulton:

I'm a code example, sort of.
Click on the button in the bottom right corner to copy.

Kiel vi povas vidi, la hierarkio estas tia de supre malsupren:

  • Imitado de denaska fenestro kun fenestrokontroloj
  • enhavo
  • agoj (ekde la verkado, nur la kopio-al-tondejo)

La efektivigo

Kiam ajn la uzanto kopias la kodon al la tondujo, hazarda elekto el antaŭdifinita aro de tekstaj fragmentoj montriĝas dum mallonga tempo. La hazarda elekto estas generita por ĉiu kodekzemplo. Por redukti kompleksecon, la teksto ne garantias esti unika en la amplekso de la artikolo. Tamen b / c estas sufiĉe multaj ŝnuroj por elekti, kolizioj havas malaltan probablon.

Kaj jen pri ĝi! Mi esperas, ke vi ŝatos ĉi tiun malgrandan UX-plibonigon por kopi-al-tondaj agoj, eble ĝi inspiris vin ankaŭ por UX-ŝanĝoj en via propra programo!

  • Tom