it-swarm-eu.dev

Je toto otočné rozhraní krychle uživatelsky přívětivé?

Pracuji na prototypu pro inovativní rozhraní formuláře, kde jsou různé části formuláře zobrazeny na různých stranách krychle. Krychle se otáčí a uživatel ji může vyplňovat, jak se krychle otáčí. Zde je příklad práce :

enter image description here

Připadá mi to jako docela robustní řešení našeho problému (tj. Dříve, naše formuláře zabraly příliš mnoho místa na stránce a byly nesmírně nudné), a připadá mi to docela použitelné, ale tento přístup může mít nějaký uživatel- zažít problémy, o kterých nevím.

Vypadá to jako uživatelsky přívětivý model? Pokud ne, co mohu udělat pro jeho zlepšení?

349
Peter Olson

Vyplnil jsem do formuláře některá hlavně fiktivní data (viz níže), protože vím, že jste řekl, že to byl jen pracovní příklad. Mým jediným skutečným zájmem pro celý tento návrh je to, že vstupní pole nepřijímají vstup, pokud tato tvář krychle není skutečně viditelná. Myslím, že by pro většinu uživatelů bylo nepříjemné psát do vstupního pole, které nevidí, a pak zjistí, že když se ten obličej znovu objeví, toto pole ztratilo všechno, co jste zadali.

Luke Wroblewski má na svém webu nějaké skvělé informace týkající se registračních formulářů a stojí za to se podívat, aby se doladilo rozvržení. Všiml jsem si, že podrobnosti o adrese ulice jsou všechny na jednom řádku, a navrhl bych rozdělit se alespoň na ulici a PSČ nebo PSČ, s dalším volitelným polem pro složitější adresy. Podívejte se na tento článek o UXMatters pro řešení mezinárodních adres ve formulářích.

Zvažoval bych, zda opravdu potřebujete získat číslo sociálního zabezpečení při první registraci. Pokud je to určitě nutné, navrhl bych poskytnout nějakou inline pomoc, proč je to nutné, protože někteří uživatelé mohou být trochu vtipní ohledně tohoto druhu detailů. Pokud je to možné, zvažte získání informací prostřednictvím postupné zapojení .

Asi bych si vybral méně živou zelenou, protože je to trochu urážlivé, a změnil červený text na jinou barvu. Můžete použít Colorblind Web Page Filter , abyste viděli, jak vypadá barevně slepým uživatelům. Nebojte se použít více barev - ale ne příliš mnoho! Smashing Magazine mají dílný článek o teorii barev .

Myslím, že celý koncept má hodně na to, a jakmile hlavní problémy UX byly vyžehlit, bude to vypadat docela úhledně. Myslím, že uživatelé budou milovat jeho novost. Registrační formuláře jsou v dnešní době tak nudné. Tento článek o A List Kromě toho, proč přihlašovací formuláře musí zemřít (opět Luke Wroblewski) je na místě. Myslím, že tento příklad by mohl jen třesknout poslední hřebík do rakve přihlašovacích údajů, takže s tím hodně štěstí!

enter image description here

290
Roger Attrill

Vážná odpověď: je to hrozné

Chcete-li to zlepšit, můžete udělat, aby to nebyla rotující krychle.

Hlavním problémem je, že to nemohu ovládat. Díky dobrému uživatelskému rozhraní si uživatel myslí: „Hej, jsem úžasný! Podívejte se, co mohu udělat!“

To mě nutí myslet si: "svatý kecy, sát. Nemůžu ani vyplnit formulář." Musím si ponechat 3D mentální model, vyplnit věci vzhůru nohama a zabývat se zobrazováním textu pod úhlem. Je to jako snažit se hrát na kytaru se zapnutými pouty.

Pokud se jedná o mezeru na stránce, použijte akordeonový formulář. Poté může uživatel vidět celý formulář, snadno posoudit svůj postup a zobrazit pouze to, co v tuto chvíli potřebuje.

Hloupá odpověď: je to skvělé!

Jsem rád, že vás uvolňuji formuláře z jejich 2D pout. Můžete to abstraktní do knihovny, která konstruuje N-sided 3D tvary, kde N je počet sekcí formuláře, které potřebuji? Pokud je matematika příliš tvrdá, možná můžeme znovu uspořádat naše formuláře, aby se vešly snadno vykreslitelné tvary - rozdělte je do 12 sekcí namísto 11 atd.

Rovněž budeme mít více blikajících světel.

