Kasulikud tööriistad ja nõuanded kasutajasõbralike liideste jaoks

Tipptaseme saavutamine. \ T kuidas veebisait esitatakse (UI) ja selle võime pakkuda head kasutaja kogemust (UX) on ilmsed eesmärgid. Õigus vahendid tipptaseme saavutamiseks otsite, on nende eesmärkide saavutamise võti.

UI ja UX tööriistade tõhusaks kasutamiseks peate selgelt aru saama, mida need kaks üksust koosnevad, ja millised on parimad viisid neile läheneda. Kuigi need kaks mõistet on sageli üksteisega segi ajada, ei ole need samasugused. UI ja UX disainitehnika on tegelikult üsna erinevad üksteisest.

Järgnevalt tutvustan mõningaid kasulikke UI / UX tööriistu ja mõningaid kasulikke näpunäiteid luua kasutajasõbralikud liidesed.

InVision

InVision on a digitaalse toote kujundamise platvorm see töötab kaasaegsete disainimeeskondade töös. Alates kiirest prototüübist kuni kasutajate testimise integreerimisteni, digitaalne tahvelarvuti lihtsate arendajate vahetusteni, InVisioni positsioonid tootearenduse meeskonnad teevad koostööd protsessi igas etapis.

Sa saad luua kiireid prototüüpe ja korraldada live-ülevaateid. See tähendab selle võimsat automaatset sünkroonimist, sujuvat jagamise ja kommenteerimise funktsiooni ja turvaelemente InVision saab oma disainimeeskonnaga ja ettevõttega skaalal olla.

Sa saad registreeruge tasuta InVisioni või InVision Enterprise'i prooviperioodiks vastavalt teie või teie ettevõtte nõuetele.

Proto.io

Kunagi tahtnud näha kuidas teie lõpptoode välja näeb, kaua enne, kui teie projekt on valmis pakkima? Selleks võib Proto.io olla teie jaoks õige vahend.

See tööriist võimaldab teil teha kiireid prototüüpe ja interaktiivseid kasutajaliideseid teeb staatilised maketid ja hotspoti prototüübid primitiivsed.

Võite kasutada Proto.io-sid lohistada funktsiooni mis tahes kasutajaliidese elemendile sa töötad. Kuna see töötab teie veebibrauseris, ei ole vaja pidevat allalaadimist ja kui prototüüp on testimiseks valmis, saate seda teha reaalses seadmes, et hinnata selle välimust, tundeid ja kasutatavust. oma disaini jagamine teiste projektiliikmetega.

Visand

Sketch on kaasaegne graafilise disaini rakendus, mida on üsna lihtne õppida ja kasutada. See on kombinatsioon a vektoripõhine töövoog, Boole'i ​​operatsioonid, pikslite täpne redigeerimine ja nutikate suuruste muutmise võimalused.

Sa saad luua palju keerulisi kujundeid ilma palju vaevata. Teie loodud kujundeid saab muuta ja kohandatud iga veebisaidi paigutuse või liidese jaoks.

Notism

Notismi kombinatsioon prototüüpide projekteerimise, koostöö ja ülesannete haldamise funktsioonid ühel platvormil. See UI / UX tööriist muudab staatilised ekraanid interaktiivseid prototüüpe ilma ühtegi koodirida kirjutamata.

Te saate luua reaalajas video, et jagada oma prototüüpe ja sellega seotud projekti teavet. Notism aitab ülesannete korraldamisel ja näeb seda teie projekt on korraldatud.

Töötajate ja sidusrühmade jagatud teave on versiooni kontrollitud, mis on oluline, sest Notism soodustab kiiret disaini ja prototüübi iteratsiooni. Erilised joonistusvahendid võimaldavad otse jagatud sisu kohta tehtud visandid. Märkusi ja visandeid saab lisada ka video ajajoonele.

Suur lihtne

Great Simple'il on palju lahendusi, kui teie probleem püsib leida hea kasutajaliidese ja traatkarkassikomplektid, või terviklike põhielementide kogum. Toode on loodud eesmärgiga rahuldada isegi kõige nõudlikumaid disainereid.

Nende iOS Design Kit ja Material Design Kit, peaks kindlasti olema koht oma tööriistakomplektis koos tasuta iOS- ja Android-komplektidega, mis on alla laaditud enam kui 70 000 korda. Kui olete sketch kasutaja; pole probleemi. Suured lihtsad tooted on ühildub nii Sketch kui Adobe Photoshopiga.

