Share
Feedback krijgen van klanten is een cruciaal onderdeel van elk project. Het maakt niet uit of u een team van één of een team van ontwikkelaars en ontwerpers bent, u hebt feedback van uw klant nodig om het project vooruit te helpen.
Het ontwerpen van prototypen is een geweldige eerste stap om uw klant bij het totale project te betrekken. Niet alleen bespaart u later waardevolle tijd in het ontwikkelingsproces, u houdt uw klant betrokken en strijkt vroegtijdig enkele broodnodige functies uit. Ik gebruik prototypen voor al mijn webprojecten als een eerste stap in het ontwikkelen van een gebruikersinterface die de klant helpt de uiteindelijke website te visualiseren.
InVision is mijn gereedschap bij uitstek vanwege de eenvoudig te gebruiken hulpmiddelen en de mogelijkheid om interactieve prototypen met klanten te delen. Deze werkstroom helpt de klant het uiterlijk van een project te begrijpen voordat hij zich ooit aan de code committeert. Deze tutorial leidt u op drie manieren: InVision kan u helpen waardevolle feedback van uw klant te krijgen.
Vandaag krassen we alleen nog over het gebruik van InVision in uw prototype-workflow. Bekijk mijn volledige cursus over UX Prototyping voor mobiele apparaten met InVision en ontdek hoe je een prototype ontwerpt in Photoshop, breng het naar InVision, pas deze tips toe en nog veel meer.
Voordat u feedback op uw project kunt ontvangen, moet u een link naar uw klant verzenden. Zodra uw project is ingesteld in InVision, ziet u twee knoppen op het hoofdscherm. Eén voor LiveShare en één voor Share. Als u op de groene knop klikt Deel knop, u kunt een beoordelingslink naar uw klant verzenden.
Er zijn veel manieren om een project met InVision te delen. U kunt een URL kopiëren en plakken, een e-mail verzenden, naar een mobiel apparaat verzenden (uitstekend voor voorbeelden van mobiele apps), insluiten in een webpagina en schermen downloaden. U hebt ook controle over het al dan niet toestaan van commentaar, navigatie tussen schermen en het bladeren door alle schermen in het project. Hoogstwaarschijnlijk zou je alle drie toestaan voor maximale interactie van je client, maar je kunt deze instellingen dienovereenkomstig aanpassen.
Nu u een e-mail naar uw klant hebt verzonden, is het tijd om te kijken hoe uw klant feedback kan geven.
Commentaren is lang een universele methode geweest om ideeën en feedback uit te wisselen. De tools van InVision bieden flexibiliteit voor commentaar rechtstreeks in de schermen van het prototype, evenals een inbox voor eenvoudige naslag. Laten we kijken.
Binnenin het project zie je een verscheidenheid aan opties bovenaan. Standaard land je op de schermenpagina die alle schermen weergeeft die je hebt geüpload naar je project. Daarnaast ziet u een tabblad Activiteit en het tabblad Opmerkingen.
Op het tabblad Opmerkingen worden al uw opmerkingen voor het project weergegeven. Deze instelling is vergelijkbaar met een inbox-indeling. Het is gemakkelijk om te scannen en een reactie terug te sturen.
Klik op de opmerking en er verschijnt een venster waarin u uw antwoord kunt invoegen.
Maar wat als u een opmerking over een specifiek gedeelte van uw scherm wilt achterlaten? Ga naar het scherm door er vanaf het hoofdscherm overheen te bewegen en klik op Bekijk scherm. Hiermee gaat u naar de voorbeeldmodus voor uw prototype. Klik op om een reactie achter te latenop despraak bubbel pictogram of treffer C om de reactiemodus te activeren.
Vanaf hier kun je overal op je scherm klikken en een reactie achterlaten. U kunt zelfs klikken op eerdere opmerkingen van uw klant en een antwoord sturen. Een taak voltooien die uw klant via een reactie heeft aangevraagd? Controleren Markeren als voltooid om een notitie achter te laten dat je klaar bent.
Misschien moet u ervoor zorgen dat alleen bepaalde gebruikers de opmerkingen zien? Verandering Iedereen voor beide medewerkers of Dev Note om een notitie achter te laten aan je ontwikkelaars.
Nu u de opmerkingen van uw klant hebt bekeken, kunt u deze terugbrengen naar uw project en deze toepassen op nieuwe schermen voor meer beoordeling of om verder te gaan met de rest van uw ontwikkeling.
LiveShare neemt uw feedback mee naar het nu, zodat u uw ontwerpen kunt presenteren en in realtime kunt samenwerken. U kunt uw projectschermen delen, erop markeren met een virtueel whiteboard en zelfs deelnemen aan gratis telefonische vergaderingen. Laten we het in actie zien.
Om LiveShare te activeren, kunt u op de blauwe LiveShare-knop klikken die u op elk scherm van uw project of op het hoofdscherm vindt wanneer u zich voor het eerst aanmeldt bij uw project. Uw LiveShare-scherm wordt geladen in een nieuw tabblad van uw browser en wordt geleverd met een verscheidenheid aan opties en samenwerkingshulpmiddelen. U kunt de link naar uw LiveShare-scherm onmiddellijk delen met anderen.
Zodra uw klant en uw team lid worden van de LiveShare, kunt u op het scherm deelnemen aan een groeps-chat.
Teken direct op het scherm of ga naar een afzonderlijk virtueel whiteboard voor meer ruimte. U kunt uw tekeningen zelfs opslaan of e-mailen voor toekomstig gebruik.
Tip: hoewel het niet verplicht is, helpt het om te tekenen met een pen in plaats van met een muis.
U kunt ook schakelen tussen meerdere schermen, zodat u uw volledige prototype gebruikersstroom kunt bekijken. Bekijk ook of laat nieuwe reacties als een team in realtime achter. Dit werkt uitstekend als u samen met uw team een project doorneemt voordat u alles met uw klant hebt besproken.
Beëindig de LiveShare op elk gewenst moment en keer terug naar uw projectschermen, upload veranderingen op basis van uw gesprek en ga door met uw ontwerp en ontwikkeling.
LiveShare PS neemt uw realtime projectdeling rechtstreeks in Photoshop. Dit is ideaal voor teams die aan een ontwerp werken en kleurenopties of meerdere functies moeten zien. Het is ook geweldig voor die onzekere klant die beslissingen neemt op basis van het eerst zien. Deze methode elimineert absoluut de e-mails heen en weer delen van meerdere schermen en wachten op een reactie. Spring in plaats daarvan in Photoshop, activeer de LiveShare-plug-in en u bent klaar om uw projectwijzigingen in realtime te delen.
Notitie: LiveShare PS is alleen compatibel met de nieuwste versie van Photoshop CC 2014, op OS X. U kunt de plug-in hier downloaden.
De weergave voor uw klanten en teams is identiek aan het LiveShare-scherm. Het belangrijkste verschil is dat de ontwerper die de LiveShare in Photoshop initieert, naast het browserscherm ook kan communiceren met Photoshop. Iedereen in de LiveShare kan de wijzigingen direct zien, feedback achterlaten in de groepchat of opmerkingen en tekenen op elk deel van het scherm.
Stel dat u bijvoorbeeld de kleur van de banner 'Wees op de hoogte' van grijs in groenblauw wilt wijzigen.
U zou de bijbehorende Photoshop-laag wijzigen en deze zou in realtime verschijnen op ieders LiveShare-browserscherm. 
Dit is een uitstekende samenwerking in realtime waardoor de gehele prototypingworkflow efficiënter en gestroomlijnder wordt. U kunt direct feedback krijgen en alle onzekerheden tussen uw klanten en teams uitwerken in Photoshop zonder ooit heen en weer te gaan in uw e-mail.
Nu u hebt gezien wat mogelijk is met InVision, is het tijd om dit op uw projecten toe te passen. Verbeter uw workflows en ontvang direct feedback van uw teams en klanten!
Ga verder met mijn cursus over UX Prototyping voor mobiele apparaten met InVision. Deze cursus begeleidt u door de gehele ontwerpworkflow van prototypen, van projectkorting en mock-up in Photoshop tot klantfeedback en revisies. U zult ook ontdekken hoe u mobielvriendelijke prototypen kunt maken in Photoshop voordat u in InVision duikt om gebruikersinteracties te simuleren.
Accentsconagua