portaldacalheta.pt
  • Põhiline
  • Tulud Ja Kasv
  • Tehnoloogia
  • Planeerimine Ja Prognoosimine
  • Projekti Juht
Ux Disain

Veebivormide lõpp



Veebivormid on tüütud, ebaefektiivsed ja täidavad inimesi hirmuga. Kas keegi tegelikult meeldib veebivormide täitmine? Sellegipoolest on tegemist „vajaliku kurjusega“, mis võib tekitada või murda mõned kõige kriitilisemad võrgusuhted.

Veebivormid põhinevad endiselt enamasti vanadel pabervormidel - süsteemikesksete kasutajaliideste zombijäägid (vs kasutajakesksed). Sellest on möödunud 30 aastat ja me kirjutame ikka ja jälle sama teavet vormidesse.



Veebivormi ux ui disain pärineb paberkandjal vormi kujundusest

On näha, kuidas veebivormid pärinevad pabervormidest, nagu see KFC-i töörakendus.



Õnneks on suured nihked teel. Viie aasta pärast vaatame õudusega tagasi ebamugavale, aeglasele ja pettumust valmistavale viisile, mida kasutasime isikuandmete sisestamiseks töötaotluste, krediitkaarditaotluste täitmisel - e-kaubanduse kassade, konto registreerimisega tegelemisel ... praktiliselt kõigil ülesannetel, mis vajavad teabe sisestamist. Vaatamata nende interaktsioonide olulisusele, on neid võimaldavate vormide kujundus sageli väga halvasti läbi mõeldud.



DMV veebivormi kujundus

Kes ei armasta DMV-d? Sellisest vormist saab loodetavasti väga varsti kadunud mineviku tolmune reliikvia.

Kokkuvõtteks võib öelda, et enamik veebivorme - olgu need siis laua- või mobiilsed - on lihtsalt kohutavad kasutuskogemused. Hoolimata lugematutest UX-i tööstuse gurude raamatutest, uuringutest, artiklitest ja valgekirjadest Nielsen Normani grupp , Baymardi instituut (e-kaubandus) ja Luke Wroblewski (Interaction Design Associationi kaasasutaja) ei järgi paljud organisatsioonid - isegi need, kelle elujõud sellest sõltub - veebivormi ux-disaini parimaid tavasid.



See tähendab miljardite ja miljardite saamata jäänud tulu.

asp net web api õpetus

Šokeerivalt, Amazon - e-kaubanduse suur mitme miljardi dollari suurune käitumishind - on Baymardi instituudi hinnangul „üldine kassasse jõudmise tulemuslikkus” väga madal, kui arvestada kasutajate suhtlemist selliste vormidega nagu saatmine ja poodide kättesaamine, krediitkaardiandmed, valideerimisvead ja palju muud. Kui palju äri nii kehva UX-i tõttu kaotsi läheb?



Tänapäeval on enamik veebivorme masendav, aeglane täitmine ja panemine kasutatavus viimane.

Veebivormi kujunduse kasutajaliides

Sellised konto registreerimisvormid on inimestele vaimne koormus ja nende täitmine võtab palju aega.



Veebivormid on aja ja kognitiivse koormuse osas tohutult häirivad. Need on valdavalt veaohtlikud, puuduvad vaikeväärtused, automaatne täitmine ja automaatne vormindamine; nad käsitsevad sisendvigu halvasti - ja see ei räägi isegi mobiilsetest vormidest, mis nõuavad erinevat kujunduslikku mõtteviisi ja millel on erinevad kasutamisprobleemid.

Tööavalduse veebivormi kujundus ux

Tööavalduse vormidel on ühed halvimad UX-id. Aktiivne tööotsija täidab need vormid ikka ja jälle sama teabega.



Organisatsioonid üritavad sageli koguda kasutajatelt liiga palju teavet, isegi kui see pole tehingu lõpuleviimiseks vajalik. Annetusvormid on sageli suurimad õigusrikkujad, kuna nad nõuavad doonori profiili andmete kogumist oma statistika jaoks, arvestamata annetaja huve. Kujutage ette, kui teile öeldakse, kui annate kellelegi oma vaevaga teenitud mündi, mida peate ootama, sularaha käes, kuna nad grillivad teid küsimustega täielikult nende enda statistiliseks kasutamiseks. Ei aitäh.

