Handige tools en tips voor gebruikersvriendelijke interfaces

Het bereiken van uitmuntendheid in hoe een website wordt gepresenteerd (UI), en de mogelijkheid om een ​​goede gebruikerservaring (UX) te bieden, zijn duidelijke doelstellingen. De juiste hebben tools om excellentie te bereiken je zoekt is de sleutel om aan die doelstellingen te voldoen.

Om de UI- en UX-tools effectief te gebruiken, moet u duidelijk begrijpen waar deze twee entiteiten uit bestaan, en wat is de beste manier om ze te benaderen. Hoewel de twee termen vaak met elkaar worden verward, zijn ze echter niet hetzelfde. UI en UX ontwerptechnieken zijn eigenlijk heel anders van een ander.

Hieronder ga ik enkele van de nuttigste UI / UX-hulpmiddelen presenteren en een aantal nuttige tips waarmee u dit kunt doen maak gebruikersvriendelijke interfaces.

InVision

InVision is een digitaal productontwerpplatform dat werkt zoals moderne ontwerpteams werken. Van snelle prototyping tot integraties van gebruikerstests, digitale whiteboarding tot eenvoudige handleidingen voor ontwikkelaars, InVision-posities productontwerpteams om samen te werken bij elke stap van het proces.

Jij kan maak snelle prototypen en voer live reviews uit. De krachtige automatische synchronisatie, gestroomlijnde functie voor delen en reageren en beveiligingsfuncties betekenen InVision kan schalen met uw ontwerpteam en bedrijf.

Jij kan meld u aan voor een gratis proefversie van InVision of InVision Enterprise volgens de vereisten van uw bedrijf of van uw bedrijf.

Proto.io

Ooit wilde zien hoe uw eindproduct eruit zal zien, lang voordat uw project klaar is om af te ronden? Voor dit doel is Proto.io misschien wel de juiste tool voor u.

Met deze tool kunt u rapid prototyping en de interactieve UI-bibliotheek doen maakt statische mockups en prototypes voor hotspots zien er primitief uit.

U kunt Proto.io's gebruiken slepen-en-neerzetten-functionaliteit naar elk UI-element je werkt mee. Omdat het werkt op uw webbrowser, is er geen behoefte aan constant downloaden en wanneer een prototype klaar is om te worden getest, kunt u dit doen op een echt apparaat om het uiterlijk, het gevoel en de bruikbaarheid te beoordelen, terwijl uw ontwerp delen met andere projectleden.

Schetsen

Sketch is een moderne grafische ontwerp-app die vrij eenvoudig te leren en te gebruiken is. Het is een combinatie van een vector-gebaseerde workflow, Booleaanse bewerkingen, pixel precieze bewerking en slimme resizingmogelijkheden.

Jij kan creëer veel complexe vormen zonder door veel gedoe heen te moeten gaan. De vormen die u maakt, kunnen worden bewerkt, en aangepast aan de lay-out of interface van een website die u in gedachten heeft.

Notism

Notisme combineert functies voor prototypeontwerp, samenwerking en taakbeheer op een enkel platform. Deze UI / UX-tool transformeert statische schermen in interactieve prototypen zonder een enkele regel code te schrijven.

U kunt realtime video's maken om uw prototypen en gerelateerde projectinformatie te delen. Notisme helpt taakorganisatie, en ziet dat je project blijft georganiseerd.

Informatie die wordt gedeeld door collega's en belanghebbenden is versie gecontroleerd, dat is belangrijk omdat notisme snelle ontwerp- en prototype-iteratie stimuleert. Speciale tekengereedschappen toestaan schetsen moeten rechtstreeks op gedeelde inhoud worden gemaakt. Notities en schetsen kunnen ook aan de videotijdlijn worden toegevoegd.

Geweldig simpel

Great Simple heeft veel oplossingen als uw probleem draait om proberen te vinden goede UI en wireframe-kits, of een uitgebreide set kernontwerpelementen. Het product is gemaakt met het doel van bevredigend zelfs de meest veeleisende van ontwerpers.

Hun iOS Design Kit en de Material Design Kit, moet zeker een plaats hebben in uw toolkit, samen met zijn gratis iOS- en Android-kits die meer dan 70.000 keer zijn gedownload. Als u een Sketch-gebruiker bent; geen probleem. Geweldige eenvoudige producten zijn compatibel met zowel Sketch en Adobe Photoshop.

Enkele tips voor het maken van een betere gebruikersinterface

