Instrumente utile și sfaturi pentru interfețe ușor de utilizat

Realizarea excelenței în cum este prezentat un site web (UI), iar capacitatea sa de a oferi o experiență bună a utilizatorilor (UX) sunt obiective evidente. Având dreptul instrumente pentru a realiza excelența pe care îl căutați este cheia în îndeplinirea acestor obiective.

Pentru a utiliza în mod eficient instrumentele UI și UX, trebuie să înțelegeți în mod clar ce se compun din aceste două entități și care este cea mai bună modalitate de abordare a acestora. Deși cei doi termeni sunt deseori confuzi unul cu altul, ei nu sunt totuși la fel. UI și tehnicile de design UX sunt de fapt destul de diferite unul de altul.

În cele ce urmează voi prezenta câteva dintre cele mai utile instrumente UI / UX și câteva sfaturi utile care vă vor permite creați interfețe ușor de utilizat.

Invision

InVision este a platformă de proiectare digitală a produselor care funcționează așa cum funcționează echipele de design moderne. De la prototipuri rapide până la integrarea testelor utilizatorilor, whiteboarding-ul digital cu mâinile ușor de dezvoltator, pozițiile InVision echipele de design pentru a lucra în colaborare la fiecare pas al procesului.

Poti să creeze prototipuri rapide și să efectueze recenzii live. Sincronizarea sa automată puternică, facilitatea de partajare și comentare simplificată și caracteristicile de securitate înseamnă InVision poate scala împreună cu echipa și compania de design.

Poti înscrieți-vă pentru o încercare gratuită a InVision sau a InVision Enterprise conform cerințelor companiei dvs. sau ale companiei dvs..

Proto.io

Ai vrut vreodată să vezi cum va arăta produsul dvs. final, cu mult înainte ca proiectul dvs. să fie gata să se încheie? În acest scop, Proto.io ar putea fi doar instrumentul potrivit pentru dvs..

Acest instrument vă permite să faceți prototipuri rapide și biblioteca interactive de interfață face ca machete statice și prototipuri de hotspot să pară primitive.

Puteți folosi Proto.io drag and drop funcționalitate la orice element UI cu care lucrați. Deoarece funcționează în browserul dvs. web, nu este nevoie de descărcare constantă, iar atunci când un prototip este gata de testat, puteți face acest lucru pe un dispozitiv real pentru a evalua aspectul, simțul și gradul de utilizare, în timp ce împărtășiți design-ul dvs. cu alți membri ai proiectului.

Schiță

Sketch este o aplicație modernă de design grafic care este destul de ușor de învățat și de utilizat. Este o combinație de a flux de lucru bazat pe vectori, operații booleene, editare precisă a pixelilor și capabilități de redimensionare inteligentă.

Poti creați o mulțime de forme complexe fără a trebui să treacă prin multe greutăți. Formele pe care le creați pot fi editate și adaptate oricărui aspect sau interfață pe care le aveți în vedere.

Notism

Notism combină proiectarea prototipului, colaborarea și funcțiile de gestionare a sarcinilor pe o singură platformă. Acest instrument UI / UX transformă ecrane statice în prototipuri interactive fără a scrie o singură linie de cod.

Puteți crea video în timp real pentru a vă distribui prototipurile și informațiile legate de proiect. Notism asistă organizarea sarcinilor și vede asta proiectul dvs. rămâne organizat.

Informațiile distribuite între colegii și părțile interesate sunt: versiune controlată, care este importantă din moment ce Notism încurajează repetarea designului și repetarea prototipului. Instrumentele speciale de desen permit schițele care trebuie făcute direct pe conținutul partajat. Notele și schițele pot fi adăugate, de asemenea, în cronologia videoclipului.

Mare Simplu

Great Simple are o mulțime de soluții dacă problema se învârte în jurul încercării de a găsi bun UI și kit-uri wireframe, sau un set complet de elemente de design de bază. Produsul a fost creat cu scopul de a satisface chiar și cei mai exigenți designeri.

Al lor Kitul de design iOS și Kitul de design al materialelor, ar trebui să aibă cu siguranță un loc în setul dvs. de instrumente, împreună cu kiturile gratuite iOS și Android care au fost descărcate de peste 70.000 de ori. Dacă sunteți utilizator Sketch; nici o problema. Sunt produse foarte simple compatibil atât cu Sketch, cât și cu Adobe Photoshop.

Câteva sfaturi pentru a face un UI mai bun