Mobiilivormid - konto registreerimised, kassad jne - on täis omaenda ainulaadseid probleeme ja probleeme. Sisestamine on ebamugav, kuna ekraan on väike ja sellel puudub täissuuruses klaviatuur. Inimesed peavad kasutajaliidese elementide koputamiseks ja pühkimiseks kasutama sõrmeotsi. Teksti sisestamine on eriti aeglane ja täis kirjavigu, isegi seadmetes, kus on spetsiaalsed miniklaviatuurid.



Väikesed ekraanid tähendavad igal ajahetkel vähem nähtavaid valikuid, mis nõuab kasutajailt, et kulisside taga oleva süsteemi vaimse mudeli ülesehitamisel tuleks lähtuda oma lühiajalisest mälust.

Mobiilse veebivormi ux disain

Domino's Pizza „profiili loomise” toimingud on täis halba kasutatavust mobiilseadmetes ja nõuavad liiga palju ebamugavat kasutajate suhtlemist.

Arenevad veebivormid

Veebivormid on evolutsioonifaasi keskel. Enne täiesti uue paradigma sündi oleme kuskil valusate, kohmakate, tüütute ja korduvate vormidesse trükkimise varase faasi ja hõlpsasti tuule ja kindla tuleviku vahel, kus Touch ID, häälprintimine, arvutinägemine, näotuvastus ja iirise skaneeringud avavad meie isikuandmed ning annavad sujuvalt ja turvaliselt kogu vajaliku teabe seda vajavatele süsteemidele.

UX disainerid püüame pidevalt parandada kogemusi ja vähendada veebivormide täitmisega kaasnevat valu, kuid pakuvad selles vahefaasis siiski ainult vitamiine - vaevalt ülimat valuvaigistit.

Kasutajasõbralikuma ja sujuvama kasutuskogemuse pakkumiseks püüavad mõned uusimad vormikujundused kõrvaldada mõned pettumused, rakendades liidese, mis ei sarnane tavapäraste vormidega. Neil õnnestub meie elu oluliselt lihtsustada, kuid neil on siiski võimalus minna.

Vestlusliku kasutajaliidese veebivormi kujundus Typeformi poolt

Tüübivorm kasutab selle tööavalduse vormi kiireks kasutuskogemuseks „vestlusliidest”. Klaviatuuri otseteed on näidatud ja sisse ehitatud enamiku sammude ja vastuste sisse, mis muudab vormi täitmise väga tõhusaks viisiks.

Automaatne täitmine tuleb päästetööle

Google'i Chrome'i brauser ja selle automaatse täitmise funktsioon olid kauaoodatud jumalakartul vormide tõhusamaks täitmiseks. See salvestab turvaliselt sageli sisestatud isikuandmeid - sealhulgas krediitkaarte - veebivormi kiireks täitmiseks. Google'i hiljutises uuringus leiti, et Chrome'i automaatse täitmise funktsiooni keelamine põhjustas 25% vähem vormide esitamist. Uuring näitas, et ilma selleta on see kogemus nii tüütu, loobuvad mõned kasutajad vormide täitmisest täielikult.

Üllatus! Tüütu vormidesse trükkimine on see, mida inimesed soovivad vältida.

Google Chrome

Google Chrome'i automaatse täitmise funktsioon aitab veebivorme korduvalt täita.

Paroolihaldurid leevendavad valu

Sadade veebikontode paroolide pidev hankimine ja sisestamine on väsitav. Paroolihaldurid tulid mõned aastad tagasi appi ja on nüüd laialdaselt kasutusel. 1Parool ja Dashlane on kaks juhtivat lahendust, mis mõne kliki või puudutusega turvaliselt salvestavad ja täidavad veebisaitide ja rakenduste krüptitud paroole.

Mobiilse paroolihalduri automaatne täitmine

