Toimivat käyttöliittymät: 4 parasta aloittelevien suunnittelijoiden tekemää virhettä

Miksi se on vaikeaa aloittelijoille alussa

Heikko näöntarkkuus

Usein aloittelevia asiantuntijoita

kopioida jonkun toisen tyyliä ja eristäytyä siitä.He unohtavat, että suunnittelussa luodaan paljon ideoita, joiden ei välttämättä tarvitse olla alusta alkaen kauniita ja hyvin kehittyneitä. Tämä on yleinen muotoilukoulujen virhe: sieltä tulevat asiantuntijat perfektionisteina ja haluavat heti luoda virheettömiä projekteja. Mutta kaikki toimii toisinpäin: ensin on parempi keksiä useita eri vaihtoehtoja ja sitten vähitellen hylätä sopimattomat ja lopuksi siirtyä yksityiskohtiin.

Kokemus "tyhjiössä"-aloittelijat eivät kohdanneet todellisia haasteita

Harva ymmärtää, että suunnittelijan tarkoitus on päättääliiketoimintapyyntöön, eikä vain luoda kauniita suunnitteluasetelmia Figmassa. Siksi vain ammattiin tulleet asiantuntijat piirtävät kauniin kuvan ongelman ratkaisemisen sijaan. Tämä "siirtyminen" kauneudesta toimivuuteen ei ole helppoa, mutta se on erittäin tärkeä ammatin kasvulle. Itse asiassa tämä on yksi suurimmista ongelmista suunnittelijan uran alussa.

Joka vuosi vaatimukset asiantuntijalle kasvavat.

Perustaitojen joukko on jo laaja, ja siihenliittyvät myös lisätään - tietoa tuoteanalytiikka, kehitys, animaatio, ja niin edelleen. On erittäin vaikeaa kehittää niitä yksin, tarvitset melkein aina johtajan tai mentorin.

Lisää hankaluuksia tuovat kova kilpailu ja yritysten usein epärealistiset pyynnöt: monet etsivät ammattilaisia ​​junioripalkkoihin.

4 aloittelijan virhettä ja kuinka käsitellä niitä

Lähes kaikilla aloittelevilla suunnittelijoilla on useita "aukoja". Mutta ne voidaan käsitellä helposti, jos huomaat työssäsi.

1. Katso työ taiteena.Ei ole harvinaista, että aloittelijat luulevat olevansa taiteilijoita jahe tekevät väärin: he tarkistavat tekstilohkojen väliset sisennykset, valitsevat värejä tuntikausia ja yrittävät rakentaa sommitelman kultaisen leikkauksen mukaan. Kaikki tämä on lähes mahdotonta soveltaa käyttöliittymäsuunnitteluun. Aluetta ei kutsuta vain nimellä Human Interface Design, se on hyvin sovellettua: tässä on tärkeää suunnitella käyttöliittymä, jolla henkilö voi työskennellä tietokoneen, verkkosivuston tai sovelluksen kanssa ja ennen kaikkea miettiä, kuinka kätevää ja helppoa se on käyttää tuotetta. Tässä on paras neuvo: ajattele toiminnallisuutta ensin, estetiikkaa sitten.

2.Monimutkaise käyttöliittymää ja koristele tarpeettomilla elementeillä.Aloittelevat suunnittelijat yrittävät usein lisätälisää kuvakkeita, grafiikkaa ja muita "koristeita" monimutkaisessa käyttöliittymässä. Tällaisissa tapauksissa on hyvä sääntö: mitä vähemmän suunnittelua, sitä parempi. Pienistä elementeistä on hyötyä sekä suunnittelijalle että tulevalle käyttäjälle. Ensimmäinen selviää tehtävästä helpommin ja nopeammin, ja toinen lyhentää pyynnön ratkaisemiseen kuluvaa aikaa. Tässä sinun tulee muistaa päämittari - Aika on tehtävä.