Mõned näpunäited parema kasutajaliidese loomiseks

Interneti kasutajad on valikulisemad ja keerukamad digitaalsete näidikutega töötamisel, kui see oli ainult mõne aasta tagasi. Nad kiiresti väsivad ebapiisavate kogemustega, midagi disainiagentuuri peab teadma. On hädavajalik, et need ettevõtted kaaluksid nende kogemuste kvaliteeti, aga kuidas nad seda teevad?

Vaadake järgmisi näpunäiteid ja nippe, et muuta kasutajaliidese tüübi tüübid ja anda neile parimad kogemused teie tootega:

Hoidke see lihtne

A suurepärane kasutajaliides on nähtamatu; või väga lähedal. See tähendab lihtsalt seda, et ainus asi, mida kasutaja näeb, on asjad, mida kasutaja vajab, ja midagi muud. Ärge proovige olla armas või tark. Tee eesmärk intuitiivseks.

Tehke kõik selge

Teie kasutajaliides saab teha suurepärane ülesanne näidata oma disainioskusi, ja milline on hea disain; kuid väga peenel viisil. Kasutajad armastavad kasutajaliideseid, mis koosnevad a oskuslik selguse, lihtsuse ja lühiduse segamine. Kui kasutajad püüavad proovida ja välja selgitada, mida nad peaksid tegema, on nad rohkem kui valmis oma saidilt loobuma ja mujale minema.

Püüa teha nupud, ikoonid ja helistused toimingutele on kergesti leitavad; ja veenduge, et nupud on selgelt ja lühidalt märgitud.

Tehke interaktsioonid tõhusaks

UI disain peaks olema suunatud kasutajate elu lihtsustamisele. Hea kasutajaliides võimaldab kasutajatel täita oma ülesandeid sujuvalt ja tõhusalt. Tõhus suhtlemine on võimalik ainult siis, kui a UI disain ei ole häiriv, ja seda ei laadita alla, mis oleksid ilusad, kuid oleksid sama hästi varjatud, kuni nende vajadus tekib.

Liiga palju midagi on rohkem asjakohane tekitada segadust kui probleemide lahendamine.

Olge oma disainis järjepidev

Järjepidevus on üks hea kasutajaliidese disain. Kasutajad ei tohiks käiku vahetada, kui nad oma istungit läbi viivad. Nad arendavad kiiresti kasutusviisi ja nad soovivad seda kinni pidada. Nad õpivad kiiresti, kust otsida ja mida edasi liikuda. Ärge tehke oma kasutajaliidest väljakutseks või lahendatavaks puzzleks.

Kasutage tuttavaid disainilahendusi

Kasutajad meeldivad tuttavad ja kergesti mõistetavad sõnumid, käsud ja toimingud kui nad veebilehe kaudu navigeerivad. Näiteks ei liigutaks ostukorvi asukoht leheküljelt lehele rohkem, kui muudaksite menüü sisu. Leidke disainimustrid, mida kasutajad soovivad, ja jääda selle juurde.

Mõista, kuidas UI UX-i mängib

UI kujundamine intuitiivne ja arusaadav kasutaja seisukohast ei ole ilma tema väljakutseteta. Sa pead ikka veel kasutaja voolu hoidma ja peamine brändi- ja tooteteave, mis hõlmab mõtlemist UX-i disaini või UX-disaineriga.

Rakendada visuaalne hierarhia

Iga kujunduselemendil, mis te lehele asetate, peaks olema roll, kuid mõned on ilmselt tähtsamad kui teised. Visuaalse hierarhia rakendamine on lihtsalt küsimus rõhutades kõige olulisemaid elemente muutes need suuremaks ja / või heledamaks ning asuvad seal, kus neid kergesti leitakse.

Järeldus

Veebisaidi esitluse kavandamine ja selle jaoks vajalikud disainitehnika kasutatavus ja kasutajate rahulolu, hõlmab erinevaid tavasid. Need kaks üksust ei ole ühesugused, kuigi neid segatakse sageli üksteisega. UI disain on oma olemuselt digitaalne ning vajab paigutuse, elemendi positsioneerimise ja redigeerimise tööriistu.

UX disain on mitte-digitaalne ja hõlmab kasutajate testimist ja kasutajaanalüüsi kasutamist. Mõlemad projekteerimisülesanded kasutavad prototüüpimist, koostööd ja ülesannete haldamise meetodid.