Modele întunecate: dezvăluirea părții umbrite a rețelei

Ne place internetul. Cu toții ar fi trebuit să găsim cariere diferite dacă nu ar fi fost uimitoarea invenție a lui Sir Tim Berners Lee! Totuși, în ciuda pasiunii noastre, web-ul poate fi un loc neplăcut.

Modelele întunecate pot fi neintenționate. Este posibil ca un agent de marketing sau un dezvoltator să fi crezut că fac ceea ce trebuie, dar nu a apreciat problemele și dezavantajele unei funcții pe care le-a implementat. Cele mai rele modele întunecate sunt intenționate. O pagină te păcălește să faci ceva ce nu ai intenționat, deoarece interfața de utilizare sau formularea îți manipulează acțiunile. Utilizatorii sunt din ce în ce mai înțelepți cu cele mai dubioase tehnici, dar cineva, undeva, nu va reuși să observe că au fost păcăliți până nu este prea târziu.

Când este bine folosit, web-ul poate economisi timp, călătorii și energie. Pe de altă parte, modelele întunecate risipesc milioane de ore de lucru și kilowați. Nu vom face de rușine niciun site-uri anume (știu cine sunt), dar vom ilustra îmbunătățiri și opțiuni alternative acolo unde este posibil.

Acestea sunt urmele noastre de companie.

Interfețe de utilizator neintuitive

Acestea sunt cele mai comune modele întunecate pe care le vei întâlni. Este nevoie de timp și atenție pentru a crea o experiență excelentă pentru utilizator... și poți strica tot acest efort foarte repede cu aceste modele întunecate.

„Instalați aplicația noastră!”

Unele site-uri și rețele sociale vă solicită să instalați aplicația lor - de obicei atunci când faceți clic pe o alertă prin e-mail despre un mesaj nou sau un utilizator nou. Linkul se deschide într-o pagină web cu două butoane:

1. Un buton uriaș „Utilizați aplicația noastră”. Făcând clic pe acesta, duce la AppStore, unde trebuie să aprobați, să descărcați, să instalați, apoi să lansați aplicația nativă a site-ului (presupunând că este acceptată pe telefonul dvs.). Apoi trebuie să vă conectați, să greșiți parola, să solicitați o resetare, să deschideți linkul, să creați o nouă parolă și să accesați sistemul. Poate ați uitat de ce ați fost acolo, așa că întoarceți-vă la alerta inițială și începeți din nou.
2. Un link microscopic „continuați pe web mobil” pentru a efectua acțiunea.

Poate că aplicația este glorioasă și a cheltuit milioane pentru ea, dar este rar să găsești una cu mai multe funcționalități decât site-ul web. Desigur, o aplicație poate colecta mai multe date personale decât un sistem web, așa că primește o promovare mai intruzivă.

Promovați o aplicație prin toate mijloacele, dar a face asta la începutul fiecărei interacțiuni îi enervează pe utilizatori. Unii vor instala aplicația pentru a opri sâcâiala, dar alții vor pleca. Ar fi mai eficient să oferim aplicația atunci când utilizatorul folosește site-ul de ceva vreme?

„Ați dori să primiți notificări?”

Într-un cuvânt: Nu.

Înscrierile la buletine informative, notificările push bazate pe web, widget-urile „să discutăm” și solicitările pentru sondaje ar putea fi utile, dar implementările lor sunt universal îngrozitoare.

Site-urile vă solicită adesea să vă abonați în momentul în care accesați pentru prima dată după o căutare pe web. În acel moment, nu aveți idee dacă conținutul este relevant, dacă este bun sau dacă site-ul se află într-un loc pe care ați lua în considerare să îl vizitați frecvent. Nu este surprinzător să descoperi că majoritatea oamenilor fac clic pe „Nu”.