3.Tuota ylimääräisiä näyttöjä ja toimintoja käyttäjälle.Monien aloittelijoiden motto on:"Monimutkainen keino ammattilaisille." Tämän vuoksi he tekevät tietyistä vaiheista tietoisesti vaikeita osoittaakseen, kuinka paljon he voivat tehdä. Samasta syystä näet digimenua suunnittelevien ravintoloiden ja kahviloiden nettisivut tavalliseen tapaan suoraan toimipaikassa. Kaikkialla he lisäävät maalattuja taustoja, animoituja kuvia ja bannereita, jotka ylikuormittavat sivua ja häiritsevät pääasiasta. Esimerkiksi puhelinnumeroa, jolla asiakas voi varata pöydän ja maksaa illallisen, on lähes mahdoton löytää.

4. Prosessin kokonaiskuvan näkemättä jättäminen.Aloittelijat yrittävät olla poistumatta mukavuusalueeltaan jaajattele vain käsillä olevaa tehtävää. He menettävät mittakaavansa eivätkä pysty sitomaan osaa työstään projektin yleiseen tavoitteeseen. Tästä johtuen syntyy tilanteita, joissa suunnittelija luo hienon ratkaisun, joka yksinkertaistaa rekisteröinnin kolmesta vaiheesta kahteen, mutta sitten sivusto ohjaa käyttäjän monimutkaisimpiin asetusruutuihin: tästä parannuksen koko vaikutus katoaa. Jotta tällaiset virheet huomaa ajoissa, sinun on kyettävä kommunikoimaan muiden osastojen kanssa: kehitys, markkinointi, liiketoiminta. Suunnittelija voi kiinnittää heidän huomionsa ongelmaan ja tarjota ratkaisun, joka menee "rekisteröinnin suunnittelua" pidemmälle. Tärkeää on aina tuntea suunnittelijan tuotteeseen tekemien muutosten mittakaava.

Life hacks: kuinka luoda siisti käyttöliittymä

Keskity UX:hen-käyttäjäkokemus.Suunnittelijan tuotteen tulee ennen kaikkea olla yksinkertainen ja ymmärrettävä. Siksi suunnittelua kehitettäessä kannattaa aina ajatella asiakasta ja tavoitetta, jonka hän haluaa saavuttaa.

On tärkeää ymmärtää, että jokaisella sivustolla on tavoitteet jaSovellukset ovat täysin erilaisia, joten tulevaisuuden suunnittelun kontekstia kannattaa harkita. Esimerkiksi lentovarauksen ja ruoan toimitussovellusten rekisteröintivaiheet ovat erilaiset. Asiantuntijan on oltava empatiaa käyttäjää kohtaan, jotta hän voi aina ajatella häntä ja kuvitella, kuinka hän työskentelee tuotteen kanssa. 

Tyhjennä käyttöliittymä-miltä sivusto tai sovellus näyttää.Hyvä käyttöliittymä tehdään aina huomioimallatietylle käyttäjälle. Koska "käyttäjäystävällisen käyttöliittymän" käsite on erilainen kaikille, suunnittelijan on erotettava kohdeyleisö muusta ja selvitettävä, kuinka heidän on helpompi käyttää tuotetta.

Tämän lähestymistavan avulla voit luoda käyttöliittymiä, jotka ovat todella ymmärrettäviä tietylle yleisölle, jolla on tiettyjä odotuksia tuotteelta. 

Yksinkertaisuus on myös tervetullut täällä. Siksi, jos et tiedä miten käyttöliittymä tehdään, käytä periaatetta "niin että isoäitini ymmärtää". Se toimii missä tahansa käsittämättömässä tilanteessa.

Tee käytävähaastatteluja ja testaa käyttöliittymää. On mahdotonta laskea tarkasti, kuinka paljontuote on relevantti, joten on parempi aloittaa kehitys pienestä ja vasta sitten lisätä uusia ominaisuuksia. Näin voit lanseerata tuotteen nopeasti ja kehittää sitä mahdollisimman paljon kohdeyleisön tarpeet huomioiden. 

