Eesti    English

UX ja AI ampsud / nr 4

🍁 Viinakuu (rahvakeeli oktoobrikuu) viimasel pĂ€eval on mul hea meel sinuni tuua kasutajakogemuse disaini ja tehisintellekti valdkonnast lood, tegemised ja edasiviivad mĂ”tted.

Kui ĂŒks pilt on vÀÀrt rohkem kui 1 000 sĂ”na ning ĂŒks prototĂŒĂŒp on vÀÀrt rohkem kui 10 000 koosolekut, siis kui palju vĂ”iks olla vÀÀrt ĂŒks meem? đŸ€”

Pilt on jagatud neljaks osaks:1.	Ülemine vasak nurk (UI): NĂ€itab traditsioonilist klaasist ketĆĄupipudelit, mis on tavalise kujundusega. 2.Ülemine parem nurk (UI): NĂ€itab ĂŒmberpööratud plastikust ketĆĄupipudelit, mis seisab korgi peal. 3. Alumine vasak nurk (UX): NĂ€itab tegelast, kes pĂŒĂŒab vihaselt ja vaeva nĂ€hes klaasist ketĆĄupipudelist ketĆĄupit vĂ€lja pigistada, kuid ketĆĄup pritsib vĂ€lja ebaĂ”nnestunult. 4.	Alumine parem nurk (UX): NĂ€itab rahulolevat ja Ă”nnelikku tegelast, kes kergesti pigistab ketĆĄupit vĂ€lja plastikust pudelist otse toidule. Pildi eesmĂ€rk on selgitada, et UI (kasutajaliidese) disain vĂ”ib olla erinev, kuid lĂ”ppkokkuvĂ”ttes on oluline UX (kasutajakogemus), mis mĂ”jutab seda, kui lihtne ja mugav toote kasutamine tegelikult on.Pildi allservas on kirjas “www.patrickhansen.com”, mis viitab autori kodulehele.
AitÀh Patrick Hansenile selle meemi eest.

Minu jaoks viljeleb see meem head mĂ”tet sellest, kuidas kasutajaliidese disain, antud juhul sĂŒmboliseerib kasutajaliidest ketĆĄupipudel, mĂ”jutab kliendikogemust.

Disaineri vĂ”i tootejuhina vĂ”ib ju olla uhke lĂ€ikiva kasutajaliidese ĂŒle aga kui see lĂ”ppkasutaja jaoks ei “tööta”, siis ei tĂ€ida kena kasutajaliides paraku Ă”iget eesmĂ€rki.

1. Miks vÔiksid Krisp.AI nimelist programmi proovida?

Ekraanipilt Krispi kodulehest.
  • Kui töötad kodukontoris, kohvikus vĂ”i tavapĂ€rases kontoris ja sinu ĂŒmber on taustamĂŒra, mida sa ei taha, et jĂ”uaks kĂ”ne ajal mikrisse.
  • Siis siin tulebki appi Krisp.ai nimeline programm, mis oskab vĂ€lja filtreerida taustamĂŒra, nĂ€iteks ĂŒle laua telefoniga kĂ”vasti rÀÀkiva kolleegi jutu, kodus ringi jooksvate laste kilked, haukuva naabrikoera jne.
  • Kui sul on uuem Mac, siis vĂ”id kasutada Krispi asemel ka MacOS’i Voice Isolation seadistust. See on ka pĂ€ris hea.

2. Mida Ôpetavad meile rehvifirmade kodulehed disainmÔtlemisest?

❄ 🛞 Rehvivahetuse hooaeg on kĂ€tte jĂ”udmas ning sellega seoses olen kĂŒlastanud mitmeid veebilehti. Talverehvid vajasid autol vahetust ning pidin tegema veidi uurimistööd uute osas.

Kuigi on palju kohti, mida saaks rehvifirmade veebilehtedel muuta kasutajasĂ”bralikumaks, soovin siinkohal keskenduda just positiivsetele leidudele, mis minu arvates nĂ€itavad head disainmĂ”tlemist. 👍

NĂ€iteks Vianori kodulehel on vĂ”imalus sisesta enda auto number ning selle pĂ”hjal tuvastab veebileht, mis mÔÔdus rehvid autole alla lĂ€hevad. See sÀÀstab kasutajat vajaliku rehvi laiuse, kĂ”rguse ja diameetri peale mĂ”tlemisest. đŸ€”