Utilizatorii de Internet sunt mai ales și mai sofisticați când lucrați cu afișaje digitale decât a fost cazul numai câțiva ani în urmă. Ei se plictisesc repede de necesitatea pus în scenă cu experiențe substandard, ceva ce trebuie să ia notă agențiile de design. Este imperativ ca aceste întreprinderi să ia în considerare calitatea acestor experiențe ", dar cum se procedează în acest sens?

Uitați-vă la următoarele sfaturi și trucuri pentru a face tipul de interfață de utilizator care atrage utilizatorii și le oferă cea mai bună experiență cu produsul dvs.:

Nu te complica

A interfața de utilizator extraordinară este invizibilă; sau foarte aproape de el. Asta inseamna pur si simplu ca singurele lucruri pe care un utilizator le vede sunt lucrurile de care are nevoie utilizatorul si nimic mai mult decat atat. Nu încercați să fiți drăguți sau inteligenți. Faceți intuitiv obiectivul.

Faceți totul clar

Interfața dvs. UI poate efectua una o treabă excelentă de a vă arăta abilitățile de design, și ce înseamnă un design bun; dar într-un mod foarte subtil. Utilizatorii iubesc UI-urile care constau dintr-un abilitatea de amestecare a clarității, simplității și concisității. Dacă utilizatorii se străduiesc să încerce și să-și dea seama ce ar trebui să facă în continuare, aceștia sunt mai mult decât dispuși să abandoneze site-ul dvs. și să meargă în altă parte.

Încearcă să faci butoanele, pictogramele și apelurile la acțiuni ușor de găsit; și asigurați-vă că butoanele sunt marcate clar și concis.

Efectuați eficient interacțiunile

UI design ar trebui să fie direcționate spre a face viața mai ușoară pentru utilizatorii săi. Un UI bun permite utilizatorilor să își îndeplinească sarcinile fără probleme și eficient. Interacțiunea eficientă este posibilă numai atunci când a UI design-ul este liber de distragere a atenției, și nu încărcate cu opțiuni care, chiar dacă ar fi plăcute, ar putea fi la fel de bine ascunse până la apariția unei nevoi.

Prea mult din orice este mai potrivit crea confuzie decât rezolva probleme.

Fii consistenta in designul tau

Consistența este unul dintre caracteristicile bune ale designului UI. Utilizatorii nu ar trebui să treacă treapta de viteză pe măsură ce își desfășoară activitatea într-o sesiune. Ei dezvoltă rapid un obicei de utilizare, și ei doresc să fie în stare să rămână la ea. Ei învață repede unde să se uite și ce trebuie să facă pentru a continua. Nu faceți ca interfața dvs. să fie o provocare sau un puzzle care trebuie rezolvat.

Utilizați modele de design familiare

Utilizatorii cum ar fi familiar și ușor de înțeles mesajele, comenzile și acțiunile în timp ce navighează printr-un site web. De exemplu, nu ați muta locația unui coș de cumpărături de la o pagină la alta, mai mult decât ați schimba conținutul unui meniu. Găsiți un model de design pe care îl vor dori utilizatorii și rămânem la el.

Înțelegeți modul în care UI joacă în UX

Proiectarea unui UI care este intuitivă și directă din perspectiva utilizatorului nu este fără provocările sale. Încă mai trebuie să păstrați fluxul utilizatorului și cheie de brand și informații despre produs în minte, care implică gândirea în ceea ce privește designul UX sau colaborarea cu un designer UX.

Implementați o ierarhie vizuală

Fiecare elementul de design pe care îl plasați pe o pagină trebuie să aibă un rol de jucat, dar unele sunt, evident, mai importante decât altele. Implementarea unei ierarhii vizuale este pur și simplu o problemă subliniind cele mai importante elemente făcându-le mai mari și / sau mai strălucitoare și localizate acolo unde se vor găsi cu ușurință.

Concluzie

Proiectarea unei prezentări a unui site web și a tehnicilor de proiectare necesare gradul de utilizare și satisfacția utilizatorilor, implică practici diferite. Cele două entități nu sunt una și aceeași, deși sunt adesea confundate unul cu celălalt. Interfața UI este digitală și necesită un layout, un element de poziționare și un instrument de editare.

Designul UX este non-digital și implică testarea utilizatorilor și utilizarea analizelor utilizatorilor. Ambele sarcini de proiectare fac uz de prototipuri, de colaborare și tehnici de gestionare a sarcinilor.