Otetaan esimerkkinä suunnittelun kehittäminen.Generated Photos -palvelulle, joka luo tekoälyyn perustuvia kuvia kasvoista. Tuotteen ensimmäinen versio suunniteltiin tietoisesti arkistokuvaportaaliksi, jossa oli suuri joukko suodattimia: voit valita ihon värin, hiukset, rodun.

Tosiasia on, että alkuperäinen yleisö olipieni joukko harrastajia ja yrityksiä, jotka kehittävät tekoälyä. Heille tekniset yksityiskohdat ja kyky suodattaa tulokset ovat erittäin tärkeitä. Siksi vasta tämän vaiheen jälkeen, kun hypoteesi vahvistettiin ja tuote osoittautui todella kysytyksi, he alkoivat testata muita käyttötapauksia ja ottaa huomioon laajemman yleisön. Lisäsimme esimerkiksi samankaltaisten kuvien ongelman.

Suodattimilla varustettujen valokuvien luettelo / Luodut valokuvat, 2022

Alkoi myös lisätä hyödyllisiä ominaisuuksiasuoraan kehitysyhtiölle. Koska kasvojen luominen tekoälyllä on kokeellista, halusin opettaa sen tekemään vähemmän virheitä ja luonnottomia valokuvia. Halvin ratkaisu, joka osoittautui erittäin hyödylliseksi: lisää jokaiseen kuvaan tykkäys ja ei-tykkäys, jotta käyttäjät arvioivat kuinka hyvin kuva on tehty. Monet ihmiset muuttivat sen peliksi, jossa he etsivät huonosti luotuja valokuvia ja eivät pitäneet niistä. Hermoverkko oppi näistä arvioista ja parani vähitellen.

Widget luodun valokuvan arvioimiseksi (oikealla) / Luodut valokuvat, 2022

Tällaisten asioiden lisääminen saattaa vaikuttaa siltävain tuotepäällikkö, kehittäjä tai analyytikko, mutta hyvä suunnittelija tekee sen yhtä usein. Hänelle on erittäin tärkeää ymmärtää yleisöä ja tuotetta, käynnistää empatia ja kuvitella, kuinka voit tehdä paremmin asiakkaalle ja kuluttajalle samanaikaisesti.

Käytä suunnittelujärjestelmää luodaksesi tuotteen nopeasti ja tehokkaasti.Jos työskentelet yrityksessä, jossa on useitatuotteita ja palveluita, erinomainen ratkaisu olisi tuoda kaikki design-elementit samaan tyyliin. Tämä on ilmeinen ajatus, mutta siihen ei aina kiinnitetä tarpeeksi huomiota. Miksi käyttäjän täytyy kouluttaa aivoja uudelleen joka kerta löytääkseen tarvittavat elementit? Miksi suunnittelijan pitää joka kerta miettiä uusia visuaalisia UX-ratkaisuja? Ne voidaan yhtenäistää niin, että asiakas tietää aina mitä odottaa, kun hän ottaa toisen yrityksen palvelua käyttöön. Lännessä tällä on tilava termi havaintopsykologiasta - affordance, joka tarkoittaa "odotettua määränpäätä". 

Yhtenäinen navigointi, haku, tilinhallinta ja suodattimet / Icons, Ouch, Moose (by Icons8), 2022

Tämä lyhentää työaikaa ja yksinkertaistaakäyttäjän elämää, koska hänen on helpompi siirtyä palvelusta toiseen ja auttaa myös yritystä lanseeraamaan uusia tuotteita nopeammin ohittaen pitkän kehitysvaiheen tyhjästä.

Virheitä ja vaikeuksia sattuu aloittelijoille missä tahansaalalla, mutta aloittaminen on helpompaa, kun tunnet ne etukäteen. Nämä suositukset auttavat ammattilaisia ​​näkemään aukkonsa ja kiipeämään ammattitikkaita nopeammin.

Lue lisää:

Loi kvanttitietokoneen, joka "meni binäärijärjestelmän ulkopuolelle"

Yliäänikone lentää 2000 km/h nopeudella ja ylittää valtameren 3,5 tunnissa

Syntyy vakuuttava uusi teoria siitä, miksi mayojen sivilisaatio romahti