Pärast põhiparooli või sõrmejäljega puute-ID-ga avamist täidab Dashlane paroolihaldur paroolid automaatselt.

Sotsiaalsed sisselogimised lõpetavad registreerimise

Koostatud uuringute järgi WebHostingBuzz , 86% kasutajatest väidavad, et neid häirib uute kontode loomine. Sotsiaalne sisselogimine välistab registreerimise vajaduse. See on ühekordse sisselogimise vorm, kasutades olemasolevat teavet suhtlusvõrgustiku teenusest nagu Facebook, Google+, LinkedIn ja Twitter. See suurendab registreerimist ja vähendab sisenemistõkkeid, vähendades kasutajanimede ja paroolide vajadust.

Sotsiaalne sisselogimine, sotsiaalne sisselogimine

Mobiilseadmete tehnoloogia hõlbustab vormide koormust

Mobiilivormide jaoks on tehtud arvukalt kasutatavuse parandusi, mis juhivad ka mõnda uut parimat praktikat lauaarvutitel - näiteks sageli kasutatavate väärtuste salvestamine ja hankimine, telefoni funktsioonide (kaamera, GPS, hääl, kontaktide loend) kasutamine vormide eelnevalt täitmiseks ja andmete automaatne vormindamine (sihtnumbri põhjal valige eelnevalt USA osariik).

Samuti saab klaviatuuri muuta vastavalt vajaliku sisendi tüübile; Esimeste sisestatud tähtede põhjal saab kasutada soovitusi / automaatse täitmise funktsioone ning telefoninumbreid ja krediitkaardinumbreid saab automaatselt vormindada.

Apple Pay, arvutinägemine

Rakendus Apple Pay kasutab iPhone'i kaamerat ja arvutivisiooni, et selle registreerimiseks lihtsalt kaardist pilti teha, pole tüütu klaviatuuri sisestamine vajalik.

kuidas teha algoritmilist kauplemist

Veebivormi suundumused

Nagu arutatud, järgib traditsiooniline veebivormi kujundus vana paberil põhinevat mudelit; sellepärast näevad nad välja nii sarnased. Varem ei olnud isikuandmete muul viisil kogumise tehnoloogia kättesaadav, kuid on seda tänapäeval. Püüdes tavalisi veebivorme täielikult maha jätta, esitavad disainerid kasutajatele puhta kasutajaliidese ja allajoonitud alasid, et tähistada, kuhu teksti sisendid lähevad. Nii tundub vormi täitmine loomulikum ja vähem sarnane andmete sisestamisega.

Mobiilne veebivormi kujundus

Sisestusväljade ja rippmenüüdega „andmesisestuse” väljanägemisest eemaldumiseks pakuvad disainerid välja mobiilsete vormide puhtama kujunduse.


Töölaua veebivormi kujundus

Töölaud Google'i vorm .

Teine suundumus on muuta kasutaja sisendi küsimine vestlusrikkamaks, mis loob inimlikuma suhtluse. Jututubotite ja muude tuleviku sisestusmeetodite keerukama maailma eelkäija hõlmab kasutaja sisendväljade põimimist loomulikult voolavateks lauseteks ja küsimusteks.

Vestlusliku kasutajaliidese veebivormi kujundus

Lihtne vestluskontakt. ( Nelu Cebotari )


Vestluskaubanduse mobiilse veebivormi kujundus