215
Nathan Long

NE. V žádném případě, i když z něj uděláte trojúhelník nebo jakýkoli geometrický tvar, odpověď bude stále NE.

Navštívil jsem váš pracovní příklad (hádání je beta nebo tak něco). Snažil jsem se vyplnit pole formuláře bez štěstí. Snažil jsem se číst, co je psáno, opět bez štěstí. Pak jsem kartu zavřel.

Znovu jsem si přečetl vaši otázku, znovu jsem navštívil krychli a po 1 s jsem odešel a řekl: "Musíš si dělat srandu?".

Dobře na závěr mé odpovědi a v mých očích to není dobrý UX. Není to zdaleka dobré. Web je stále jednodušší a jednodušší, proč chcete těžké věci ?!

Moje odpověď na vaši otázku zní NE. Určitě.

56
EnexoOnoma

Dobře, cítím se, že to tak trochu oddělím, ale jso některé věci, které mě v tom opravdu otravují.

  1. Nejsem si jistý, jaké písmo používáte, ale vyrovnání párků mi připadá opravdu divné
  2. 32px je docela standardní šířka pro ovládání zadávání dat (myslím, že používáte 50 nebo tak něco)
  3. Typicky jsou rozevírací seznamy stavů řazeny podle PSČ začínajícího na severovýchodě
  4. Tlačítko odeslání by mělo být IMO zarovnané doprava
  5. Pravděpodobně byste měli emotikonu nahradit skutečným obrázkem emotikonu (textově založené jsou vyhrazeny pro výměnu textových dat (e-maily))

Ale člověče, kromě toho, vypadá to opravdu, opravdu dobře.

47
Daniel
  1. Nevím, jak konstruujete svou krychli, ale vypadá to, že se krychle během rotace deformuje.

  2. automaticky se otáčející krychle je hloupá a nepříjemná pro každého uživatele - díky možnosti otočit krychli (například přejetím prstem) by to mohlo být docela zábavné

  3. Text by nikdy neměl být prezentován vzhůru nohama. Vůbec.

  4. Třetí dimenzi jste nevyužili žádným jiným důležitým způsobem než krásou. Mohli byste například provést otočení doleva nebo doprava jako akci k zobrazení další/předchozí stránky formuláře. Otočením nahoru získáte nápovědu pro aktuální stránku formuláře, otočením dolů pro právní upozornění, ale ta jsou před běžným používáním skrytá, což byste chtěli.

34
demallien

Miluji to a myslím, že by to mohlo být opravdu užitečné. ale rád bych viděl verzi se všemi rohy uvnitř.

32
colmcq

Použití CSS k oddělení obsahu a prezentace je velmi dobře provedeno. Uživatelé, kteří upřednostňují vylepšený grafický zážitek, si ho budou moci užít, zatímco uživatelé textových prohlížečů a uživatelé, kteří deaktivují šablony stylů CSS, uvidí nevybavenou lineární verzi. Ověření vstupu se zdá být docela efektivní při odfiltrování slabých hesel a falešných SSN , i když jsem to nemohl úplně vyzkoušet, protože jsem nechtěl prozradit skutečné SSN. Moje jediná stížnost je, že při prohlížení bez CSS je objednávka nesprávná, i když to lze snadno vyřešit změnou uspořádání div HTML.

18
blah

Upřímně to zní, jako byste byli ve fázi, kdy musíte položit další otázky.

Naznačují vaše statistiky, že velké množství lidí spouští starou verzi formuláře, ale nedokáže jej dokončit? To by mohlo znamenat nudu nebo nedostatečnou motivaci k tomu, aby se dostal přes nudný úkol. Zatímco novinka (například rozhraní krychle) může pomoci, můžete mít větší úspěch zkrácením délky formuláře. Pokud je to rozhodující forma, kterou jsou lidé nuceni dokončit, měli byste se dopustit chyby na straně nudy, ale nelze ji zaměnit (tj. ne krychle).

Mají lidé sklon mít nejvyšší pravděpodobnost, že přestanou na malém počtu konkrétních otázek? (např. Ahoj. Chtěli bychom, abyste se zúčastnili anonymního průzkumu! Q1: Jaké je vaše číslo sociálního zabezpečení?) To by mohlo naznačovat něco jiného, ​​jako je jedna z informací, které váš formulář požaduje, něco, co uživatelé nepohodlně sdílejí. Pokud je tomu tak, rotující krychle rozhodně není odpověď.

