1.3. tēma: Dizaina pētniecība un tirgus analīze

Tavs šīs stundas izaicinājums: Izpētīt un analizēt esošās pārlūkprogrammas spēles, lai formulētu secinājumus par to funkcionālajām īpašībām un ergonomiku.

1.1.1. Patstāvīgi nonāk pie secinājumiem par dizaina risinājumu īpašībām; 1.2.3. Pēta pieejamo informāciju par esošiem līdzīgiem risinājumiem.

Teorija: Kas ir labs dizains programmēšanā?

Dizains programmēšanā nav tikai krāsas. Tas ietver:

Funkcionalitāti: Vai spēli vispār var izspēlēt? Vai noteikumi ir skaidri?
Ergonomiku (UX - User Experience): Vai vadība ir ērta (piem., WASD vai bultiņas)? Vai pogas ir viegli pamanāmas?
Estētiku (UI - User Interface): Vai vizuālais stils ir konsekvents (saskanīgs)?

Pirms sākt būvēt savu projektu, programmētāji veic "konkurentu analīzi", lai "nozagtu" labās idejas un izvairītos no citu pieļautajām kļūdām.

1. uzdevums: Spēļu mehāniku izpēte

Izvēlēties divas vienkāršas pārlūkprogrammas spēles (piem., no itch.io vai Google Games) un analizēt to uzbūvi.

Izpildes soļi:

Atrod divas dažādas 2D spēles (piemēram, vienu "Clicker" un vienu "Runner" tipa).
Pieraksti katrai spēlei: kāds ir tās galvenais mērķis un kādas 3 galvenās darbības veic spēlētājs.
Novērtē skalā no 1-10, cik viegli bija saprast, kas jādara, pirmo reizi atverot spēli.

2. uzdevums: Salīdzinošā tabula HTML formātā

Dokumentēt pētījuma rezultātus, izmantojot HTML tabulas elementus <table>, <tr> un <td>.

Izpildes soļi:

Atver index.html un zem sarakstiem izveido jaunu sadaļu <h2>Tirgus analīze</h2>.
Izveido tabulu, kurā salīdzini abas spēles pēc kritērijiem: Nosaukums, Žanrs, Vadība, Galvenais izaicinājums.
Pievieno tabulai rāmi (pagaidām izmantojot <table border="1">), lai dati būtu vieglāk pārskatāmi.

3. uzdevums: Secinājumu formulēšana

Formulēt savus secinājumus par to, kādas īpašības Tu vēlētos pārņemt savā spēlē.

Izpildes soļi:

Zem tabulas pievieno <blockquote> vai <p> elementu.
Uzraksti vismaz 3 secinājumus (piemēram: "Es secināju, ka spēlētājam nepieciešama tūlītēja atgriezeniskā saite par gūtajiem punktiem").
Veic Commit un Push uz GitHub ar ziņu "Pievienota tirgus analīze".

Biežākās kļūdas (un kā tās labot):

Sajaukta tabulas struktūra: Atceries, ka <tr> ir rinda (row), bet <td> ir šūna (data).
Pārāk plaši apraksti: Analīzei jābūt konkrētai — lieto punktus (bullets), nevis garus stāstus.
Tabula bez galvenes: Izmanto <th> (table header) pirmajai rindai, lai izceltu kritērijus.

Koda piemērs (HTML tabula)

<table border="1">
    <tr>
        <th>Kritērijs</th>
        <th>1. Spēle</th>
        <th>2. Spēle</th>
    </tr>
    <tr>
        <td>Vadība</td>
        <td>Pele</td>
        <td>Tastatūra (Space)</td>
    </tr>
</table>

Kritērijs	1. Spēle	2. Spēle
Vadība	Pele	Tastatūra (Space)