At være en brugercentreret designer betyder, at en væsentlig del af mit ansvar indebærer prototypingskoncepter for at få feedback til forskellige designs, som løser faktiske forretningsproblemer. Det betyder iterativt skitsering eller wireframing ideer tidligt og ofte i designprocessen for at skabe samtale og endnu vigtigere at samle feedback fra interessenter.

Mit mål er at tilslutte brugermålene med forretningsmål til en win-win-situation, der er gensidigt fordelagtig fra begge perspektiver. Derfor er jeg altid interesseret i ethvert værktøj, der gør det muligt for mig ikke blot at være mere effficient, men mere effektiv i den proces.

Hvis det jeg har sagt hidtil begynder at resonere, er du måske interesseret i følgende prototyperværktøjer, som kan hjælpe dig med at gå dine interessenter gennem din vision på vej til dit endelige produkt.

iMockups til iPad ($ 7)

Hvis du har en iPad og foretrækker at arbejde på det, iMockups kan være et besøg værd. Selvom iMockups er designet udelukkende til iPad, har den en præsentationsvisning for at dele din vision med et større publikum ved at forbinde din iPad med en stor skærm. Du kan placere hotlinks på forskellige elementer i wireframe for faktisk navigation fra en wireframe til den næste.

Hvis du er en Balsamiq Mockups bruger eller arbejde med en, der er, det er praktisk, at iMockups-filer kan eksporteres til Balsamiq BMML-format. Med det sagt, er samarbejdet og delingen begrænset til at e-maile enten redigerbare projektfiler eller PNG'er.

imockup

Flinto ($ 20,00 / måned-30 dages gratis prøveperiode)

Fra PNG'er til prototyper på 45 sekunder er Flinto s tonehøjde. Når det er sagt, skal du dog oprette disse PNG'er uden for Flinto i modsætning til nogle andre prototyper. Nogle mennesker kan se på det som et negativt, men jeg vil faktisk have evnen til at bruge min favorit grafiske editor i stedet for at være begrænset til at bruge endnu en indbygget interface, som jeg skal lære at bruge, før jeg kan gøre noget. Og jeg tror ikke, jeg virkelig går ud på en lem, når jeg siger, om du er i gang med at oprette apps, har du sikkert allerede din foretrukne grafiske editor klar til at gå et øjebliks varsel.

Hvor Flinto virkelig udmærker sig, er med sin integrerede Share & Installer-funktion. Det giver dig mulighed for at dele din prototype-forbindelse med andre, der kan installere prototypen på deres startskærm - både iOS og Android - til at bruge som en live-arbejdsapp. Du kan gøre det så realistisk, som du vil have det med genoprettede iOS- og Android-overgange, faste overskrifter og footers og skærme, der ruller lodret.

flinto

Briefs ($ 199 gratis prøveversion)

Bygget til visuelle tænkere, underbukser giver dig mulighed for at beskrive din mobilapp til andre. Du har et app design i dit hoved, og Briefs er her for at hjælpe dig med at få den ide ind i hovederne for andre, som indeholder mere end bare at dele en demo. Briefs til Mac giver dig mulighed for at se dit design og endda teste det live på de faktiske enheder, mens du designer. Det bruger indfødte animationer og interaktioner, så du kan få en virkelig stærk forståelse for, hvordan det vil føle. Ligesom andre konkurrerende tjenester kan du anvende hotspots til flade filer, der linker mellem "sider", men Briefs giver dig mulighed for at bruge enten dine egne aktiver, der er oprettet uden for appen, eller du kan oprette sider lige i appen ved hjælp af deres bibliotek med grænsefladeelementer .

Briefs adskiller sig fra resten, når det kommer tid til at dele dit arbejde. Ved at bruge det, de kalder trusser, pakker du alle dine mobildesign-tidslinjer i en kort, der kan ses på den gratis Kortscase iOS-app af kunder eller holdkammerater på deres egne enheder. Men hvad der er særligt godt, er Briefs for Mac strømlinierer eksporten af ​​dine aktiver til din udvikler (e), hvor du kan give en detaljeret plan, der repræsenterer dit app design.

underbukser

POP - Prototyping på papir (gratis)

Hvis du foretrækker den prøvede og sande metode til at skitsere wireframes på det egentlige papir eller det ordsprogede bagside af et serviet, hvoraf jeg personligt er fan, så har vi fået en app til dig. Du bogstaveligt talt skitserer dine ideer, tager billeder af dem med din telefon og uploader dem derefter til Prototyping på papir hvor du derefter kan begynde at sy sammen dine skitser ved hjælp af hotspots.

Ja det er grundlæggende, men det er skønheden i det. Du behøver ikke nogen kompliceret software, bare en blyant og et stykke papir. Når du har oprettet dit scenario, kan du dele og demo din ru prototype på en iPhone, iPad eller endda i din webbrowser.

pop

Marvel (gratis)

Hvis du kører helt væk fra DropBox, opdateres din prototype lige så enkelt som opdatering af dine designfiler: Marvel genkendes automatisk, når du gemmer ændringer i dine aktiver og opdaterer din prototype i baggrunden uden at generere genoplasting af dine filer. Og i modsætning til meget af konkurrencen understøtter Marvel ikke kun mobil (iOS og Android), men også web- og spil-enheder.

En anden standout-funktion er, at du kan konvertere dine Photoshop-filer til billeder (PNG, JPG, GIF), du behøver ikke, medmindre du vil, fordi Marvel understøtter PSD-filer og også hævder, at det snart understøtter Sketch.

vidunder

InVision (gratis- $ 22 / måned)

Bygget til agile iterationer, kraften i InVision er i sin samarbejdsplatform, hvilket gør det til et godt valg for distribuerede hold. Selvfølgelig kan du som mange andre prototyper og -apps skabe en klikbar demo ved at sammenkæde skitser, wireframes eller high fidelity-designs. Og sådanne prototyper kan deles og ses gennem en browser eller en mobil enhed til en øjeblikkelig berørbar demo. Jeg mener ikke at glosse over disse fakta, men jeg vil bare komme til, hvad der skiller det fra andre prototyper.

Medmindre du er en enkeltperson, der designer apps kun for dig selv, har du sikkert oplevet nogle af de vanskeligheder, der samarbejder med klienter og holdkammerater, holde øje med, hvem der sagde hvad med hvad og organisere alle kommentarer og anbefalinger i en fordøjeligt format.

Enhver designer, der er begravet i tilbagemelding og kæmpet for at organisere det hele, vil sætte pris på InVisions designsamarbejdsværktøj, LiveShare, som muliggør real-time i-browser samarbejde uden at kræve downloading. LiveShare er meget mere end en skærmdelingsapplikation, som det fremgår af synlige navnelinkpunkter for alle i mødet, talechat, private konferencelinjefunktioner, tekstchat, skitsefunktion og selv whiteboard-tilstand, hvor alle har en blyant, som man kan tegne på en delt virtuel whiteboard.

invision

Selvfølgelig er der ingen størrelse, der passer til alle prototyperværktøjer. Mange faktorer bestemmer, hvad der kan være rigtigt for dig eller dit team.