Met het afronden van het onderzoek is er een solide basis gecreëerd waarop het ontwerp kon worden neergezet.Het ontwerp is de uitkomst van vele schetsen over de invulling van logica en structuur binnen een kleinere ruimte (mobiel en tablet). Het nadenken vooraf heeft ervoor gezorgd dat er één navigatiemodel kan worden gebruikt over de hele applicatie, over alle schermresoluties. Dit geeft de gebruiker rust en zorgt voor een minder steile leercurve.
Belangrijk is het om antwoord te geven op de hoofdvraag: ‘Hoe zorgt mijn alles-in-één productietool ervoor dat de zelfstandig werkend fotograaf op een gebruiksvriendelijke manier ondersteuning krijgt tijdens zijn
werkzaamheden in het productieproces, zonder gebonden te zijn aan één apparaat?’ Gelet op de antwoorden op de enquêtes, de interviews en de gebruikerstests is het de taak van de applicatie om overzicht te bieden in het werkproces van de fotograaf. ‘Waar moet ik op dit moment mee aan de slag gaan?’, ‘wat staat er voor mij op het programma?’ en ‘hoe zit het met de administratie?’ zijn vragen die door de applicatie moeten worden
beantwoord. met de huidige lijst met functionaliteit (te lezen in de bijlage, hoofdstuk Basisfunctionaliteit) zijn alle stappen daar voor genomen.
Het ontwerp en het prototype is getest op de daadwerkelijke
gebruikersgroep. Na deze sessie zijn er nog een aantal kleine punten in het ontwerp verwerkt, met name voor de vindbaarheid van functionaliteit. Voorbeeld: Voor de uitklapper van de ‘opdrachtenbalk’ is er door middel van een pijlvorm duidelijk gemaakt dat hier nog functionaliteit achter zit. Het ontwerp kenmerkt zich door een platte vorm, zonder gebruik van gradients en schaduwen.
De grootste aanbeveling die meegegeven wordt met deze documentatie is het verder doen van technisch gekaderd onderzoek en dan vooral de haalbaarheid van functionaliteit als het inladen van .jpeg- fotobestanden,
maar ook de te gebruiken techniek voor de applicatie zelf (native, hybrid, web-app).
Kanttekeningen kunnen worden gezet bij het ontwerpproces. Door een strakke planning (en het moeilijk kunnen vinden van de juiste groep
eindgebruikers, die, in de maanden dat dit onderzoek werd verricht juist hun brood moesten verdienen, is er soms al een deel van de functionaliteit gemodelleerd en voorgelegd aan de gebruiker. Geen carte blanche dus voor de gebruiker. Dit is echter goed aangegeven tijdens de sessies en er zijn er toch vruchtbare resultaten en inzichten uitgekomen, die mij verder hielpen met het verbeteren van het ontwerp en de structuur.
Al met al heeft dit afstudeerproject mij een goed inkijkje gegeven in de wereld van het ontwikkelen van applicaties. Het doen van onderzoek naar bepaalde conventies in interactieontwerp is mij het meest bijgebleven en kan ik ook meenemen in de praktijk, het werken in dit vakgebied.
Extra documentatie
- Stijlboek voor bokeh - Uiteindelijk ontwerp
Prototype
Het prototype is te bekijken op iPhone (4, 4s en 5). Let op: de applicatie en de uitwerking is een prototype, er kunnen derhalve geen rechten aan worden ontleend en feilloze functionaliteit is niet gegarandeerd.
- voor iPhone 4 / 4s - http://gg.gg/prototype-i4 - voor iPhone 5 - http://gg.gg/prototype-i5
Roadmap
Tijdens het onderzoek is er veel gekeken naar concurrenten, hun
functionaliteit en de vraag of deze functionaliteit benodigd is voor de eerste fase van bokeh.In de roadmap worden aanbevelingen gedaan voor de volgende fase van de applicatie.
Portfolio functionaliteit
Uit onderzoek van de FotografenFederatie blijkt dat 43% van de fotografen nu een website inzet als portfolio. Hoe dit precies zit bij het aannemen van nieuwe opdrachten is niet onderzocht. Tijdens de interviews is deze vraag wel gesteld. Er wordt nu nog vaak gekozen voor een portfoliokoffer (of boek) om voorbeeldfoto’s te laten zien. Het gaat hier vooral om het laten zien van het ‘kunnen’ van de fotograaf, professionaliteit zogezegd.
Verwachting is dat dit niet heel snel zal wijzigen, maar voor de fotograaf die met z’n tijd mee wil (en zeker met de hoge resolutie iPad’s) is deze
functionaliteit wellicht een welkom additief.
Integratie met eigen site
Met integratie kan bijvoorbeeld worden verstaan: ‘een contactformulier met een mogelijkheid om te bekijken of de fotograaf op die bepaalde datum nog beschikbaar is.’ De data wordt dan opgehaald uit bokeh, en ingeladen op de website.
Bankzaken
Een redelijke ‘must’ voor een volgende release van de applicatie is het koppelen van bankgegevens aan de applicatie. Nu staan offertes en facturen nog redelijk ‘alleen’. Bij koppeling met de bank komt daar verandering in en kan er actief worden gescand naar betalingen. Dit komt het gebruiksgemak van de applicatie ten goede.
Literatuur
Legerstee, Fenke, Verhoog, Eric. Brancheonderzoek Fotografen. 2010.
Saffer, Dan. Designing For Interaction. Tweede druk. Berkeley: New Riders, 2010
Gothelf, Jeff, Seiden, Josh. Lean UX: Applying Lean principles to improve User Experience. O’Reilly Media, 2013. Krug, Steve. Don’t make me think. Vert. Walsmit Vanja. Tweede druk. Zaltbommel: Thema, 2011
Websites
Basecamp, The world's #1 Project Management Tool (Basecamp). 37 Signals LLC. 2013. 21 februari 2013. <http://basecamp.com/> WHMCS (WHMCS). WHMCS Ltd. 2013. 21 februari 2013 . <http://www.whmcs.com/ >
Salesforce. SFDC Australia Pty Ltd. 2013. 21 februari 2013 <http://www.salesforce.com/au/>
KVK. KVK. 2012. 21 februari 2013. <http://www.kvk.nl>
ZZP Nederland. Stichting ZZP Nederland. 21 februari 2013. <http://www.zzp-nederland.nl/artikel/Administratie> WeTransfer. We Transfer B.V. 21 februari 2013. <http://www.wetransfer.com>
Pixifi. Simplifi Life LLC. 10 oktober 2012. <http://www.pixifi.com>
Studiocloud. Studiocloud. 10 oktober 2012. <http://www.studiocloud.com>
Lightblue Software. Lightblue Software Limited. 10 oktober 2012. <http://www.lightbluesoftware.com>
Spectra Professional. StudioPlus Software. 10 oktober 2012. <http://www.studioplussoftware.com/products/professional.aspx> ShootQ. ShootQ Inc. 10 oktober 2012. <http://web.shootq.com/>
Photobase. Red Cat Software. 10 oktober 2012. <http://www.redcatsoftware.com>
Simply Studio System. Simply Studio. 10 oktober 2012. <http://www.simplystudiosystem.com> Writethatname. Kwaga. 2012. 12 april 2013. <http://writethat.name>
Clear App. Realmac Software. 2012. 12 april 2013. <http://www.realmacsoftware.com/clear/> CamRanger. Dave Pawlawski. 2012. 12 april 2013. <http://www.camranger.com>
Portfolio. Britton Development. 2012. 3 mei 2013. <http://www.ipadportfolioapp.com> Geckoboard. Geckoboard. 2013. 12 april 2013. <http://www.geckoboard.com> PhoneGap. Adobe Systems Inc. 2013. 12 april 2013. <http://www.phonegap.com>
Titanium. Appcelerator. 2012. 12 april 2013. <http://www.appcelerator.com/platform/titanium-platform> Trello.com. Fog Creek Software. 2012. 3 mei 2013. <http://www.trello.com>
Artikelen
Gothelf, Jeff. Lean UX - Getting out of the deliverables business. Smashing Magazine. 7 maart 2011. 21 februari 2013. <http://uxdesign.smashingmagazine.com/2011/03/07/ lean-ux-getting-out-of-the-deliverables-business/>
North, Dan. What’s in a story?. 3 mei 2013. <http://www.dannorth.net/whats-in-a-story/>
One-window-drilldown. Designing Interfaces. 12 april 2013. <http://designinginterfaces.com/patterns/one-window-drilldown/> List inlay. Designing Interfaces. 12 april 2013. <http://designinginterfaces.com/patterns/list-inlay/
Nielsen, Jakob. Top 10 information architecture (IA) mistakes. useit.com. 11 mei 2009. 12 april 2013. <http://www.nngroup.com/articles/top-10-ia-mistakes/>
Nielsen, Jakob. F-shaped pattern for reading web content. useit.com. 17 april 2006. 12 april 2013. <http://nngroup.com/articles/f-shaped-pattern-reading-web-content/> Mokhov, Oleg. 10 essential web application usability guidelines. Speckyboy. 31 maart 2011. 12 april 2013. <http://speckyboy.com/2011/03/31/10-essential-web-application- usability-guidelines/>
Building Great Dashboards - 6 golden rules to succesfull dashboard design. Geckoboard. 10 juli 2012. 12 april 2013. Geckoboard. <http://www.geckoboard.com/building- great-dashboards-6-golden-rules-to-successful-dashboard-design/>
Fadeyev, Dimitri. 10 useful web application interface techniques. Smashing Magazine. 12 januari 2009. 4 april 2013. <http://uxdesign.smashingmagazine.com/2009/01/12/10- useful-web-application-interface-techniques/>
Use the Ribbon instead of toolbars and menus. Microsoft. 12 april 2013. <http://office.microsoft.com/en-001/help/use-the-ribbon-instead-of-toolbars-and-menus- HA010089895.aspx>
Adrian, Shawn. The flat design aesthetic. A Discussion. 11 december 2012. 2 mei 2013. <http://speckyboy.com/2012/12/11/the-flat-design-aesthetic/> Meri, Claude. The flat design era. Webdesignledger. 1 mei 2013. 2 mei 2013. <http://webdesignledger.com/tips/the-flat-design-era>
Smith, David Mitchell. Web meets native: Beyond hybrid. Gartner, 15 augustus 2010. 3 mei 2013. <http://bokeh.gerardkleinedeters.nl/onderzoek/bijlagen.zip> Johnson, Joshua. Mobile First Design. Why it’s great and why it sucks. 5 april 2013. 8 mei 2013. <http://designshack.net/articles/css/mobilefirst/>
Inhoud
... Concurrentiematrix 56 ... Basisfunctionaliteit 57 ...Eerste enquête (vragen) 58
...
Eerste enquête (antwoorden) 59
...
Vervolgenquête (vragen) 60
...
Vervolgenquête (antwoorden) 62
...
Cijfers uit de infographic 64
...
Eerste versies ontwerp 65
...
Eerste interview 67
...
Naam Pixifi StudioCloud Light Blue Spectra Professional ShootQ Hub Photobase Simply Studio System Quick Books Online Essentials (with FreshBooks MoneyBird Website www.pixifi.com www.studiocloud.com www.lightbluesoftware.com www.studioplussoftware.com/products/spectra.aspx www.shootq.com www.redcatsoftware.co.uk www.simplystudio.com quickbooksonline.intuit.com/finance- www.freshbooks.com www.moneybird.nl
Platform
Webbased x x x x x x
Mac software x x x x x
PC Software x februari 2013 x x x
Mobiele app x medio 2013 x x
Cloudfunctionaliteit x x x
Gebruikers en taal
Meerdere gebruikers x als add-on x x x x x
Taal EN EN EN EN EN EN EN EN EN NL / EN
Mail ontvangen x x x
Mail sturen x x x
Contract & vragenlijst
Contract maken x x x x x
Vragenlijst voor nieuwe klanten x x x x
Contactpersonen
Contact toevoegen x x x x x x x x x
Status aangeven x x x x x x x x
Facturatie & administratie
Offerte maken x x x x x x x x Factuur maken x x x x x x x x x x Exporteren als .pdf x x x x x x x x x x Direct betalen x x x x x x x Uitgaven x x x x x x x x x Inkomsten x x x x x x x x x x
Agenda & Taken
Eigen agenda x x x x x x
Export naar extern x x x x
Taken x x x x x
Locatie bepalen van foto's op HD in add-on in add-on x
Backup-optie foto's in add-on in add-on
Archiveeroptie foto's in add-on in add-on
Gebruik van EXIF / META
Prijs
Prijs pakket € 0,00 € 340,00 € 110,00
Prijs per maand vanaf € 17,50 € 12,50 € 105,00 € 58,00 € 42,00 € 43,00 ? € 25,00
Basisfunctionaliteit
De applicatie wordt gelanceerd met de volgende set aan basisfunctionaliteit:
Opdracht
• Opdracht aanmaken, wijzigen en verwijderen
• Alle zones kunnen toewijzen aan een opdracht (mail, klant, etc.) Mail
• Mail binnen laten komen van een specifiek (zakelijk) e-mailadres
• Mails beantwoorden, doorsturen en verwijderen
• Nieuwe mail maken
• Templates maken voor standaard e-mails
• E-mailadressen opslaan onder klantgegevens
• Bijlages kunnen toevoegen aan mails (offertes / facturen etc.) Planning
• Items in planning kunnen aanmaken, wijzigen en verwijderen
• Reminders instellen per item in de planning
• Notities en taken toevoegen aan een item, inclusief eigen reminder Tijdregistratie
• Tijdregistratie via een timer
• Tijdregistratie via handmatige invoer
• Per opdracht een maximum aan tijd kunnen aanmaken
• Per invoer een notitie kunnen maken (wat is er gedaan)
• Overzichten laten zien van hoeveel tijd een gebruiker per opdracht / taak is bezig geweest
Administratie
• Standaard factuur/offerte-elementen maken (regels)
• Opmaak voor offertes en facturen regelen binnen de applicatie (logo etc.)
• Offerte aanmaken, wijzigen verwijderen
• Factuur aanmaken, wijzigen en verwijderen
• Statistieken bekijken (hoeveel geld ga ik deze maand verdienen als alle offertes / facturen worden aangenomen en betaald)
Klant
• Klant aanmaken, wijzigen en verwijderen. Klant moet minimaal de volgende eigenschappen kunnen hebben: Naam, achternaam, adres, woonplaats, telefoon, telefoon (mobiel), e-mailadres (1), e-mailadres (2), factuurgegevens
• Overzicht van klanten, gesorteerd op alfabet (keuze voor- of achternaam)
• Actieve opdrachten per klant weergeven Foto’s
• Foto’s importeren en selecteren (goed- en afkeuren voor definitieve selectie).
Instellingen
• Accountgegevens wijzigen
• E-mailadres (zakelijk) wijzigen en controleren of de connectie goed is
• Backup maken van gegevens (voor eigen gebruik).
• Afmelden Login
• Inloggen met e-mailadres en wachtwoord
• Keuze voor ‘ingelogd blijven ja/nee’
• Optie om direct te registreren, met zo weinig mogelijk invoervelden (om de drempel tot registratie te verlagen).
In de roadmap is functionaliteit beschreven voor volgende releases van de applicatie.