Rehviotsingu vorm autole. Ülaosas on otsinguvĂ€li numbrimĂ€rgi sisestamiseks ja nupp "OTSI". Allpool on alternatiivne otsinguvĂ”imalus rehvi mÔÔtude jĂ€rgi, kus saab valida laiuse, kĂ”rguse, diameetri, autotĂŒĂŒbi, hooaja ja tootja. Vormi all on suur oranĆŸ otsingunupp "OTSI".

Revid Pluss broneerimissĂŒsteem nĂ€itab aga đŸŒšïž ilmaprognoosi, mis on ĂŒks peamisi indikaatoreid otsustamaks, kas on Ă”ige aeg rehvivahetusse minna.

Pilt kuvab rehvide vahetuse hindu ja saadavust erinevatel kuupĂ€evadel nĂ€dalas, koos ilmastikuinfoga. EsmaspĂ€ev, 28. kuupĂ€eval, pole saadaval vabu aegu. TeisipĂ€eval, kolmapĂ€eval ja neljapĂ€eval (29.-31. kuupĂ€eval) on hind 49.50 €, reedest (1. kuupĂ€ev) 55.00 € ja laupĂ€eval 60.50 €. PĂŒhapĂ€eval, esmaspĂ€eval ja teisipĂ€eval (4.-5. kuupĂ€ev) on hind 55.00 €. KuupĂ€evade all on prognoositav ilm ja temperatuur.

3. Mida kujutab endast glassmorphismi stiil?

  • Glassmorphismilik lĂ€henemine lisab kujundustele sĂŒgavust ja visuaalset hierarhiat, kasutades lĂ€bipaistvuse ja matistatud klaasi efekte. Seda trendi kannab nii Apple kui ka Microsoft osades enda disainisĂŒsteemides.
  • LĂ€bipaistvuse, hĂ€gustamise ja gradientide abil saab luua kihilise ja elegantse kasutajaliidese vĂ€limuse.
  • Oluline on aga meeles pidada ligipÀÀsetavuse aspekte. Veendu, et tekst oleks hĂ€sti loetav ka kirjudel taustadel. Selleks kasuta rohkem tausta hĂ€gustamist, et hoida fookus selge ning tagada vajalik kontrast tekstile ja interaktiivsetele elementidele. Loe pikemalt NNGroupi blogist.

4. Kuidas parandada kasutajakogemust lĂ€bi kasutajavoo analĂŒĂŒsi?

  • Kasutajavoogude loomine aitab lĂ€bi mĂ”elda teekonnad, mida kasutajad sinu veebilehe vĂ”i rakenduse puhul kasutavad vĂ”i vĂ”iksid kasutada.
  • Kasutajavoogusid saad visandada nii projekti alguses, nĂ€iteks FigJam tööriistaga. Samuti on vĂ”imalik Google Analyticsis analĂŒĂŒsida olemasolevaid teekondi Funnel Exploration tööriistaga.
  • Kasutajavoogude erinevatest tĂŒĂŒpidest loe lĂ€hemalt Shopify blogist.

5. Mis on ekraanilugeja ja kuidas see töötab?

Ekraanilugejaga Tallinki kodulehte kĂŒlastamas.
Mac’i arvutis on vaikimisi ekraanilugeja VoiceOver. Levinumad ekraanilugejad on aga JAWS ja NVDA.
  • Ekraanilugeja on tarkvaratööriist, mis muudab visuaalse ekraanisisu kuuldavaks vĂ”i taktiilseks, aidates nĂ€gemispuudega kasutajatel arvutit ja veebilehti kasutada.
  • Ekraanilugeja tuvastab ekraanil oleva teksti ja muudab selle kĂ”nesĂŒntesaatori abil kuuldavaks.
  • Ekraanilugejad annavad infot veebilehe struktuuri kohta (nt pealkirjad, lĂ”igud, nupud) ning vĂ”imaldavad kasutajatel navigeerida klaviatuurikĂ€skude abil.
  • Ekraanilugejad loevad ette piltide ALT-kirjeldused ja muud alternatiivtekstid, pakkudes kasutajatele teavet ka visuaalse sisu kohta.
  • JĂ€rgmise aasta suvel, tĂ€psemalt 28. juunil, jĂ”ustub Toodete ja teenuste ligipÀÀsetavuse seadus, mistĂ”ttu on mĂ”istlik end nĂ”uetega kurssi viia. Kui aga vajad abi, pöördu julgelt UX Estonia poole.

6. Mis on uut Figma disainitarkvaras?

  • Oma viimases Release Notes videos andis Figma tiim ĂŒlevaate uuendustest.
  • Disainifaili tööriistariba muutus varasemale versioonile sarnasemaks. Seda pĂ”hjusel, et kasutajatele ei meeldinud vahed, mis tekkisid ĂŒmarate nurkadega tööribade ÀÀrtesse. Vaata jĂ€rgnev pilt.