Zeptejte se výše uvedených otázek a potom si položte otázku, jak je krychlové rozhraní řeší. Pokud vše, co dělá, je „být nový“, můžete mít problém. Román jedné osoby je matoucí.

Osobně mám těžké přijít s tím, jak rozhraní krychle skutečně přidává něco, co má smysl pro proces vyplňování formuláře jiného než přidávání očních bonbónů. Vyplnění formuláře je lineární proces. Jak pomáhá přiřadit různá pole formuláře ke stranám 3D objektu uživateli vyplnění formuláře? Mohlo by to mít překážku na sousedních polích na různých tvářích krychle?

Opět platí, že pokud celé rozhraní krychle je „méně nudné“, pak si myslím, že byste se měli opravdu podívat na alternativy. Koření jazyk formuláře. Místo „adresy“ vložte „místo, kam chcete, abychom zaslali spam vytištěný na pravých mrtvých stromech!“ (To může být off-puting, pokud jste skutečně spammer!). Zkuste přidat zábavné věci. např. Bezprostředně za jménem přidejte pole pro „volací znak tajného agenta“ (je to užitečné pro obnovení hesla). Hrajte si s typografií a rozhraním. Udělejte z formuláře příjemný pohled. (Vím, že obrázek kostky, který Roger zveřejnil výše, je jen rychlý a špinavý model, ale pokud si myslíte, že to vypadá vzdáleně blízko hotové formy, pravděpodobně s tím budete potřebovat pomoc.)

Hodně štěstí!

17
g-ball

Myslím, že to vypadá skvěle dobře z pohledu uživatelské zkušenosti, a já bych dokonce zašel tak daleko, abych naznačil, že v nepříliš vzdálené budoucnosti všechny webové formuláře budou tento model používat.

Můj jediný návrh na zlepšení je možná zrychlení animace - může být trochu obtížnější vybrat pole formuláře, ale myslím si, že uživatelé, kteří by navíc zjistili, že by byli rychleji, by byli vzrušující a poutavější.

16
Boris Hamster

Váš návrh je zjevně selháním. S dostatečnou trpělivostí je is skutečně možné vyplnit (alespoň část) formuláře. Protože se tomu zjevně snažíte zabránit, selhali jste.

12
Jerry Coffin

Když jsem viděl váš příklad, byl jsem si jistý, že to bylo jen technické demo, a během interakce s formulářem by se to neotáčelo. Ale po přečtení odpovědí a komentářů si myslím, že jsem se mýlil.

Rotující forma by pravděpodobně ztratila všechny vaše návštěvníky.

Místo toho navrhuji použít rotaci k přepínání mezi různými stránkami ve formuláři. Přemýšlím o něčem jako hlavní menu v počítačové hře „Letopisy Riddicka: Útěk z Butcher Bay“ . To by mohlo mít velký efekt, kdybyste to mohli udělat rychle a elegantně.

9
Znarkus

Použitelnost by neměla být používána ve stejné větě jako odkaz na tuto formu omlouvám se, její pravda.

Nemůžete ani vidět formulář 75% času, jak můžete mít použitelný formulář, který ani nevidíte.

Ztráta času, i když působivé 3d css ...

Způsoby, jak opravit: Zastavte rotaci krychle, vyberte barvy, které nejsou oslepující, Marquee text pro skutečné? Zobrazit formulář ... vždy!

8
dannydev

Řekl jsi:

"Pokud ne, co mohu udělat, abych to vylepšil?"

Zde je několik návrhů:

  • Udělejte z barev něco, co mi neublíží.

  • Zastavte točení kostky po celou dobu.

  • Zajistěte, aby byla všechna data viditelná najednou.

  • To znamená, že je to jako správný vstupní formulář.

6

Velmi inovativní přístup.

Ale myslím, že posun paradigmatu není uživatelsky přívětivý. Snažíte se změnit způsob, jakým to bude uživatel dělat v reálném životě. To nejen zpochybní vnímání uživatele, ale také zvýší jeho křivku učení.

Představte si to v reálném životě. Držím velkou kostku a otočím ji, abych na ni psal věci. A pak si nejsem jistý, jak to ten druhý člověk konečně přečte. Náročný úkol Eh!

Myslete na něco realističtějšího.

6
Kabir Roy

Dejte uživatelům plný příkaz, jako když se má myš pohybovat krychlí, která by se měla pohybovat myší, takže uživatel tak může rychle vybírat sekce (odeslat, formulář, jiné). v současné době musím počkat, až se kostka otočí do správné polohy.