Nu este nimic greșit în a oferi notificări sau buletine informative, dar cel mai bine este să vă asigurați că un utilizator a interacționat mai întâi cu site-ul. Poate afișa un prompt la sfârșitul articolului sau după ce au vizitat de câteva ori. Este mai puțin intruziv, mai puțin distragător și mai probabil să reușească.

În cele din urmă, vă rugăm să nu solicitați utilizatorilor să se înscrie pentru un buletin informativ atunci când fac clic pe un link din buletin informativ! Îi va alunga mai repede decât îi va atrage înăuntru.

Navigare ciudată

Barele de antet și meniurile drop-down pot fi plictisitoare, dar oamenii le înțeleg. Nu vrem să oprim evoluția interfeței de utilizare și inventivitatea designului, dar unele comenzi de navigare sunt ciudate și ilogice.

Vă rugăm să vă reconsiderați designul dacă trebuie să solicitați utilizatorilor sfaturi „da clic aici” sau alte metode de ajutor. Interfețele de utilizare bune nu au nevoie de explicații.

Scroll-Jacking inutil

Afișarea animațiilor sau actualizarea elementelor de meniu active atunci când pagina se derulează poate fi o experiență captivantă. Este mai puțin util atunci când:

1. Animațiile sunt suprautilizate. Animarea prea multor elemente distrage atenția spectatorului - evidențierea fiecărui element înseamnă că nimic nu este adus în atenția utilizatorului. Câteva efecte subtile pentru a vă concentra asupra mesajelor importante funcționează mai bine.
2. Rupe contextul. Derularea nu trebuie să ducă la acțiuni neașteptate, cum ar fi dispariția conținutului, dialoguri modale, trimiteri de formulare, redirecționări către alte pagini etc.

Animația poate provoca, de asemenea, rău de mișcare și vertij, așa că luați în considerare utilizarea interogării media CSS prefers-reduced-motion pentru a dezactiva efectele.

Vă rugăm să nu mai creați pagini cu defilare infinită! Linkurile către conținut similar sunt utile, dar încărcarea automată a conținutului aleatoriu fără consimțământul utilizatorului risipește lățime de bandă. Îngreunează marcarea fiecărei pagini, ceea ce face imposibilă accesul la detaliile de contact și alte informații din subsolul paginii.

Articole inutile cu mai multe pagini

Cu toții am văzut „articole” care conțin un paragraf de text urmat de un link către pagina următoare. Aceste pagini sunt, în general, momeală de legături fără conținut substanțial - dar nu veți descoperi asta până când nu veți trece printr-o multitudine de reclame și afișări de pagini.

A cere comercianților web să oprească această practică este inutil, dar poate că se vor reconsidera dacă dezvoltatorii îi educă pe oameni să nu cedeze în fața acestei prostii!

Marketing manipulativ

Web-ul este cea mai mare piață din lume, cu capacitatea de a vinde o varietate infinită de produse fizice și digitale. Utilizatorii vor reveni din nou și din nou... cu excepția cazului în care alegeți să recurgeți la modele întunecate pentru a crește vânzările.

Lupte cu abonamentul

Dezabonarea de la notificări sau buletine informative ar trebui să fie la fel de simplă ca și abonarea, dacă nu mai simplă. A cere utilizatorilor să treacă peste obstacolele de dezabonare duce la frustrare și la pierderea încrederii în site. Nu există niciun motiv credibil pentru a solicita utilizatorilor prin fax certificatul de naștere original, trei dovezi de adresă și cele mai recente dosare medicale.

Reclame deghizate

Reclamele sunt suprautilizate pe multe site-uri, dar cele mai proaste exemple:

1. Arată ca un meniu sau o opțiune;
2. Pretindeți-vă că sunt articole de știri sau informații de pe site-ul de origine; sau
3. Afișați comenzile UI, cum ar fi un buton mare „DOWNLOAD” pe o pagină despre un produs software.

