Suunnittelu ei ole koskaan tottunut olemaan niin paljon.

On vaikea kuvitella nyt, mutta ennen Applen meteorinen nousu maailmanlaajuiseen suosioon, suunnittelu yleensä kääntyi selkänojan toimivuudelle. Nykyään muotoilu on tullut maailma itsestään, ja suunnittelijoiden ja kehittäjien yhteisö on yhdistynyt kehittämään johdonmukaiset säännöt luovasta käytännöstä.

Suunnittelun kehitys on jatkuvaa, ja siellä on aina uusia asioita oppia ja keskittyä tuomaan toiminto ja estetiikka yhteen yhdessä paketissa.

Jotta pysyt suunnittelupelin yläpuolella, tässä on 10 tärkeää käyttöliittymäsuunnittelua koskevia sääntöjä:

1. Huolehdi Universal Usability

Räjähdys eri laitetyypit tänään, yksi koko ei todellakaan sovi kaikkiin .

Kun sinä luo verkkosivusto tai sovellus, sinun on varmistettava, että suunnittelet kaikki näytön koot mielessäsi. Tämä merkitsee täyden lataamisen sekä alhaisille että suurille kaistanleveille tarkoitetuille Internet-yhteyksille, jotta ne voidaan muotoilla asianmukaisesti sekä iPadissa että iPhonessa.

Aiemmin kehittäjät ovat keskittyneet pääasiassa hyvän käyttöliittymän luomiseen työpöydälle. Mutta vain päivittääksesi muistisi, mobiilikäyttö ylitti työpöydän käytön vuonna 2014. Joten, sinun pitäisi nyt vaihtaa keskittyminen mobiiliin? Vaikka onkin tärkeää kiinnittää erityistä huomiota mobiiliin, on myös syytä harkita, että työpöydän käyttö on edelleen huomattavaa, 42 prosentin osuudella .

Siksi avain on luoda mukautuvat käyttöliittymät joka antaa kuluttajalle hyvän kokemuksen huolimatta käytettävän laitteen näytöstä tai suunnasta.

2. Selkeys

Ihmiset ovat erittäin kiireisiä ja siksi harvoin omistavat täyden huomionsa yhteen tehtävään. Tämän vuoksi sinun on pidettävä suunnittelusi yksinkertaisena ymmärtää.

Älä tee käyttäjien arvata. Käytä kieltä, jota he voivat helposti ymmärtää sanojen, lauseiden ja käsitteiden perusteella. Vältä erityisten järjestelmien tai teollisuuden termien käyttöä ja vaativat yleisölle tuttua kielenkäyttöä.

Jos aiot, että käyttäjä täyttää tietyt tavoitteet, anna toimia järjestyksessä, jolla on alku, keskellä ja loppu. Kun ne on tehty, käytä ilmoitusta, jotta käyttäjä voi tietää ja sisällyttää kaikki seuraavat vaiheet.

Jos esimerkiksi suunnittelet sivua verkkopankkijärjestelmälle, voit ryhmitellä toiminnot "Yhteystiedot", "Tilitiedot" ja "Profiilin asetukset" sen sijaan, että ne kaikki olisi yhdessä muodossa.

3. Estä virheitä

Virheet eivät ole vain poikkeamia ja virheitä, vaan myös suuria esteitä kävijät haluavat toivoa .

Jos jokin menee pieleen tai latautuu väärin, useimmat kävijät eivät odota korjausta, he lähtevät. Pysy valppaana ja pysyt etsimässä virheitä, vahvistaen ne, jotka sinä huomaat mahdollisimman pian.

Käyttäjät eivät pidä virheiden tekemisestä. He tuntevat vielä pahempaa, jos he ajattelevat syyllisyytensä virheestä. Jos he eivät siirrä tätä vihaa sinuun ja etene eteenpäin, he luopuvat tileistään jo ennen kuin heidät on perustettu.

Suunnittelussa on poistettava virheen mahdollisuus tai suunniteltu järjestelmä, joka tarkistaa virheen ennen kuin ne menevät liian pitkälle. Oletetaan esimerkiksi, että käyttäjän on luotava salasana, joka on vähintään 8 merkkiä pitkä ja sisältää vähintään yhden numeron.

