Het verschil tussen het basisconcept van de UI / UX Design tussen het bekabelde scherm en het prototype

De termen "draaddraad" en "prototype" worden altijd door ontwerpers verward, ongeacht of ze een ervaren ontwerper zijn, misschien vanwege misverstanden of anderszins. In feite is het begrip tussen deze twee termen heel duidelijk en verschillend. Laten we nu een onderscheid maken tussen deze twee termen.

Wat is een simkaart?

Het bedrade scherm is een eenvoudige maar eenvoudige lay-out met 3 simpele maar duidelijke doelen:

1. Biedt basisinformatiegroep

2. Teken een structuur en layout

3. Weergave en beschrijving van gebruikersinterface

Zodra u de draad correct heeft aangelegd, is dit de basisstructuur van uw product. Net als de indeling van het gebouw beschrijft het de details duidelijk en nauwkeurig.

Visuele kenmerken van bedrade draad

Het bedrade scherm heeft zeer duidelijke visuele beperkingen. Over het algemeen mogen ontwerpers alleen lijnen, vakken en grijs gebruiken om af te werken (verschillend grijs betekent verschillende niveaus).

Eenvoudige vectordraden

Simple Symphrams bevatten afbeeldingen, video's en tekst

Voordelen van bedrading

Bedrading is snel en goedkoop, vooral als u prototyping-tools gebruikt zoals UXPin, Mockplus, Balsamiq en Axure. Natuurlijk moet je deze prototyping-tools gebruiken om het eerst te doen.

Het is belangrijk om gedetailleerde en gedetailleerde draden met een hoge resolutie te vergelijken om feedback te verzamelen. Waarom niet? Dit komt omdat mensen meer nadruk leggen op softwareprestaties, informatiearchitectuur, gebruikerservaring, schema's voor gebruikersinteractie en gebruik in plaats van de esthetische kenmerken van deze elementen te overwegen. In dit geval kunt u deze echter eenvoudig naar wens wijzigen, maar u hoeft geen codering en grafische bewerking te configureren.

Interactieve symfonie

Af en toe geven ontwerpers er de voorkeur aan om de betrouwbaarheid van draden te verbeteren om het belang van de gebruikersinterface in sommige opzichten te vergroten en om de logica van interoperabiliteit tussen direct testen en visuele elementen te demonstreren. Om deze problemen goed op te lossen, gebruikt het programma een interactief symfram, ook wel een gedrukt telframe genoemd.

Als je zo'n complexe draad wilt maken, heb je een UXPin nodig, een hulpmiddel voor het installeren en prototypen van draden. Het maken van een interactief prototype kan de beste presentatie zijn voor een ontwikkelteam en klanten. U vraagt: 'Wat gebeurt er als ik op deze knop druk?' Als u een probleem heeft, hoeft u alleen maar te klikken en klanten te laten zien hoe ze met het interactieve prototype moeten omgaan. Het is zelfs indrukwekkend en direct.

Richt de draad voorzichtig

Als je hem de telfram aan hem moet geven, moet je voorzichtig zijn met de man die het absoluut waard is. Hij kan uw klant zijn, maar ook een niet-technische manager die bij de samenwerking betrokken is. Maar hij weet niet dat de draad en het eindproduct onderling met elkaar verbonden lijken. Het is dus mogelijk dat hij de interne communicatie en werkmodus tussen hen niet begrijpt. Dus je moet presenteren en hoe je de juiste beslissing neemt.

Dit is de workflow van een app-gebruiker, gemaakt door Fernando Guillen. Dit is natuurlijk ongetwijfeld een vroege ontwerpversie.

De draadkast is het belangrijkste onderdeel van het ontwerp. Wanneer u dit stroomschema ziet, begrijpt u dat het tijd kost om uit te leggen waarom het symphram wordt genoemd en waarom we symphram moeten gebruiken. Of u kunt deze stap gewoon overslaan.

Wat een prototype

Er is meer vraag naar het prototype dan naar het draad- / interactieve teleframe, het moet een interactief en zoveel mogelijk een prototype met een hoge resolutie zijn dat past bij de eindgebruikersinterface.

Het doel van het prototype is duidelijk: de interactie tussen gebruikers en interface zoveel mogelijk vereenvoudigen. Wanneer een knop wordt ingedrukt, moet er een passende handeling worden uitgevoerd en verschijnen relevante pagina's, waarbij wordt geprobeerd de volledige productervaring te imiteren.

Visuele kenmerken van het prototype

Het prototype moet natuurlijk de esthetische kenmerken van het product hebben en proberen te passen bij de nieuwste versie. Kortom, dit is een productskin zonder HTML / CSS / JS en u hoeft niet door de server en database te bladeren.

Het voordeel van het prototype

Waarom is het zo belangrijk? Het prototype wordt meestal door gebruikers gebruikt voor producttests. Het testen van het prototype kan in een zeer vroeg stadium kosten en tijd besparen bij het ontwikkelen. De architectuur van het product neemt dus niet af door de onredelijke interactieve interface. Het prototype is dus de perfecte prestatie voor ontwerpers en ontwikkelaars om het product te testen.

Het biedt ook prototypes voor gebruikers om feedback te verzamelen, kennis te maken met alle details van uw product en om het hele team te inspireren. De meeste prototyping-tools kunnen snel en efficiënt prototypes bouwen, maar hoeven niet te worden gecodeerd.

Ontwerpstroom

Zodra u het verschil tussen ontwerp en draad en prototype begrijpt, loopt u voorop in de ontwerpwereld voor gebruikerservaring.

Als u van uw productontwerpserie een samenhangende en efficiënte workflow kunt maken, zullen er een aantal fantastische wendingen komen.

Tips

Probeer bij het maken van Wireframe bewerkbare en herbruikbare elementen te gebruiken. In dit geval ga je door met het wissen van de elementen om prototypes uit te voeren op basis van de eenvoudige draden.

Probeer bij het installeren van draden ideeën en ideeën van uw team en klanten te verzamelen en probeer ze te weerspiegelen in symfonieontwerp.

Gebruik je handigste hulpmiddel.

UXPin

UXPin heeft meer dan 900 verschillende UI-elementen gemaakt, zodat u draden en prototypes kunt maken.

Proto.io

Proto.io is een zeer krachtige prototyping-tool en kan op prototypes gebaseerde HTML / CSS-code en interactief prototype voor het touchscreen exporteren, zodat gebruikers het op echte apparaten kunnen testen.

Balsamico

Populator, r is alleen een draadzender voor een vast telframe.

Moqups

Deze tool helpt u bij het direct online implementeren van uw teleframe.

Mockplus

Mockplus is een all-inclusive prototyping-tool voor snelle ruis, snel ontwerp en snelle weergave. Hiermee kunt u mobiele apparaten maken voor mobiele (Android en iOS), desktop (pc en Mac) en webapplicaties. In Mockplus 3.0 voegde hij effectieve teamsamenwerking toe.

Aksu

Hebben we meer implementatie van deze tool nodig als de meest populaire draaduitbreidingen en prototype-ontwerptools? Ik denk het niet.

Protoshare

Deze tool kan ook simkaarten en prototypes maken op internet.

InvisionApp

Deze tool helpt je bij het maken van het prototype dat je nodig hebt, je tekent niets, maar je kunt links tussen verschillende schermen toevoegen.

Wilt u uw ontwerpidee in .dsgnrs schrijven. blog? Lees meer ...