Figma kasutajaliidese pilt
VĂ€ikesed vahed ehk â€œĂ”hk” tööribade ja ekraani ÀÀrte vahel.
  • Lahendusena kaotati Ă€ra ĂŒleliigsed vahed, sest need vĂ”tavad lihtsalt ruumi ning see “visuaalne ilu” ei tasu Ă€ra, sest disaineritena tahame vĂ”imalikult palju pinda saada enda disaini jaoks.
  • Ma ise ootan endiselt AI uuendusi, mida Figma konverentsil kunagi suurelt reklaamiti ja mis vahepeal pausile pandi, sest genereeritud kasutajaliidesed olid liialt sarnased tuntud rakendustele. Olen kuulnud, et Figma on esimesest ehmatusest ĂŒle saanud, kohendused teinud ja ĂŒhtteist juba beetaversioonis vĂ€lja lasknud ning vĂ€ikesel arvul valitud kasutajatel on vĂ”imalus juba katsetada.

  • FigJam tööriistas on aga vahva uuendus, mis vĂ”imaldab stickynotse grupeerida vĂ€rvi, autori jt tunnuste jĂ€rgi. NĂ”nda saab ajurĂŒnnaku helgest kaosest loogilisi struktuure luua. 🙃

FigJam'i kasutajaliides kus nÀha note

7. Mis toimub UX / UI ja AI disaineri portfoolio loomise mentorprogrammis?

  • Ütleme nii, et palju pĂ”nevat ja asjalikku. 🙂 Minul ja teistel kursuse mentoritel on vĂ€ga vedanud, et saame teha koostööd asjalike ja Ă€gedate inimestega.
  • Portfoolio loomise mentorprogrammi viime UX Estonias lĂ€bi UX / UI ja AI disaini koolituse jĂ€tkukursusena.

Artur ja Mari-Liis Google Meet videokÔnes. Mari-Liis presenteerib Swissoteli avalehe redisaini tööd.
Siinkohal tore klÔps minu ja Mari-Liisiga, kes on edukalt lahendamas mitmeid kasutajakogemuse disaini vÀljakutseid. Kohtumisel parasjagu arutame Mari-Liisi redisaini tööd Swissoteli veebilehe kasutajasÔbralikumaks muutmisel.

8. Mida toob endaga kaasa ChatGPT AVM ehk advance voice mode?

  • LĂ”puks jĂ”udis AVM ka minu seadmetesse ning saan kinnitada, et hÀÀlvestluse kvaliteet ja kĂ”ne rĂŒtm eesti keeles on ChatGPT’s nĂŒĂŒd palju-palju parem.
  • Tore on ka see, et saab valida mitme AI hÀÀle vahel, mis endale rohkem meeldib.
  • Samuti on mugav see, et saab jĂ€rgi kuulata AI vastuseid.
  • Salvestasin ka vĂ€ikese klipi, et anda sulle tunnetus, juhul kui sa ise pole veel saanud ligipÀÀsu uuemale hÀÀlvestluse versioonile.

9. Kas Claude hakkab meie eest arvutit kasutama?

  • Uus funktsioon laseb Claudel kasutada arvutit nagu inimene, liikudes ringi kursoriga, klikkides ja kirjutades teksti, justkui oleks sel oma silmad ja kĂ€ed.
  • Kuigi lahendus on veel katsetusjĂ€rgus ja mĂ”nikord vĂ”ib ette tulla vigu, on arendajatel vĂ”imalus varakult proovida ja aidata Claudel areneda igapĂ€evaseks digitaalseks abiliseks.
  • Videos nĂ€idatakse, kuidas Claude suudab vahekaartidel liikuda, infot koguda ja vorme tĂ€ita – tegevused, mida saab tulevikus rakendada paljudes töövaldkondades.
  • Ma nĂ€en, et sellel on suur potentsiaal nĂ€iteks tarkvara kvaliteedi testimisel, vĂ”imaldades leida kasutajateekonnas tĂ”rkeid ja bugisid.

10. Mis on „Playoff meetod“ ja kuidas seda ChatGPT’s kasutada?

  • Meetodi olemus: „Playoff meetod“ pĂ”hineb ideel lasta ChatGPT-l luua vĂ”imalikke vastuseid, mis omavahel „vĂ”istlevad“ lĂ€bi turniirisĂŒsteemi.
  • NĂ€ide: Podcastile nime valimine.
  • Sammud: Palu AI’l luua 32 nime kandidaati ning jagada need paaridesse. Lase tehisarul kĂ”rvutada paarid ja valida vĂ”itjaid edasi jĂ€rgmisse ringi, kuni vĂ”idab ĂŒks nimi vĂ”i idee. Tulemina palu kuvada jĂ€rjestatud nimekiri ning pĂ”hjalik selgitus, miks valitud vastus on parim.