Järjestelmäsi antaa käyttäjän siirtyä salasanan luomiseen, joka on lyhyt, vain ilmoittaaksesi heidät napsauttamalla "Seuraava" tai voit ilmoittaa heille kirjoittaessaan salasanan. Jälkimmäinen on parempi muotoilu.

4. Tee liitäntä johdonmukaiseksi

Johdonmukaisuus koko käyttöliittymässä vähenee, jotta asiat jatkuvat, ennustettavat ja odotukset. Suunnittelu kaikesta tasosta mahdollisimman yhtenäiseltä ja varmistamalla, ettei ole yllätyksiä tai odottamattomat tulokset menevät pitkälle tekemään asioita johdonmukaisilta.

Mukaan Vähiten yllätyksen periaate : "Jos tarpeellisella piirroksella on suuri hämmästyskerroin, voi olla tarpeen suunnitella ominaisuutta uudelleen."

Onko käyttäjien arvailla, mitkä sanat tarkoittavat ja mitkä tarkoittavat samaa asiaa? Pitääkö heidän olla huolissaan klikkaamalla tietyn painikkeen, koska he eivät ole varma, mitä se tekee? Varmistaa prosessien, toiminnallisuuden, ulkoasun ja terminologian johdonmukaisuus.

Onneksi asiasta ei ole resursseja pulaa. Suurin osa hyvämaineisille verkkosivustojen rakentajille auttavat sinua tämän kanssa, koska niissä on yhtenäinen ja johdonmukainen ruudukon ulkoasu.

5. Konteksti

Kuten sanotaan usein tänään, "konteksti on kaiken". Konteksti on, kuinka voimme yhdistää uusia ideoita vanhoihin ideoihin, rakentaa suhteita ja merkitystä maailmassamme.

Tämän oppitunnin paras opettaja on todennäköisesti mainostaja. Mainostajat tietävät, että ilman kontekstuaalista herkkyyttä mainoksensa ajankohtaan ja tapaan mainokset muuttuvat arvottomiksi - ja tuhlaa rahaa ( katso, kuinka Google AdWords määrittää mainostesi näyttämisen ).

Samoin sinun on sovellettava asiayhteyteen perustuvaa suunnittelua käyttöliittymissäsi. Kontekstuaalinen käyttöliittymä on verkkosivuston tai sovelluksen sijaintipohjainen, aikaherkkä ja tilannekohtainen muotoilu siten, että se toimittaa käyttäjälle tärkeimmät tiedot. Tämä ei ole ollut merkittävä huolenaihe suunnittelijoille muutama vuosi sitten.

Kun reaaliaikaiset yhteydet ja riippuvuus internetistä kasvavat, konteksti voi olla syynä epäonnistumiseen tai menestykseen.

Konteksti on avain ihmissuhteisiin ja yhtä tärkeä suunnittelun peruselementtejä . Odotamme interaktiivisten kohteiden olevan intuitiivisia, ja niiden pitäisi suunnitella muodostamaan yhtenäiset suhteet meidän toiminto ja muotoilu .

6. Koko ja etäisyys

UI - objektien koon määrittäminen välilyönti toistensa välillä on ratkaisevan tärkeä tekijä siitä, että malli näyttää tasapainoinen ja ennakoitava .

Sen lisäksi, että käyttäjä kiinnittää käyttäjän huomiota, se auttaa käyttäjiä ymmärtämään, mihin esineet ovat, ilman että heidän tarvitsee etsiä koko paikkaa.

Jatkuva testaus on paras määritellä paras tapa edetä tähän, laajentamalla sitä, mikä vaatii enemmän huomiota ja pienentää sitä, mikä ei ole vähemmän häiritsevää.

7. Oletusasetukset

Kehittäjät ja suunnittelijat tavallisesti haluavat räätälöidä kaiken.

Näin voimme hallita kaikkea rajapinnoista taustakuviin soittoääniin. Useimmat ihmiset eivät kuitenkaan näytä häiritsevän räätälöintiä. Useimmat laitteet ja muu kulutuselektroniikka ostettiin melkein koskaan muuttua . Ihmiset eivät yleensä sovi niiden tehdasasetuksia, koska niiden vaihtaminen vie osaamista, aikaa ja vaivaa.