5
Pir Abdul

Myslím, že tento koncept by byl opravdu skvělý, kdybyste místo toho, aby se krychle otáčely bez zastavení, používali efekt rotace krychle jako přechod z jedné stránky na druhou. Krychle by se měla otáčet na první stranu a pak se zastavit, a dát uživateli čas na přečtení první strany. Když je s tím uživatel hotový, může kliknout na další tlačítko a nechat krychli otočit se na další stranu, atd. Atd.

To by přidalo zajímavý přechod, o kterém si myslím, že by mnoho uživatelů pobavilo :)

5
user4662

Dobře, přiznávám, že jsem byl skeptický, ale vyzkoušel jsem pracovní verzi a měl jsem s ní tolik zábavy !!

To je absolutně skvělý nápad pro formulář pro přihlášení do hry nebo něco pro děti. Mám pocit, že se přihlásíte k této výzvě a samotné přihlášení je cena, kterou dostanete, takže by byla ideální pro komunitu s omezeným přístupem. Méně vstupních polí, menší rotace, hezčí vzhled a možná, že je uživatel bude moci přetáhnout, může být opravdu cool.

Ale dobře odpovídat na vaši otázku, ve vašem případě pro tento projekt, zdá se, že nefunguje.

4
Taly Emmanuela

Jako někdo, kdo žil v tomto nudném světě světa příliš dlouho, jsem si nikdy nemyslel, že budu žít, až uvidím den, kdy někdo přijde a úplně zruší bariéry, způsobí posun paradigmatu a přepíše knihu o dostupných a inovativních formách. .. do teď.

Některé z mých oblíbených věcí z hlediska použitelnosti, které jste si přidali, si myslím, že by si podobné společnosti Google a Facebook měly půjčit, aby pomohly zvýšit jejich konverzní poměr.

Neschopnost zaostřit na jednu stranu krychle - To je skvělé. Mám ráda, jak se snažím vyplňovat pole, ale musím počkat, až se krychlová tvář znovu otočí, abych mohla rychle vyplnit další pole. Trvalo mi asi 6 minut, než jsem vyplnil váš formulář, který si myslím, že je mnohem lepší než jiné formuláře, které jsem použil a které mi zabraly 30 sekund (vtipy o nich). Myslím, že udržení lidí na registrační stránce déle určitě pomůže snížit míru okamžitého opuštění.

Malé nečitelné štítky - Proč na to nikdo jiný nepomyslel? Všichni se zabývají tvorbou svých formulářů Pěkné a velké, užitečné kontextové štítky a další věci, které usnadňují proces vyplňování formuláře (nebo tak říkají). Abych si přečetl štítky, musel jsem několikrát přiblížit, ale rychlost krychle znamená, že se moje oči nemohou správně zaostřit: dobrá práce.

Rychlost krychle - Když jsem poprvé viděl název, okamžitě jsem si myslel, vsadím se, že točení krychle opravdu zpomalilo a budu moci jasně vidět štítky a vstupy formuláře, jak špatně Byl jsem. Rychlost krychle je vysoká, ale není příliš vysoká. Je to dost rychlé, aby ztěžovalo zaostření vašich očí a rozmazání věcí, ale ne příliš rychle. Myslím, že rychlost krychle způsobí, že se váš web objeví rychleji.

Ale bohužel, s vaším formulářem jsou nějaké problémy:

Toto písmo není moc lákavé - Navrhuji vyzkoušet hezčí písmo, Comic Sans MS Bold by asi byla moje první volba. Je to čitelné a to by ještě více zpříjemnilo rotující kostku.

Zelená není dost jasná - Omlouvám se, že to říkám, ale ta zelená prostě není dost jasná. Dalo by se vzít o několik odstínů světlejší, aby vypadaly modernější.

Tlačítko Odeslat není vycentrováno - Myslím, že strana tlačítka Odeslat krychle by měla být vystředěna. V tuto chvíli je tlačítko odeslání zarovnáno doleva a text v tlačítku není ani vystředěn. To je špatné pro přístupnost a díky těmto dvěma malým vylepšením bude určitě lepší. Zvažte, aby tlačítko fungovalo s designem o něco více tím, že bude černé nebo bílé. Gray má sklon vypadat velmi starý.

