Eesti    English

UX ja AI ampsud / nr 14

UX ja AI ampsud / nr 14

Tere taas!

Vaikselt hakkavad talvepühad lähemale jõudma. 🎅 Ja tekkimas on jõulumeeleolu. 🎄

Loodan, et oled end mugavalt sisse seadnud, et teha rännak UX ja AI ampsude maailma.

Selles numbris ilmuvad sinu ette järgmised teemad:
1. Mida õppida IKEA iseteeninduskassa UI / UX disainist?
2. Kui hea on Gemini 3 vibe code‘imine?
3. Mis tore uuendus on Figma Make tarkvarasse lisandunud?
4. Mida head räägiti Canva konverentsil?
5. Mis arenguid tutvustati Adobe üritusel?

1. Mida õppida IKEA iseteeninduskassa UI / UX disainist?

IKEA iseteeninduskassa ekraan, mis kuvab vasakul tabelina ostetud toodete nimekirja ja summade infot.  Paremal on illustratsioon kviitungist, triipkoodilugejast ja nupust tekstiga „Skaneerige oma Family kaart“ ning nupust „Maksma“. All paremas nurgas on keelevalikud: EST, ENG, RUS.
Pilt IKEA iseteeninduskassa ekraanist.

Kas oled ka üks neist inimestest, kes vajutab nuppu „Skaneerige oma Family kaart”? Kas teadsid, et see nupp tegelikult mitte midagi ei tee? Tegemist on lihtsalt tekstiga, mille taust on kujundatud nupu moodi ehk tegu pole üldse nupuga.

Siit ka UX / UI disaini soovitus: kui disainid kasutajaliidest, veendu et kasutajad sellest õigesti aru saavad. Kui kasutajad näevad nupu disaini, eeldavad nad, et tegemist on nupuga. Olen näinud, kuidas inimesed jäävad ootama, et “nupu” vajutamise järgselt midagi ekraanile ilmuks.

Lisaks püüa vältida mitme keele läbisegi kasutamist ja olukordi, kus keelevaliku menüüs pole aktiivne keel visuaalselt märgistatud.

2. Kui hea on Gemini 3 vibe code‘imine?

Keeleõppe mängu „KomaKangelane“ ekraan. Küsimus üks kümnest küsib, kas lauses „Koer jookseb ja haugub.“ peab olema koma sõna „jookseb“ järel. Valikud on nupuna „Koma“ ja „Pole koma“. Punktisumma üleval paremas nurgas on 0.
Ekraanipilt Google AI Studios Gemini 3 versiooniga tehtud mängust.

Gemini versioon 3 on kohal ning lisaks mitmetele uuendustele on lubatud ka paremat tulemust vibe code‘imises ehk tehisaru abil koodi kirjutamises.

Panin uue mudeli kohe proovile elulise teemaga: õpetada interaktiivse veebilahenduse abil oma lapsele, millal sidesõnade ees käib koma. Tulemus tuli kena, aga nagu ka varasema mudeli puhul, on AI-ga arendamine veidi ka putitamine ja parendamine – seda kõike selleks, et tulemus saaks hea.

Korda tuli teha tavapärased UX / UI disaini probleemid, mis AI-ga genereerimisel esile tulevad, näiteks valge tekst helekollasel nupu taustal ei olnud hästi loetav, edasi liikumise nupu tekst oli nähtav ainult hiirega peale minnes, mõnes kohas oli tekst liialt väike ja esines kummalisi sõnastusi jmt. Aga ei midagi sellist, mis oleks takistanud mängu tehnilist valmimist.

💡 Kui sul on vibe code’imise vastu huvi, tule koolitusele Kodulehe loomine AI-ga ehk Vibe Coding. Vaata ka meie teisi UX / UI ja AI disaini koolitusi täiendõppijatele ja karjääripöörajatele.

3. Mis tore uuendus on Figma Make tarkvarasse lisandunud?

Figma Make tarkvara, esiplaanil modaalaken "Connectors", kus nimekiri tarkvaradest, mida ühendada saab.
Ekraanipilt Figma Make tarkvarast.

Figma Make on AI vibe code‘mise tööriist, millele lisandus hiljuti võimalus ühendada väliseid tarkvarasid nagu Notion, Asana, Jira, Confluence ja mõningaid veel.

Nii saad teistest tarkvaradest prototüübi genereerimiseks AI-le vajalikku sisendit lisada, näiteks Confluence’is asuvaid projekti dokumentatsioone või Jiras kirjeldatud ülesandeid.

4. Mida head räägiti Canva konverentsil?

Esineja seisab suurel laval publiku ees, selja taga kujutis Maast ja erksates värvides kontsentrilised valgusringid. Paremal ekraanil on slaid tekstiga „The Simple Tools“. Tegemist on konverentsiga, mille lavadisain ja valguslahendus on visuaalselt silmapaistev.
Ekraanipilt Canva Keynote ülekandest.

Canva hiljutisel keynote’il “The Imagination Era” esitleti mitmeid uuendusi.

Canvas saab nüüd näiteks luua e-kirju, kuid neid ei ole veel võimalik otse platvormilt oma meililistidele saata. Fail tuleb alla laadida HTML-vormingus ja seejärel näiteks Mailchimpis teele panna.

Canvaga loodud veebilehtedele saab lisada vorme, näiteks kontaktide kogumiseks või tagasiside saamiseks.

Canva Affinity – Adobe Illustratori ja Photoshopi sarnane tarkvara – on nüüd täiesti tasuta!

5. Mis arenguid tutvustati Adobe üritusel?

Adobe konverentsi ettekande hetk suurel laval. Esineja seisab laval, mille taust on erk ja värvikirev, ning ekraanil kuvatakse „Adobe Firefly Boards“ tööriista. Ekraanil on näha erinevaid visuaale, sealhulgas vürtsidest koosnev kujundus, tee pakendite näidised, värvipaletid ja logod.
Ekraanipilt Adobe Keynote ülekandest.

Adobe üritusel näidati arenguid erinevates tööriistades, mis kuuluvad Adobe ökosüsteemi.

Adobe Firefly Boards võimaldab loominguliselt aju rünnata kui lisad töölauale näiteks erinevaid pilte ja miksid neid omavahel ning lisaks rakendad neile omakorda Adobe enda, Open AI või Google pilditöötlusmudeleid.

Project Graph on aga töövoo ülesehitamise tööriist. Selle abil saad omavahel jadana ära ühendada seadistusi ja käsklusi. See võimaldab teha sisuliselt nii, et ühest otsast annad pildi sisse ja välja tuleb pilt, mis on läbi käinud erinevad töötlemise sammud.

Turntable funktsionaalsus Illustratoris võimaldab objekti keerata ja näha, kuidas see külje pealt välja näeks, ilma et peaksid seda uuesti joonistama. Näiteks saad oma joonistatud robotit pöörata ja näha selle külgvaadet. Kõik vektorkihid liiguvad taustal automaatselt paika Firefly AI abil.

Aitäh, et lõpuni lugesid! 👍 Viska viis. 🙌

💡 Soovi korral oled oodatud UX/UI ja AI disaini koolitusele.

✉️ Liitu uudiskirjaga, et olla kursis UX ja AI valdkonnas toimuvaga. 

👉 Jälgi UX Estonia tegemisi Facebookis, Instagramis ja Linkedinis. Kuula või vaata meid Spotifys ja YouTubes.

✨ UX Estonia on digitaalse kasutajakogemuse disaini, uuringute, konsultatsiooni ja koolituse ettevõte.