Hvad er tweaktown?
Et komplet og grundigt UI/UX refresh af Etterna, et open-source rytmespil baseret på StepMania, hvor hele front-end frit kan programmeres med themes i Lua kode.
OBS: Nogle informationer kan være spil-specifikke og måske forvirrende ude af kontekst. Jeg håber at det er til at fordøje ☺️
Hvorfor et refresh?
Mit projekt opgraderer det visuelle aspekt, men der er meget mere i det! Det er en komplet opgradering af brugerrejsen og måden man kan customize hvordan spillet ser ud.
Themes / Skins
Hvordan har en typisk grafisk designer lyst til at designe et UI?
Efter min mening, ser svaret nogenlunde ud sådan her! ☺️
Der er mange "skinners" i andre rytmespil, som ikke kommer til Etterna, fordi man skal programmere ALT. Derfor er der en meget høj indgangsbarriere for designere, der ellers gerne ville give deres kreative præg til spillet.
I andre rytmespil(f.eks osu!), kan grænsefladen skinnes ved at redigere billedfiler. Når det er muligt, ser man at designere for alvor strækker benene, og lægger skins ud til gratis download.
UX
Spillet mangler designere, og det gælder især for brugerrejsen og generel opsætning.
Indstillingerne er forvirrende og originalt fra arkadekontekst i 2003, hvor menuerne var til administratore. Dvs. designet af dem ikke var en prioritet.
Etterna forbedrer lidt over StepMania, som det var baseret på, men der er stadig meget plads til forbedring, og det er en konstant klage blandt nye spillere.
Mange dropper at spille Etterna grundet besvær med opsætning og konstant friktion i spillets navigation.
Hvordan har jeg løst problemerne?
tweaktowns 3 pæle:
User Flows
- first time setup(onboarding). mange der starter med etterna, har allerede spillet identiske spil og vil gerne have sat gameplay op som de allerede er vant til. De samme spørgsmål fra nye brugere bliver stillet hver dag i Etternas Discord chat, men hvad hvis de kunne besvares med onboarding i spillet i stedet for?
- skift af theme
- skift af gamemode
- skift og valg af profil
- customize gameplay gammelt vs nyt flow
- customize gameplay QoL (drag er ikke toggle, axis snap med shift etc.)
User Testing:
eksempler fra dash:
customize gameplay - player options ting burde tilføjes igen
first time setup - der burde være frem og tilbage knapper til spørgsmålene, og man burde kunne springe over individuelle spørgsmål i stedet for at springe over hele setup processen
Skinning
- forklar forskellen mellem osu! og etterna skinning(osu -> rediger billede, etterna -> lær lua -> kode kode -> rediger billede)
- skin.ini
Projektplanlægning & versionsstyring
Grundet scope af projektet, er der anvendt Trello som planlægningsværktøj til det overordnede projekt og dets vision, og Git som versionsstyring af kode.
Selv i et hovedsageligt soloprojekt, er det guld værd at have disse ting på plads ☺️
Trello board: https://trello.com/b/sZqvjoLu/tweaktown-progress
GitHub repository: Privat - projektet er ikke udgivet endnu
Før & efter
Gamle standardtema(Til Death) til venstre, og tweaktown til højre.