11. Mida teeb AI startup Sierra ja miks on see 4,5 miljardit dollarit vÀÀrt?

  • Rahastuse kasv: Sierra kaasas just 175 miljonit dollarit, mis tĂ”stis ettevĂ”tte vÀÀrtuse 4,5 miljardi dollarini. Sierra vÀÀrtus oli jaanuari kuus veel “alles” 1 miljard dollarit.
  • Fookus AI-agentidel: Sierra keskendub personaliseeritud AI-agentide loomisele klienditeeninduseks erinevatele ettevĂ”tetele, pakkudes lahendusi brĂ€ndile kohandatud suhtluse loomiseks. NĂ€iteks kasutab rĂ”ivabrĂ€nd Chubbies brĂ€ndile iseloomulikku sarkastilist AI-agenti nimega Duncan.
  • Kasutatavad AI-mudelid: Sierra kasutab mitmemudelist lahendust (“constellation”), mis hĂ”lmab suuremaid keelemudeleid (OpenAI, Anthropic, Meta) ja nendega seotud jĂ€relevalvemudeleid tĂ€psuse tagamiseks.
  • Tugev konkurents ja kasvupotentsiaal: Ennustatakse, et AI-tööstuses kordub pilveteenuste turu arengumuster, kus Sierra vĂ”ib saada AI-agentide turul juhtivaks ettevĂ”tteks. 

12. Mis disainiimega sai hakkama soome firma?

  • James Bondi stiilis sĂ”iduelamus: Soomlaste Pegasuse nimeline elektriline hĂŒdrofoiler vĂ”imaldab vee kohal hĂ”ljudes liigelda.
  • Kiire ja vastupidav: SĂŒsinikkiust kere ja vĂ”imas akupank annavad sellele veesĂ”idukile kuni 55 km/h tippkiiruse ja kahe tunnise sĂ”iduaja.
  • Eksklusiivne mĂ€nguasi entusiastile: Hinnaga 139 900 eurot (ja lisaks veel akude ja laadija maksumus) pole see just igaĂŒhe lĂ”bu, kuid unikaalne kĂ€sitööna valmistatud disain teeb sellest unikaalse silmarÔÔmu.

13. Millised on Midjourney pildiredaktori uued vÔimalused?

  • Uus pildiredaktor: VĂ”imaldab Midjourney kasutajatel laadida oma arvutist ĂŒles pilte ja neid kohandada, lisades vĂ”i muutes elemente, kĂ€rpides ja laiendades pilti.
  • Pildi tekstuuride muutmine: Uus reĆŸiim hindab stseeni sisu ja soovi korral muudab tekstuure, sealhulgas valgustuse ja materjalide vĂ€ljanĂ€gemist.
  • KĂ€sitsi juhitavad toimingud: Kasutajad saavad piltide redigeerimist juhtida tekstipĂ”histe kĂ€skude ja valitud alade abil.

14. Mis tÀiendused toodi Canva tarkvarasse?

  • Dream Lab pildigeneraator: Uus AI-pĂ”hine tööriist, mis vĂ”imaldab teksti abil visuaalide loomist, kasutades Leonardo.AI Phoenix mudelit. Kasutajad saavad valida eelseadistatud stiile vĂ”i laadida ĂŒles oma pildi, et kohandada loomingut enda vajaduste jĂ€rgi.
  • Interaktiivsed kĂŒsitlused ja diagrammid: Lisatud vĂ”imalus luua kĂŒsitlusi, samuti uusi diagrammitĂŒĂŒpe vĂ”imaldades mahukaid andmeid paremini visualiseerida.
  • Vaata ka teisi uuendusi Canva blogist.

🎬 KĂ€esoleva kirjatĂŒki sooviksin sinu lahkel loal lĂ”petada mĂ”ttega, mis pĂ€rineb Frank Chimerolt: “People ignore design that ignores people.” Ehk kui me ei mĂ”ista kliendi vajadusi ja ei lĂ€htu neist enda lahenduse disainimisel, siis me ei pruugi klienti kĂ”netada viisil, mis oleks mĂ”jus. AitĂ€h, et lĂ”puni lugesid. 😊

💡 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.