Nedostatek tepla nebo charakter - Myslím, že nedostatek animovaných GIFů opravdu ovlivňuje formu, ale nejen to, že jsem se podíval do zdroje a neviděl ani jednu instanci <Marquee> tag. Z estetického hlediska je to podle mého vkusu trochu TOO, nějaký pohyb v něm by to mohl udělat ještě zábavnější (samozřejmě v kombinaci se změnou písma).

Chybějící ověření - Pokud jsem mohl říct, ve vašem formuláři chybí ověřovací nebo ověřovací zprávy. Formulář bez ověření je použitelná noční můra, pokud je to možné, měli byste zvážit použití <Marquee> tag pro ověřovací zprávy, aby se jevily přátelštější a méně pasivní-agresivní jako jiné formy, se kterými jsem se v průběhu let setkal.

Štítek s číslem sociálního zabezpečení je příliš dlouhý - Štítek je širší než ostatní, můžete zkusit správné zarovnání štítků nebo možná zalomení řádku na tomto textu, aby byly řádky o něco kratší a čitelnější. .

V Google Chrome (nejnovější) v systému Mac OS je rozbalovací nabídka přerušena - Text štítku se zobrazuje nad štítkem.

Znovu v Google Chrome (nejnovější) v Mac OS je nadpis na stránce s právními informacemi přerušen - Vlastně jsem odříznut, takže můžu jen opravdu viz „důležité právní informace !!!“

Příliš mnoho vykřičníků - Proč křičíte na stránce právních podmínek? Jedna, maximálně dvě vykřičníky. Znáte pravidla? Nezkazte skvělý design s příliš mnoha vykřičníky.

Celkově skvělý design, ale ještě lepší troll. Toto je pravděpodobně jedna z nejlepších troll otázek, které jsem kdy četl, dokonce soupeření s některými otázkami, na které narazím na Yahoo! Odpovědi, tak dobré na vás.

4

To funguje dobře, pokud nebudete mít více než 6 stránek.

Uvědomte si, že části stránky nebudou viditelné, pokud nebudou směřovat dopředu. To by mohl být problém s použitelností.

Uživatelské rozhraní bylo vytvořeno tam, kde je panel nástrojů, který se otáčí. Znovu byl limit 4 obličejů a lidé nemohli zjistit, co bylo na boku, matoucí a frustrující uživatele.

Správná orientace bude výzvou.

Ale někdy lidé rádi frustrují. Podívejte se na Angry Birds. Lidé stále chybí a výzva se stává těžší a těžší. Ale je to zábava! Vše záleží na tom, čeho se snažíte dosáhnout.

3
Tyler Langan

Největší věc od nakrájeného chleba

Zde je dobrá knihovna, která přidává dynamiku: https://chrisbateman.github.io/impetus/

Pokud chcete jít dále než jen kostky: https://stackoverflow.com/questions/33629754/text-within-a-non-rectangular-shape-pentagon-or-hexagon

Můj starý web.

Pak jsem musel hledat práci a rozhodl jsem se být "normální"

enter image description here

2
Mars Robertson

Proč to nezkusíte s některými lidmi? Myslím, že některé uživatelské testy jsou v pořádku.

Celý tento čas jste strávili sestavováním prototypu, tak proč to nenechat své uživatele vyzkoušet. Neřekl jsi přesně, na čem to přesně stavíte, tak jak můžeme vědět, jestli je to dobré nebo ne? Osobně jsem našel váš prototyp trochu zábavné - mohlo by to být opravdu zábavné hry. V takovém případě vám může testování uživatele přinést pozitivní výsledky.

Ale pochybuji, že děláte hru. Šance jsou, vaše testované subjekty to prostě zjistí neuvěřitelně nepříjemně. Ale kdo ví! To je krása uživatelského testování - téměř vždy vás něco překvapí.

2
Sauce McBoss

Myslel jsem, že by bylo lepší, kdybyste text přeuspořádali svisle, takto:

  • k
  • i
  • l
  • l
  • m
  • e
  • :)

Abych byl upřímný, pokud je to na standardní obrazovce počítače, myslím, že tento přístup je neúspěšný. Již jste obdrželi spoustu zpětné vazby, kterou nebudu opakovat, protože všichni kritici jsou docela platní a do hloubky.

, ALE

Pokud uvažujete o tom, že je to součást prostředí VR/AR a kostka může být manipulována ručně, pak si myslím, že je to nový přístup k vytvoření vstupu pro tento druh prostoru. Můžete dokonce vložit krychli do slotu jako způsob, jak ji odeslat.

1
RCburn