Pratimai, padedantys tobulinti jūsų, kaip produkto dizainerio, vartotojo sąsają. Labai vertingi produktų dizainerio patarimai, kurie kardinaliai pakeis jūsų požiūrį vartotojų sąsajų kūrimo procese.

Sveiki! Už klaviatūros yra Vladas Kalašnikovas, startuolio Re:Luna vyresnysis produktų dizaineris, anksčiau dirbęs MTS ir Pinkman. Dizainu užsiimu 6 metus, gaminimu – 4 metus. Šiame straipsnyje sujungiau visus savo įrašus apie vartotojo sąsajos kūrimą, kurią rekomenduoju užsiprenumeruoti jaukiame telegramos kanale, kad nepraleistumėte šaunaus turinio apie dizainą.

Manau, kad tam tikru momentu daugeliui gaminių dizainerių kyla mintis, kad jiems reikia patobulinti vartotojo sąsają, nes jūs dažnai dirbate projektavimo sistemos rėmuose, o užduotys pirmiausia kyla dėl to, kad dizainas būtų patogus, tačiau ne visada lieka pakankamai sutelkti dėmesį į vartotojo sąsają, nėra laiko ar tokios galimybės. Šiame straipsnyje norėčiau pasidalinti keliais pratimais, kurie padėtų pagerinti jūsų vartotojo sąsajos įgūdžius, kad jie būtų sudėtingesni.

1. Analizuokite nuorodas

Manau, kad mažiausiai darbo reikalaujanti vartotojo sąsajos kūrimo technika, apie kurią esate girdėję, yra nuorodų analizė, bet ne tik žiūrėjimas į jas 5 sekundes, o atidesnis kompozicijos, spalvų, tipografijos ir vaizdo technikų studijavimas. Pabandykite paimti vieną nuorodą ir skirkite jai 2–4 minutes ir atsakykite į klausimus:

・Kas tiksliai jums patinka nuorodoje??

・Kas tau nepatinka ir ką galima patobulinti??

・Kaip kuriama tipografija, kompozicija, spalvos ir kt?

Atsakymai į tokius klausimus padės sąmoningiau studijuoti nuorodą ir papildyti savo vidinę dizaino biblioteką daugiau metodų..

2. Nukopijuokite nuorodas

Kitas sudėtingiausias būdas yra nuorodų kopijavimas. Šio proceso metu jūs tampate labiau apgalvoti, atkreipiate dėmesį ir analizuojate metodus, kuriuos naudojo autorius, taip pat lavinate savo įgūdžius, o tada, kurdami koncepciją, jūsų smegenys gali pateikti idėjų, kurias anksčiau nukopijavote ir kai derinate kelias tokios idėjos, gauni kažką naujo.

3. Kurkite remiksus

Tai yra kitas lygis, kai remiamasi nuoroda, bet jos tiksliai nenukopijuoja, o keičia pagal savo skonį. Galite keisti spalvas, šriftus, piktogramų stilius, apvalinimus ir pan. Galų gale netgi galite gauti kažką visiškai kitokio nei pirminė nuoroda..

4. Sukurkite savo dizainą mažoms sąsajos dalims

Užuot piešę koncepcijas visoms programoms ar svetainėms, galite pabandyti atlikti šią užduotį šiek tiek kitu kampu – kurdami mažas sąsajos dalis. Pavyzdžiui, tai gali būti „Apple Watch“ programos ekranas arba išmaniojo telefono valdiklis arba, pavyzdžiui, tiesiog šoninė juosta.

Aš patariu jums sujungti keletą refs. Pavyzdžiui, paimkite spalvų schemą iš pirmos, kompoziciją iš antrojo, stilių iš trečio arba tiesiog mygtuko stilių. Rezultatas – unikalus dizainas, kuriame dera geresnės dalys iš kitų nuorodų.

Kadangi tai bus nedidelės sąsajos dalys, bus lengviau pradėti kurti vartotojo sąsają, o vienai koncepcijai bus skiriama mažiau laiko. Be to, sąsajoje yra galimybė atkreipti dėmesį į mažas detales. Trumpai tariant, kažkas panašaus į Dribbble kadrus, bet daugiau dėmesio skiriant sąsajai.

Galbūt girdėjote, kad neseniai įvyko UI Widget Challenge ir daugelis dizainerių taip pat sukūrė koncepcijas, įskaitant mane. Galiu pastebėti, kad tai turėjo gerą poveikį mano vartotojo sąsajos įgūdžių ugdymui. Neseniai parašiau išsamesnį straipsnį apie tai, kaip dalyvavau iššūkyje ir kokį darbą gavau. Čia yra nuoroda

Kur ieškoti nuorodų

1. Twitter

Kai kūriau valdiklius, Nusprendžiau sukurti Twitter ir paskelbti ten savo darbus. Jau anksčiau girdėjau, kad Twi yra didelė dizainerių bendruomenė, bet nemaniau, kad ten viskas taip šaunu: šaunūs dizaineriai iš viso pasaulio ir garsiausios bei šauniausios kompanijos dalijasi savo idėjomis ir darbais. Trumpai tariant, patariu atsisiųsti „Twitter“ ir pažiūrėti ten esančius refs.

Arba galite žiūrėti refs toje svetainėje. Jis tiesiog renka šauniausius dizainus iš „Twitter“. Taip pat galite jį naudoti norėdami tinkinti savo „Twitter“ kanalą, nes jame yra nuorodų į originalius „Twitter“ įrašus iš darbo autoriaus.

2. Are.na

Aš daugiausia naudoju Are.na nuorodoms rinkti, o tai taip pat yra apie parašė mini straipsnį. Ten taip pat galite rasti kanalų, kuriuose reguliariai žiūriu nuorodas.

Kaip rezultatas

Jei bandysite kaitalioti šiuos pratimus ir atlikti juos 3–5 kartus per savaitę ryte arba vakare 3 mėnesius, galite neblogai pagerinti savo vartotojo sąsajos įgūdžius..

Malonus priminimas apie mano telegramos kanalą, kur skelbiu savo koncepcijas ir rašau pastabas, čia yra keletas įdomių įrašų, kurie man ypač patinka:

・Kaip aš dalyvavau TON hakatone

・Kaip lengvai pasidaryti drabužių spintos dizainerį „Figma“.

・Kaip per savaitę sukūriau portfelio svetainę Framer

Viršutinis paveiksliukas: © Igor Miske