Site-urile nu pot determina întotdeauna ce design publicitar este utilizat, dar ele controlează plasarea. Plasarea reclamelor în locații importante pentru a deruta oamenii poate crește veniturile din publicitate, dar acești utilizatori vor reveni?

Adăugarea automată a produselor în coșurile de cumpărături

Vederea unei liste de produse similare sau recomandate poate fi utilă. Adăugarea acestora în coșul utilizatorului fără acordul acestuia este o altă problemă. Câți oameni o vor găsi de ajutor?

• În cel mai bun caz, o mică proporție de utilizatori va observa articolul suplimentar și va decide să-l păstreze.
• O proporție mai mare o va elimina.
• Unii nu vor observa până la livrare, apoi se vor plânge și vor cere o rambursare.

Aceste activități cresc vânzările în detrimentul asistenței pentru clienți, bunăvoinței și achizițiilor continue de returnare. Tratarea reclamațiilor și rambursărilor poate compensa orice creștere pe termen scurt a profitabilității.

Costuri ascunse de cumpărături

Nu este plăcut să petreci timp alegând un produs, înregistrându-te, introducând detaliile de livrare și postând informațiile de plată pentru a descoperi că prețul a crescut peste site-urile concurente. Pagina de rezumat afișează acum costuri ascunse, cum ar fi livrarea, asigurarea, manipularea și sperăm că nu veți observa aceste taxe.

Prețurile ar trebui să fie clare și oneste, altfel clienții își vor pierde încrederea în serviciul de comerț electronic. Când costurile de livrare variază semnificativ, solicitați utilizatorului să introducă țara sau codul poștal înainte de a se angaja să cumpere.

Temporizatoare artificiale privind deficitul de stoc și disponibilitatea

Este util să știți când un articol este în stoc, dar unele site-uri de comerț electronic prelungesc credibilitatea. Cu cât oferă mai multe informații, cu atât devin mai puțin credibili:

"CUMPĂRĂ ACUM! 2 articole în stoc, 15 au fost cumpărate în ultimele 3 minute și 597 de persoane vizualizează această pagină.”

Aceste tactici de înaltă presiune devin mai suspecte atunci când sunt aplicate articolelor digitale sau de mare valoare, cum ar fi mașini și vacanțe.

Utilizatorii își dau seama curând că aceste mesaje nu au valoare atunci când articolele rămân în stoc timp de mai multe zile. Vor continua achiziția atunci când mesajele de marketing ale site-ului nu pot fi de încredere?

Renunțarea la rușine

Chiar și anumite companii mari de comerț electronic se complace în tehnici de rușine stupide. Ei vor prezenta o întrebare de înscriere urmată de un buton mare „De acord” și de un link mai mic de renunțare, cum ar fi:

• „Nu, nu vreau livrare gratuită nelimitată.”
• „Nu, nu-mi pasă de situația dificilă a animalelor pufoase pe cale de dispariție.”
• „Nu, vreau să văd planeta arzând.”

Funcționează această practică? Poate. Dar stabilește o relație onesta cu clientul și crește încrederea în site?

Anulări complexe de cookie-uri

Regulamentul general al UE privind protecția datelor (GDPR) impune site-urilor să afișeze o notificare de renunțare pentru module cookie neesențiale și tehnologii de urmărire similare. Este defectuos, dar legislația este bine intenționată și este o cerință legală în toată Europa. Alte țări pot avea reguli similare, deși de obicei sunt mai puțin stricte.

Majoritatea utilizatorilor se vor înscrie și vor merge mai departe fără să se gândească (ceea ce învinge parțial scopul legislației). Renunțarea ar trebui să fie la fel de ușoară, totuși unele site-uri vă cer să:

• parcurge paginile/filele de jargon înainte de a găsi opțiunile;
• faceți clic pe zeci de casete de selectare, chiar dacă acest lucru încalcă regulile GDPR; și
• așteptați până la un minut în timp ce vă „salvează preferințele” (la ce?).