Internetgebruikers zijn kieskeuriger en meer verfijnd bij het werken met digitale schermen dan het geval was slechts een paar jaar terug. Ze zijn het snel moe van het moeten opgemaakt met ondermaatse ervaringen, iets waar designbureaus rekening mee moeten houden. Het is noodzakelijk dat deze bedrijven de kwaliteit van deze ervaringen in overweging nemen ', maar hoe gaan ze ermee om?

Bekijk de volgende tips en trucs voor het maken van het type gebruikersinterface dat gebruikers aanspreekt en hen de beste ervaring met uw product biedt:

Hou het simpel

EEN geweldige gebruikersinterface is onzichtbaar; of heel dichtbij. Dat betekent simpelweg dat de enige dingen die een gebruiker ziet, de dingen zijn die de gebruiker nodig heeft, en niets meer dan dat. Probeer niet schattig of slim te zijn. Maak intuïtie het doel.

Maak alles duidelijk

Je gebruikersinterface kan een uitstekend werk om te pronken met je ontwerpvaardigheden, en wat een goed ontwerp inhoudt; maar op een heel subtiele manier. Gebruikers zijn dol op UI's die uit een bestaan bekwame vermenging van duidelijkheid, eenvoud en beknoptheid. Als gebruikers proberen te achterhalen wat ze vervolgens moeten doen, zijn ze meer dan geneigd om uw site te verlaten en ergens anders heen te gaan.

Probeer te maken knoppen, pictogrammen en oproepen tot acties eenvoudig te vinden; en zorg ervoor dat de knoppen duidelijk en beknopt zijn gemarkeerd.

Maak de interacties efficiënt

UI-ontwerp zou moeten zijn gericht op het gemakkelijk maken van het leven van zijn gebruikers. Een goede gebruikersinterface stelt gebruikers in staat om hun taken soepel en efficiënt uit te voeren. Efficiënte interactie is alleen mogelijk als een UI-ontwerp is vrij van afleiding, en niet geladen met opties die, hoewel leuk om te hebben, net zo goed verborgen kunnen zijn totdat er een behoefte aan hen ontstaat.

Te veel van alles is meer geschikt verwarring creëren dan problemen oplossen.

Wees consistent in je ontwerp

Consistentie is een van de kenmerken van een goed UI-ontwerp. Gebruikers zouden niet moeten schakelen terwijl ze zich een weg banen door een sessie. Ze ontwikkelen snel een gewoonte, en zij willen kunnen houden. Ze leren snel waar ze moeten kijken en wat ze moeten doen om verder te gaan. Maak je gebruikersinterface geen uitdaging, of een puzzel die moet worden opgelost.

Gebruik bekende ontwerppatronen

Gebruikers willen vertrouwde en gemakkelijk te begrijpen berichten, commando's en acties terwijl ze door een website navigeren. U verplaatst bijvoorbeeld niet de locatie van een winkelwagentje van pagina naar pagina, net zo min als u de inhoud van een menu zou veranderen. Zoek een ontwerppatroon dat gebruikers leuk vinden, en blijf erbij.

Begrijp hoe UI speelt in UX

Het ontwerpen van een gebruikersinterface die dat is intuïtief en duidelijk vanuit het perspectief van de gebruiker is niet zonder uitdagingen. U moet de gebruiker nog steeds laten doorstromen en belangrijke merk- en productinformatie in gedachten, waarbij je nadenkt in termen van UX-ontwerp, of samenwerkt met een UX-ontwerper.

Implementeer een visuele hiërarchie

elk het ontwerpelement dat u op een pagina plaatst, moet een rol spelen, maar sommige zijn duidelijk belangrijker dan andere. Het implementeren van een visuele hiërarchie is eenvoudig een kwestie van de belangrijkste elementen benadrukken door ze groter en / of helderder te maken en te vinden waar ze gemakkelijk te vinden zijn.

Conclusie

Het ontwerpen van de presentatie van een website en de daarvoor benodigde ontwerptechnieken bruikbaarheid en gebruikerstevredenheid, houdt verschillende werkwijzen in. De twee entiteiten zijn niet één en dezelfde, hoewel ze vaak met elkaar verward worden. UI-ontwerp is digitaal van aard en vereist hulpmiddelen voor lay-out, elementpositionering en bewerking.

UX-ontwerp is niet-digitaal, en omvat gebruikerstesten en het gebruik van gebruikersanalyses. Beide ontwerptaken maken gebruik van prototyping, samenwerking en taak management technieken.