Tunnistamalla tämä seikka on tärkeää varmistaa, että oletusasetukset sopivat suurelle käyttäjäryhmälle, jotta he voivat helposti ymmärtää ja liikkua. Tämä tarkoittaa, että käyttäjälle kerrotaan, "Hei, voit muokata tätä, mutta sinun ei tarvitse."

8. Opastetut toimet

Ihmiset eivät tyypillisesti toimi mitään, ellei heitä pyydetä. Siksi taktiikat, kuten toimintapyyntö ovat niin tehokkaita auttamaan ajaa konversioita .

Vielä tärkeämpää on kysyä heiltä "hienosti". Mitä tämä tarkoittaa? Tarkastellaan esimerkiksi ajoitus ja konteksti. Pyydätte käyttäjää aloittamaan toisen tavoitteen suorittamatta sitä, johon he ovat tällä hetkellä? Harkitse, kun pop-up pyytää heitä tarkistamaan joitakin muita tavaroita ilmestyy. Jos se ei näy sen jälkeen, kun ne selaa viestin loppuun, teet sen väärin.

Huomaa, että se toimii vain, kun kävijä on todella kiinnostunut tarjotusta tuotteesta. Jos voit todistaa, että tarjoat ihmisille merkittävää arvoa, älä epäröi pyytää käyttäjiä tekemään jotain vastineeksi, kuten seuraamalla sosiaalisen median sivuja tai blogia. Tämä toimii pitämään käyttäjät ilmoitettuna ja myös luonnollisesti lisää web-liikennettäsi ajan myötä.

9. Suositeltavat toimet

Web-suunnitteluyrityksessä huomasimme, että sivuston kävijät eivät tiedä, miten ottaa yhteyttä meihin. Oli liian monta vaihtoehtoa. Ihmiset usein joutuisivat hukkaan ja eivät tienneet, miten aloittaa yhteysprosessi.

He arvosivat itseään, ja tuloksena saatiin vähemmän kontakteja. Halutun toiminnan tekeminen ilmeisemmäksi, visuaalisesti kuuntelimme käyttäjiä haluamiimme toimiin.

Jälleen, älä jätä käyttäjiä arvaamaan. Kerro heille, mitä haluat ja ilmoittakaa heille, kun he suorittavat toiminnon.

10. Palaute

Kun kävelet pimeässä huoneessa ja napsautat valokytkintä, odotat, että valo syttyy. Jos mitään ei tapahdu, kun napsautat kytkintä, oletetaan, että jotain meni vikaan. Tämä on yhtä totta, kun on kyse suunnittelusta.

Kukaan ei pidä epävarmana toimintansa suhteen, joten pitäisi olla palautetta työkaluviesteistä ja ilmoituksista, jotta kävijöille näytetään, että heidän toimintansa ovat onnistuneet ja tunnustettu. Palautteen voi olla yhtä yksinkertainen kuin Web-kyselyn suorittaminen tai lisäämällä "Complete" -ilmoituksen lomakkeen lähettämisen jälkeen, mutta se on ratkaiseva silloin blogin aloittaminen tai app.

Tämä korostaa myös sitä, ettei sinun tarvitse jättää kävijöitä arvaamaan itsensä. Järjestelmän pitäisi pystyä tarjoamaan asiaankuuluva, tärkeä ja kiireellistä palautetta, kokonaisvaltaista ja järkevää ja asiayhteyteen liittyvää palautetta.

johtopäätös

Suunnittelun taideteos muuttuu jatkuvasti, ja löydämme jatkuvasti uusia tapoja yhdistää toiminto ja muoto käyttöliittymäsuunnitteluun. Olemme käyneet läpi asioita, kuten minimalismia ja reagoivaa muotoilua, muuttumalla ja muokkaamalla uudempia tekniikoita eturintamassa.

Näiden kymmenen käyttöliittymän sääntöjen perusteella älä unohda, että jotkut säännöt rikkoutuvat.

Testaus ja kokeilu ovat, miten opimme uusia luotettavia tekniikoita, mutta voimme luottaa useisiin näistä säännöistä perustaksi.