Daily Task - Random kysymyssysteemin popupit: uusi visuaalinen suunnitelma

[MAla-Ketola]

Nykyiset popupit (ks. kuvat) ovat koodaajan tekemä väliaikainen toteutus, eivät vielä lopullista designia. Tarvitaan UI/UX suunnitelma, joka noudattaa Alt Zonen visuaalista ilmettä ennen kuin nämä viedään tuotantoon.
Nykytila

Popupit sisältävät:

• Otsikko/kysymys
• Kyllä/Ei painikkeet (vihreä/punainen)
• Monivalintapainikkeet (esim. 4 vaihtoehtoa ruudukossa)

Tavoite
Yhtenäinen, design systeemin mukainen popup komponentti, joka korvaa väliaikaisen koodaajan tekemän version.

[MAla-Ketola]

Random kysymyssysteemin popupit: uusi visuaalinen suunnitelma

Tausta

Nykyiset popupit ovat koodaajan tekemä väliaikainen toteutus, eivät vielä lopullista designia. Uusi suunnitelma on nyt valmis ja noudattaa Alt Zonen visuaalista ilmettä.

Valittu tyyli

Popupin tumma tausta #395460, oranssi reunus #FFA100.

Vastauslogiikka

• Yksi kosketus riittää: pelaaja koskettaa vaihtoehtoa, vastaus rekisteröityy heti, popup sulkeutuu
• Ei erillistä "Valmis" tai "Lähetä" nappia
• Kaikki vastausvaihtoehdot näyttävät samalta levossa, riippumatta määrästä (2, 3 tai 5+). Mikään vaihtoehto ei ole etukäteen korostettu tai suositeltu
• Kosketuksen jälkeinen palaute (väri muuttuu) hoidetaan Unityn Button-komponentin sisäänrakennetulla Pressed Color ominaisuudella.

Uusi nappi tyyli

Lisätään yksi uusi neutraali nappi tyyli:

• Normal (lepotila): #92B2BA, reunaviiva #000000
• Pressed (kosketuksen jälkeen): #FFA100 (olemassa oleva oranssi, ei uutta väriä)
• Käytetään kaikissa random kysymyssysteemin vastausvaihtoehdoissa, myös puhtaassa Kyllä/Ei tilanteessa. Ei käytetä muualla pelissä, koska olemassa oleva valkoinen/oranssi pari säilyy ennallaan peruuta/vahvista tilanteissa

Nappien määrä

Nappien määrä mukautuu kysymyksen vastausvaihtoehtojen määrän mukaan: tarvittaessa nappeja voidaan lisätä tai vähentää. Pinottu pystysuora asettelu toimii sekä kahdelle, kolmelle, että useammalle (esim. 5) vaihtoehdolle.

Kuvakaappaukset Figmasta:

• Kolmen kuvan sarja: lopullinen suunnitelma, popupit levossa (Kyllä/Ei, 3 vaihtoehtoa, 5 vaihtoehtoa). Kaikki vaihtoehdot neutraaleja, ei etukäteissuositusta
• Yksittäinen kuva: havainnollistaa kosketuksen jälkeistä tilaa, jossa valittu nappi (tässä Kyllä) on muuttunut oranssiksi. Tämä on esimerkki Pressed tilasta, ei lepotila