Mobiilsed vormid muutuvad minimalistlikuks ja vestlusrikkaks. (Kujundused autor Alex Cristache ja Fabio Basile Dribbble'is)

Masinad räägivad tagasi: vestlusrobotid ja automatiseeritud esindajate tõus

Tavaliselt on robotid tehisintellekti platvormid, mis kasutavad rakenduse liidesena kiirsuhtlust. Selle asemel, et koormata kasutajaid, paludes neil vorme täita, vabastavad vestlusrobotid selle koormuse, muutes suhtluse loomulikumaks ja vestlusrikkamaks - mõned robotid ei ole tehisintellekt, vaid reaalsed inimesed, kes suhtlevad vestluse kaudu, et pakkuda vinget kasutuskogemust.

Isegi kui aeg, mis millekski kulub, võib olla sama - näiteks lihtsa reisibroneeringu vormistamiseks -, kuna suhtlus on vestlusrikas ja jaguneb tükkideks, väheneb kognitiivne koormus ja kogemused paranevad.

Vestlusliidese vestlusrobot GoVoteBot

R / GA ja Reklaami nõukogu ehitas valimisboti, et juhtida Millennialsi valimistele. Lihtsalt helistati GoVoteBot , suhtleb see kasutajatega reaalajas Facebook Messengeris.

reageerida rekursiivsele komponendile dekoraatoritega

Reisijad saavad nüüd broneeringuid teha Hyatt hotellid kasutades Facebook Messenger rakenduses või osalege lihtsalt Hyati meeskonnaga otse vestluses, et esitada vabas vormis küsimusi - näiteks kas konkreetsete pühade ajal on saadavus saadaval.

Jutukasutiliidese vestluskaubanduse vestlusrobot Hyatt

Facebook Messengeri abil kasutab Hyatt Hotels oma kliendisuhete personali, et aidata külalistel broneeringuid teha ja nende saadavust kontrollida.

Kindlustus on veel üks tööstus, mis on valmis häirete tekkeks automatiseeritud agentide kasvu tõttu. Facebook tegi oma Messengeri platvormi kõigile kättesaadavaks vestlusrobotite väljatöötamiseks ja juurutamiseks ning avas ukse ka automatiseeritud kindlustusagendile.

Jack Kindlustus Suurbritannias just seda teeb. See ehitati selleks, et pakkuda lihtsat ärikindlustust vabakutselistele reklaamidele ja veebiprofessionaalidele, näiteks veebile disainerid , arendajad ja illustraatorid .

Jacki kindlustuse jutukas UI chatbot

Jack on lihtne jututuba, mis viib professionaalid läbi kindlustusprotsessi - vorme pole.

Vormitäidise kogemuse bändile aitamine juturobotite jms abil on aga vaid pool meedet. Pikas perspektiivis see ei toimi, sest inimesed peavad jätkuvalt korduvalt esitama palju isikuandmeid.

Me ei saa probleeme lahendada, kasutades samasugust mõtteviisi, mida kasutasime nende loomisel. - Albert Einstein

Et jõuda “vitamiini” faasist tõelise valuvaigistini, peame mõtlema teisiti ja tegema hiiglasliku hüppe uude paradigmasse.

Tehisintellekti tõus: homseks kasutajasõbralikuks andmekogumiseks

Kes pole suvepuhkuse broneerimise vaevarikka ja korduva protsessi läbinud? Kui hiljuti ühte plaanisin, täitsin ikka ja jälle arvukalt vorme kolme lennufirma, tosina hotelli, kahe autorendifirma, lennujaamatranspordiga ... samad nimed, aadressid, krediitkaardinumbrid, püsiklientide klubinumbrid, telefoninumbrid, e-post aadressid ... protsess on täiesti hinge tapmine ja täiesti naeruväärne.

Google teatab, et stress jookseb kontrollimata: 69% puhkusereisijatest muretseb, et ei leia reisi broneerimisel parimat hinda ega tee parimat otsust. Lisage sellele kehv kasutuskogemus, kui täidate 90% ajast lõputuid vorme sama teabega, ja me räägime protsessist, mis on tohutult masendav ja stressirohke. Isegi Chrome'i automaatse täitmise funktsiooni ja muude varem mainitud mugavuste korral on see kogemus endiselt ahistav ja täis tüütust.

UX-i pikaajaline visioon pole mitte veebivormide täiustamine, vaid nende täielik tapmine.

Nagu varem mainitud, on mobiilis saadaval olevate tehnoloogiate hulga tõttu: GPS, sõrmejälgede võtmine (puute-ID), häälprintimine ja -tuvastus, iirise skaneerimine, näotuvastus, arvutinägemine, tehisintellekti assistendid ja vestlusrobotid, vältimatu isikuandmete kogumine, mis peab eduka võrgutehingu jaoks, pööratakse kõigepealt mobiilis. Seetõttu võiksid töölauasaidid saidide linkimisel kasutada keerukate ID-de kinnitamiseks mobiilseadmete tehnilisi võimalusi.

Vestlusreiside broneerimine veebivormide asemel

Kas saaksime lõpetada tavapärase otsingu, tulemuste filtreerimise ja veebivormid ning pakkuda reiside broneerimisel lihtsamat, radikaalselt meeldivamat suhtlemist?

Kujutleme ideaalset tulevikku koos isikuandmete varahoidlaga, mis salvestab inimese kohta kõik üliturvaliselt kõik: tema nimi, kodune aadress, töökoha aadress, telefoninumbrid, sagedaste lendajate miilid, sünnikuupäev jne. Selle isikuandmete hoidla saab avada biomeetriliste kontrollide, turvaküsimuste ja põhiparooli kombinatsioon. Pärast avamist ja juurdepääs on saidil või rakendusel juurdepääs kogu vajalikule teabele, ilma et kasutaja peaks mingit teavet sisestama.

Biomeetriline identifitseerimine ja isikuandmete turvalisus, veebivormid

Sõltuvalt platvormist ja seadmest võiks võlvi avamiseks kasutada erinevaid meetodeid ja varukoopiaid. Vältimaks, et kasutajad peaksid andmeid sisestama, küsis süsteem seejärel lihtsaid küsimusi, kasutades vestlusroboti või mõnda muud vestlusliidest koos valikulise hääletuvastuse ja loomuliku keele töötlemisega. Kui häälsisend pole otstarbekas, oleks saadaval klaviatuuri sisestus.

Kui astuda sammu edasi, võiks see isikuandmete hoidla olla seotud teiste varahoidlatega (näiteks partneri või abikaasa), mis omaniku nõusolekul oleks asjakohasele teabele juurdepääsuks ajutiselt lukustamata (juurdepääs oleks lühike ja ainult nõutud teave oleks kättesaadavaks tehtud). Reisirakendus või -sait saaks seejärel turvaliselt juurde pääseda kõikidele vajalikele andmetele ja hõlpsalt reisikorraldusi korraldada.

Veebivormid muutuvad peagi vanakooliks - möödunud ajastu huvitavad esemed, mille järele pole enam vajadust. Eespool kirjeldatud stsenaariumi korral seisavad UX-i disainerid silmitsi paremate kogemuste kujundamisega ilma vormid. Kõik tavapärased interaktsioonid, sealhulgas teabe veebivormidesse trükkimine, kaoks tagaplaanile.

Kasutaja sisendi olemus muutub

Interneti ja nutitelefoni kasutamine on tekitanud ülekaaluka, pidevalt esineva andmete rohkuse. „Tuleviku tehnoloogia“, nagu arvutinägemine, IoT, tehisintellekt ja masinõpe, on juba kohal, muutes interaktsioonide olemust ja UX-maastikku.

Tavapärased kasutajaliidesed kaovad ja veebivormid on selle nihke osa. Kindlasti ei kao teatud vajadus kasutaja sisendvormide järele kunagi, kuid nähtamatu liides - kus sisendi andmiseks on vaja järjest vähem kasutajate interaktsioone - saab laialt levinud.

Tehisintellektitehnikad, nagu masinõpe, võivad ammutada väärtust juurdepääsust isikuandmetele ning nutikad algoritmid suudavad ennustada, milliseid andmeid oleks vaja, et hõlbustada kasutajate jaoks töökoha taotluste täitmist, reisibroneeringuid ja veebipõhiseid oste.

gestalt läheduse printsiip viitab sellele, kuidas me

Kuigi me toetame lootustandvaid püüdlusi ja järgime neid ülevaid UX-ideaale, on veebilehtede täieliku kõrvaldamise leidlikkusviiside ja isikuandmetega seotud turvaprobleemide vahel endiselt murd. Tugevaid ja turvalisi süsteeme saab välja töötada, kuid peame nende probleemidega tegelema. Uuringud on näidanud, et inimesed on valmis jagama isikuandmeid ja võimaldama jälgimist, kui nad saavad sellest märkimisväärset väärtuse ja aja kokkuhoidu.

Mängust ettepoole jäämiseks peaksid UX-i disainerid hakkama mõtlema tulevikustsenaariumidele, mis on täidetud vestlusrobotite ja vestlusliideste abil. Peame kasutuskogemuse optimeerima ja kasutamisstsenaariumid välja mõtlema. Kas suhtlemisetapid on võimalikult sujuvad ja tõhusad? Mis on vestlusroboti toon? Kas vähendame asjade ajakulu või pikendame seda? Kuidas hakkab välja nägema see suhtlus biomeetriliste isikutunnistuste saabumisel? Kuidas saaksime oma kasutajaid paremini teenida ja pakkuda hämmastavaid kogemusi, mis muudavad elu lihtsamaks?

Tehnoloogia ja vastastikmõjude olemus muutuvad, kuid UX-disaini - kasutajakeskse disainiprotsessi - parimate tavade summa ja sisu arenevad edasi ja jäävad lõpuks valitsema.

• • •

Lisalugemine ApeeScape'i disainiblogist:

  • e-kaubanduse UX - ülevaade parimatest tavadest (koos infograafikaga)
  • Inimkeskse disaini tähtsus tootedisainis
  • Parimad UX-i disainerite portfellid - inspireerivad juhtumianalüüsid ja näited
  • Mobiilsete liideste heuristilised põhimõtted
  • Ennetav disain: kuidas luua maagilisi kasutajakogemusi

Sissejuhatus samaaegsesse programmeerimisse: juhend algajatele

Tagumine Ots

Sissejuhatus samaaegsesse programmeerimisse: juhend algajatele
Mobiilse UX-i kujundamise põhimõtted

Mobiilse UX-i kujundamise põhimõtted

Mobiilne Disain

Lemmik Postitused
Näpunäited ja kaalutlused kirjatüübi valimisel (koos infograafikaga)
Näpunäited ja kaalutlused kirjatüübi valimisel (koos infograafikaga)
Juhtumianalüüs: miks ma oma toodete jaoks AWS-i pilvinfrastruktuuri kasutan
Juhtumianalüüs: miks ma oma toodete jaoks AWS-i pilvinfrastruktuuri kasutan
Briifing: andmeladu
Briifing: andmeladu
Surm traatraamile. Otse kõrgele truudusele!
Surm traatraamile. Otse kõrgele truudusele!
ApeeScape käivitas vabakutselistele mõeldud vaba aja jälgimise rakenduse TopTracker
ApeeScape käivitas vabakutselistele mõeldud vaba aja jälgimise rakenduse TopTracker
 
Arendajate ja disainerite vahe on kadumas
Arendajate ja disainerite vahe on kadumas
API-d sotsiaalsetes võrgustikes: Interneti-portaal reaalsesse maailma
API-d sotsiaalsetes võrgustikes: Interneti-portaal reaalsesse maailma
Null kangelaseni: Kolvitootmise retseptid
Null kangelaseni: Kolvitootmise retseptid
Projekti- ja tootehalduse direktor
Projekti- ja tootehalduse direktor
Ameerika arendaja Rachell Calhoun võidab viienda ApeeScape'i stipendiumi
Ameerika arendaja Rachell Calhoun võidab viienda ApeeScape'i stipendiumi
Lemmik Postitused
  • milline järgmistest ei ole sulgemise põhimõte?
  • kapitali eelarvestamine ja investeeringute analüüs
  • kuidas tuleks korraldada toodete mahajäämus?
  • Adobe xd vs sketch 2018
  • 2019. aasta tundliku disaini parimad tavad
  • 10 disaini põhielementi
  • kas ma peaksin õppima c või c++
Kategooriad
  • Tulud Ja Kasv
  • Tehnoloogia
  • Planeerimine Ja Prognoosimine
  • Projekti Juht
  • © 2022 | Kõik Õigused Kaitstud

    portaldacalheta.pt