Kā pievienot mijiedarbību ar maģiju

Katru reizi, kad lietotājs kaut ko izdara ar jūsu dizainu, tiek izveidota mijiedarbība. Dažas mijiedarbības, piemēram, klikšķi, gandrīz neko nepamana lietotājam. Bet citas mijiedarbības ietver zināmu maģijas daudzumu, kas liek lietotājam vēl vairāk spēlēt ar dizainu.

Starp mijiedarbību, kurai piemīt maģijas pieskāriens, un to, kas var būt absolūti milzīga, ir precīza robeža. Burvīgākās mijiedarbības ir mazliet negaidītas, vienkāršas, rada emocionālu reakciju un liek lietotājam vēlēties to atkal izmantot.

Izpētiet Envato elementus

Mijiedarbība ar maģiju

Maģija ir “īpašība, kas liek kaut kam šķist no ikdienas dzīves, it īpaši tādā veidā, kas sniedz sajūsmu”.

Tas, kas padara mijiedarbību patiesi maģisku, ir tas, ka tā paredz, ko lietotājs gatavojas darīt tālāk. Dizains gandrīz pārvietojas ar jums… vai varbūt tikai vienu soli priekšā jums, lai izdarītu tieši to, ko vēlaties, tikai sekundes laikā, pirms esat pat pieņēmis lēmumu.

Lai izstrādātu šāda veida interaktīvo saskarni, jums īpaši labi jāzina savi lietotāji. Pirms domājat par vizuālajiem attēliem vai mijiedarbību, jums būs jāizpēta viņu paradumi un modeļi. Kad esat ieguvis šos datus, varat izpētīt veidus, kā izveidot šos savienojumus.

Kas mijiedarbību padara maģisku? Kā jūs to definējat? Vislabākais apraksts ir iegūts no akadēmiskā darba Maģiskās mijiedarbības ar informāciju vizuālajai spriešanai :

Daži piemēri:

1. Noklikšķinot un velkot multfilmas varoņa zīmējumu, kurš pēc tam “inteliģenti” reaģē, mainot pozu, tieši reaģējot uz lietotāja ievadi, saprotot, kā pārvietoties it kā ar burvju palīdzību;
2. Pārlūkojot video datus, tieši noklikšķinot uz video rakstzīmēm, nevis izmantojot slīdni;
3. Mobilo ierīču saspiešana failu pārsūtīšanai; un
4. 3D punktu mākoņu atlasīšana, vienkārši uzzīmējot 2D laso.

Visām šīm mijiedarbībām ir “spēks acīmredzami ietekmēt notikumu gaitu, izmantojot noslēpumainus vai pārdabiskus spēkus” un “kvalitāte, kas liek kaut kam šķist no ikdienas dzīves, it īpaši tādā veidā, kas sniedz sajūsmu” - divas īpašības, kas tieši ņemtas no vārda maģija definīcija.

Saprātīga animācija

Animācijas ir visur. Liekas, ka gandrīz katrā vietnē ir kaut kas pārvietojams, iestrādāts, neatkarīgi no tā, vai tas ir videoklips vai lidinājuma efekts, vai iekraušanas dalījums. Šai kustībai ir jēga. Kustība dabiski pievelk aci un nodrošina iesaistīšanās brīdi, kas var kalpot arī kā uzmanības novēršana, kamēr vietne tiek pilnībā ielādēta vai darbojas fonā.

Viens saprātīgas mijiedarbības veids varētu būt kustīgs foto vai kinogrāfs. Šis paņēmiens sajauc nekustīgu un dzīvu darbību ar smalkām kustībām vai kustībām tādā veidā, kas liek lietotājiem vēlēties iedziļināties dizainā. (Plašāku informāciju par tendenci varat uzzināt mūsu ievietotajos fotoattēlos, kas atdzīvojas.)