Poate convinge unii utilizatori să apese „de acord cu toți”, deși alții vor abandona site-ul sau vor trece la modul de citire pentru a ascunde notificarea cookie. În cel mai bun caz, îngreunarea renunțării dă impresia că site-ul are ceva de ascuns. În cel mai rău caz, acest model întunecat se află la marginea legalității și ar putea duce la amenzi sau la creșterea costurilor avocaților.

Tehnologie groaznică

Tehnologii precum HTML sunt utilizabile, accesibile și compatibile cu versiunea inversă din cutie. Este nevoie de un efort deosebit pentru a arunca aceste beneficii.

Ruperea funcționalității browserului

Butonul înapoi a fost cea mai mare contribuție a web-ului la interfețele cu utilizatorul. Este practic și înțeles de oricine cu experiență tehnică minimă. Cu toate acestea, site-urile o sparg deschizând noi ferestre/file, expirând pagina anterioară sau spunând utilizatorilor să nu folosească comenzile browserului.

Nu există motive tehnice pentru a întrerupe funcționalitatea browserului. Încercarea de a ocoli controalele este o problemă de design care derutează utilizatorii și face un sistem web mai puțin utilizabil.

Alte probleme de evitat:

1. Nu dezactivați meniurile cu clic dreapta sau apăsare lungă.
2. Nu dezactivați copierea și nu adăugați text „util”.
3. Nu întrerupeți marcajele din aplicația dvs. cu o singură pagină, fără a actualiza adresa URL.

Dar cea mai gravă dintre toate aceste probleme este următoarea pe lista noastră.

Dezactivarea Lipirii în câmpurile de parolă

Dezactivarea lipirii din orice motiv este inutilă. Dezactivarea lipirii pe un câmp de parolă este odioasă, dar veți întâlni această restricție pe site-urile mari - ar trebui să știe mai bine. L-am văzut folosit de marile bănci internaționale.

Practica este probabil implementată din motive de securitate dubioase. Dacă utilizatorul nu poate lipi, este logic că nu poate reutiliza o parolă din altă parte. Din păcate, împiedică și oamenii să folosească o aplicație de gestionare a parolelor. Nu mai este posibil să generați șiruri de caractere foarte sigure, lungi, aleatorii, care nu sunt practic de tastat.

În plus, dezvoltatorii pot dezactiva restricțiile de lipire cu unele modificări DevTool. Alții s-ar lupta și este mai probabil să folosească parole slabe. Nu dezactivați niciodată lipirea - este mai puțină muncă pentru dvs. și îmbunătățește securitatea sistemului.

Restricții stupide de parolă