Viedākās animācijas ir kas vairāk nekā vienkāršas kustības - lietotājs vēlas kaut ko darīt un konstatē, ka tas faktiski ir funkcionāls. Šāda veida mijiedarbība e-komercijā sāk notikt bieži, ja lietotāji vēlas, lai produktu redzētu vai “noturētu” no jebkura leņķa. Iepriekš Qantas Airlines rīkojas tāpat kā ar vietnes dizainu, kas lietotājiem ļauj redzēt lidmašīnu iekšpusi un apskatīt sēdvietu iespējas un daudz ko citu. (Dodieties noklikšķiniet ap šo vietni, jūs būtu pārsteigts par visām lietām, kuras varat “redzēt”, un tā jūtas ļoti reāla.)

Tieša noklikšķināšana

Pārāk bieži jūs nonākat vietnē un elementi, uz kuriem noklikšķināt, neko nedara. Ar tiešāku noklikšķināmību vairāk elementu ir objekti, kas aizved jūs pie jauniem elementiem un tā tālāk, lai izveidotu klikšķu un saišu un ceļu Web, ko lietotājs var izmantot. Plūsmai ir nevainojama kvalitāte, kas padara šo klikšķu mijiedarbību vēlamu.

Tur vēl nav pietiekami daudz šo mijiedarbību, bet, kad jūs to atradīsit, tie ir ļoti jautri. Filmas vietne Sing ir lielisks piemērs. (Jums jāklikšķina apkārt.) Katrs elements ir paredzēts, lai vietne justos kā filmas interaktīvs pagarinājums. Jūs varat noklikšķināt uz diezgan daudz jebko, un kaut kas notiks. Apvieno to ar multfilmas aspektu, un tas tiešām jūtas maģiski.

Izciļņiem un haptikiem

Kamēr akadēmiķi mīlēja “sitiena maģiju”, vairāk lietotāju mīl haptiku burvju. Tas var atvieglot mijiedarbību ar pulksteni - es nekad neatbildēju pie zvana - spēlēt spēli, kas, pateicoties kustībai, jūtas intuitīvāka. Atkarībā no ierīces veida izciļņi var būt reāli vai uztverami, piemēram, Konterball spēlē.

Daudzos no šiem gadījumiem darbvirsmas tīmekļa dizains izmanto kustības, kuras lietotāji uztver, bet tālruņos, pulksteņos vai VR ierīcēs tam ir haptisks elements.

Tīmekļa dizains, kas līdz šim ir bijis praktiski virtuāls, tiek aktivizēts, izmantojot mijiedarbību ar skārienekrāniem. Gaidiet vairāk saskarņu, kurām pieskaraties, un atgriezeniskās saites cilpa tiek aizvērta ar ierīces fizisku atbildi.

Izmēru perspektīva

Līnijas starp izmēriem sāk miglot. Kamēr ekrāni ir divdimensiju ainava, vairāk dizainu rada trīsdimensiju pasaules. Tomēr lietotāji joprojām rīkojas ar 2D kustībām. Tas ir dīvains un gandrīz visu domājošs jēdziens.

Bet tad neskariet vietni šādā veidā.

Jūs redzēsit burvju.

Iepriekš Campo Alle Comete stāsta par maģisku, pēc būtības, bet arī par interaktivitāti. Velciet peli taisnās līnijās pa ekrānu, lai redzētu pasaules pārmaiņas un pārvietošanos. Un šķiet, ka nav nekādu noteikumu. Kustība notiek jūsu izvēlētā virzienā un ātrumā. Labākā šīs pasaku pieredzes daļa? Jūs, visticamāk, noklikšķiniet un spēlējat vairākas minūtes, pirms pat saprotat, ko vietne mēģina parādīt. (Tas ir vīnam.)

Secinājums

Kas mijiedarbību padara maģisku? Tam jābūt paredzošam un jādara tikai tas, ko lietotājs vēlas, tādā veidā, kā lietotājs to vēlas. Tam vajadzētu būt interesantam un tikai mazliet savādākam. Un tam jābūt pietiekami vienkāršam, lai nebūtu sajaukšanas.

Visbeidzot, īstā maģija notiek, kad lietotājs uz to reaģē ar smaidu vai sajūsmu vai gandarījumu. Maģija ir cilvēka saikne, bez lietotāju sajūtas tas ir tikai vēl viens dizaina triks.