„Parola dvs. trebuie să aibă între 8 și 12 caractere și necesită cel puțin un caracter majuscul, un număr și un simbol — dar vă rugăm să nu utilizați ` ' ” / \ sau ;”

Nu există niciun motiv întemeiat pentru a implementa restricții stricte pentru parole. Intreaba-te pe tine insuti:

1. Sistemul stochează parola ca text simplu într-o bază de date, mai degrabă decât hashing-o?
2. A sugerat un expert în securitate să împiedice oamenii să folosească parole simple, cum ar fi parola , qwerty sau 123456 ? Acest lucru este adevărat, dar împiedică și oamenii să folosească parole mai complexe și oferă un șablon la îndemână pentru cracarea prin forță brută.

O singură regulă impune parole puternice: o lungime minimă lungă. Fiecare personaj suplimentar crește exponențial complexitatea și timpii de spargere.

Salt de conținut mobil

Citirea conținutului pe un smartphone poate fi o experiență frustrantă. Sunteți absorbit de un articol când conținutul sare de pe ecran și vă pierdeți locul. Apoi petreceți câteva secunde derulând frenetic în sus și în jos. Sau mai rău, veți face clic pe un link sau pe un buton în momentul în care acesta se mișcă și are loc o acțiune neașteptată. Unii cititori își vor pierde impulsul, vor renunța și vor pleca înainte de a-i putea converti în client.

Saltul de conținut are loc atunci când o imagine sau un iframe (de obicei o reclamă) se încarcă deasupra punctului de defilare a feței de vizualizare. Odată ce conținutul s-a încărcat, browserul își poate determina dimensiunile și îl poate plasa pe pagină. Prin urmare, o imagine de 500 px înălțime (afișată la dimensiunea completă) împinge conținutul în jos cu aceeași cantitate.

Valoarea Cumulative Layout Shift (CLS) de la Google măsoară salturile de conținut și penalizează site-urile în consecință. Aceasta a fost o problemă complexă, dar mai multe soluții tehnice sunt acum disponibile:

• Adăugați atribute de lățime și înălțime la elementele HTML img și iframe sau utilizați proprietatea CSS aspect-ratio pentru a rezerva spațiu pe pagină înainte ca materialul să se încarce.
• Setați dimensiuni pentru elementele containerului care includ elemente cu încărcare mai lentă, cum ar fi reclame, imagini și widget-uri pentru rețelele sociale.
• Solicitați imagini mai mari cât mai curând posibil și luați în considerare utilizarea linkurilor de preîncărcare în head HTML.
• Optimizați utilizarea fonturilor web și utilizați alternative de dimensiuni similare pentru a minimiza schimbările de aspect.
• Evitați să inserați elemente în partea de sus a paginii, cu excepția cazului în care este o actualizare DOM declanșată în urma unei acțiuni a utilizatorului, cum ar fi un clic.
• Utilizați limitarea CSS pentru a optimiza redarea blocurilor de conținut. Este posibil să se definească elemente care nu vor afecta dimensionarea sau poziția celorlalți.

Când conectarea socială este nasolă

Tehnologii precum OAuth permit utilizatorilor să se înregistreze rapid pe un site folosind un alt cont precum Google, Facebook, Twitter, LinkedIn sau Github. Bine implementată, este o opțiune practică care oferă un proces de înregistrare mai bun, economisește timp și duce la conversii mai mari.

Dacă este implementat prost, un site vă va cere ulterior să introduceți e-mailul, detaliile personale și chiar o parolă „pentru înregistrările lor”.

Nu toți furnizorii vor transmite informații despre utilizator, așa că evitați OAuth dacă site-ul dvs. necesită ca aceste detalii să fie funcționale. OAuth nu ar trebui să devină niciodată un pas inutil care încetinește procesul de înregistrare.

Performanță web slabă

Conform Arhivei HTTP, o pagină web durează în medie șapte secunde pentru a se încărca pe un dispozitiv desktop și douăzeci de secunde pe mobil. O singură vizualizare de pagină face 70 de solicitări HTTP, descarcă mai mult de 2 MB de date și emite 1,3 g de CO² în atmosferă (consultați Calculatorul de carbon de pe site). Aceasta este o medie - multe site-uri sunt mai proaste.

Nimeni nu își propune să creeze un site lent, dar adăugarea de funcții depășește adesea îmbunătățirile de performanță. Având în vedere că este posibil să creați o clonă Quake care poate fi redată în 13Kb, trebuie să vă întrebați de ce două paragrafe de marketing waffle pe o pagină „Despre noi” necesită o descărcare de 154 de ori mai mare!

Abordarea performanței necesită o combinație de tehnici, dar trebuie să rețineți doar un punct cheie: nu trimite atât de multe lucruri!

Widgeturi ascunse pentru rețelele sociale

Widgeturile din rețelele sociale, cum ar fi butoanele „Like” par inocente, dar:

1. Fiecare adaugă sute de kiloocteți de cod JavaScript care afectează performanța paginii.
2. Codul reprezintă un risc de securitate, deoarece rulează cu aceleași permisiuni ca și JavaScript-ul site-ului.
3. Widgeturile implementează urmărirea utilizatorilor chiar și atunci când nu sunt activate. Acest lucru ar putea duce la probleme legale în unele teritorii.
4. Aproape nimeni nu le folosește: vei fi norocos să vezi 1% implicare a utilizatorilor.

Widgeturile sunt, de asemenea, inutile. Majoritatea site-urilor de social media oferă link-uri standard care păstrează partajarea fără niciun risc pentru performanță, securitate sau confidențialitate, de ex

• E-mail: mailto:?subject=[title]&body=[url]
• Facebook: https://www.facebook.com/sharer.php?u=[url]
• Twitter: https://twitter.com/share?url=[url]&text=[title]
• LinkedIn: https://www.linkedin.com/shareArticle?url=[url]&title=[title]
• Reddit: https://reddit.com/submit?url=[url]&title=[title]

Unde [url] este adresa URL a paginii curente și [title] este titlul principal. Un link standard <a> funcționează bine, dar îl puteți îmbunătăți pentru a deschide pagina într-o fereastră pop-up dacă doriți ca acestea să se comporte identic cu butoanele standard.

CAPTCHA-uri

CAPTCHA este prescurtarea de la Testul Turing public complet automatizat pentru a deosebi computerele și oamenii. Ajută la prevenirea accesului roboților sau altor mașini la sistemele web. Vi se cere adesea să introduceți textul afișat într-o imagine indescifrabilă sau să faceți clic pe pătratele care conțin biciclete. (Contează o bicicletă montată pe o mașină? Dar acea tricicletă? Există o bicicletă în spatele acelui perete!?)

CAPTCHA-urile au trei probleme fundamentale:

1. Sunt dificile în mod intenționat pentru oamenii fără handicap și cu vedere perfectă. Cum se așteaptă să se descurce cei cu deficiențe de vedere sau de altă natură?
2. Ele trebuie să devină mai complexe pe măsură ce roboții și tehnicile AI se îmbunătățesc.
3. Aceștia pun sarcina pentru securitatea accesului asupra utilizatorilor - nu proprietarilor sau dezvoltatorilor site-ului, beneficiarii principali.

CAPTCHA-urile sunt exagerate pe majoritatea site-urilor web. Puteți lua în considerare opțiuni alternative la CAPTCHA care provoacă mai puțin efort uman:

• Câmpurile honeypot ascunse blochează trimiterea formularelor atunci când roboții adaugă date.
• Verificați dacă evenimentele de la tastatură, cum ar fi input sau keydown , sunt declanșate corespunzător.
• Verificați timpul necesar pentru completarea și trimiterea unui formular - activitatea botului este adesea instantanee.
• Creați un proces de trimitere în două etape care îi cere utilizatorului să-și confirme datele sau o întrebare suplimentară înainte de a trimite.

Acestea vor opri majoritatea roboților. Este posibil să ocoliți oricare dintre tehnici, dar necesită un efort suplimentar de dezvoltare specific site-ului dvs. Puțini dezvoltatori de bot se vor deranja când există mii de alte site-uri cu vulnerabilități cunoscute.

rezumat

Web-ul este un loc grozav, dar câteva practici dubioase pot ruina această percepție. Desigur, poți fi păcălit oriunde, dar web-ul permite făptuitorilor să ajungă la mii de oameni cu costuri sau efort reduse. Și atunci când marile afaceri de mai multe miliarde folosesc modele întunecate în mod imprudent, este de-a dreptul rușinos!

Site-urile folosesc modele întunecate pentru că funcționează. Dar este o gândire pe termen scurt. Vizitatorii devin întotdeauna înțelepți cu tehnicile nefaste și s-ar putea să nu se întoarcă niciodată.

Faceți ceea ce trebuie, construiți încredere în marca dvs. și veți păstra clienții fără a fi nevoie să recurgeți la modele întunecate.

Ai alte gânduri despre modelele întunecate pe care le-ai întâlnit? Vă rugăm să le împărtășiți în secțiunea de comentarii de mai jos!