Ontwerpdocument Climber Timer by Omar Vasquez Jesus

Ontwerpdocumentatie start-up project Climber Timer

Naam Omar Vasquez Jesus Studentnummer 500704100 Klas Roze Docent C.J.H.M. van den Driesche Vak Project 2 fase 3 Team 5 Product Climber Timer Opdracht Ontwerpdocument Datum 16 - 3 - 2015 Ontwerpdocumentatie 3 Versie 1

Algemene inleiding Mijn naam is Omar Vasquez Jesus, ik ben een van de studenten die onderdeel uitmaakt van team 5 van het 2de project. het team bestaat uit de volgende studenten: Danilo Merea, Daan Ruhland, Khai ThĂŠ, Rufus Smienk, Lars Schuittema en ik. Onze team heeft als doelgroep muurklimmers en het product dat we aan het ontwikkelen zijn voor deze doelgroep heet de Climber Timer. Doormiddel van de techniek NFC is het de bedoeling dat wij als team de problemen van de doelgroep verhelpen en hun offline sociaal contact er mogelijk ook mee kunnen bevorderen. In de voorgaande ontwerprapporten is uitgelegd en getoetst hoe wij onderzoek hebben gedaan naar de doelgroep en hun probleemstelling, de verschillende klimhallen die er zijn, onderzoek naar de NFC techniek en hoe deze is toe te passen op de doelgroep en hun probleem ook is er onderzoek gedaan naar de vormgeving en ontwerpen van ons product. Binnen het team was ik vooraal verantwoordelijk voor het maken,bewaren en toetsen van de vormgeving en ontwerpen van het product. Daarnaast diende ik ook als kwaliteit bewaarder en valideerde ik of een bepaald (deel)product wel voldeed aan de criteria en kwalitatief goed genoeg was om gebruikt te worden. Als vormgever van het team ben ik voor het grootste gedeelte van de visuele producten verantwoordelijk geweest zowel voor het maken als het bedenken. Te beginnen met een stijl, logo, moodboard, style tile, schetsen, wireframes en ontwerp van de website en mobiele website. Daarbij horen natuurlijk ook mijn presentatie en deze ontwerpdocumentatie. Wat wordt er in dit rapport besproken? dit rapport gaat over de laatste fase van het project 2. In de voorgaande rapporten wordt de probleemstelling, techniek, doelgroep en mogelijke oplossing besproken. In het vorige rapport is uitgelegd hoe we onze ontwerpen hebben getest op de doelgroep en de bevindingen die hieruit zijn voortgekomen geformuleerd hebben. Aan de hand van de bevindingen en feedback die we hebben verzameld tijdens deze testen hebben wij onze ontwerpen en vormgeving voor het product veranderd. Met name de interface van de website en de mobiele website hadden veel aandacht nodig. De verbeteringen een aanpassingen aan de hand van de feeback van de tests zijn terug te vinden in dit rapport. Te beginnen met het moodboard, style tile, schetsen, wireframes en ontwerpen voor de website en de mobiele website.

Inhoudsopgave Moodboard 5 Uitleg moodboard 5 Ontwerp moodboard 6

Style tile

Uitleg style tile 7 Ontwerp style tile 8

Schetsen 9 Uitleg schetsen 9 Schetsen 10/14

Verbeterde schetsen wireframes 15 Verbeterde schets wireframes 15/18

Algemene uitleg wireframes 19

Ontwerp wireframes website 20 Ontwerp wireframes website 20/26

Ontwerp wireframes mobiele website 27 Ontwerp wireframes mobiele website 27/34

Climber Timer website ontwerp 35 Climber Timer website ontwerp 35/36

Climber Timer mobiele website ontwerp

Climber Timer mobiele website ontwerp 37/45

Climber Timer mobiele website iPhone

Climber Timer mobiele website ontwerp iPhone 46

Uitleg moodboard De moodboard geeft de sfeer weer die wij willen toepassen in de lay-outs en interfaces van

Afbeeldingen en foto’s

de Climber Timer. Tevens wordt dit moodboard ook gebruikt om een basis te vormen voor

Een van de dingen die we naar voren wilde laten komen door middel van onze stijl was het

een style tile die als leiddraad dient om de website en de mobiele website te ontwerpen.

extreme in het muur klimmen, de sport uitbeelden als een stoere en harde sport die veel

Hieronder volgt een uitleg over de keuzes die gemaakt zijn voor het creëren van het mood-

techniek en kennis vergt. De afbeeldingen en foto’s die wij door onze ontwerpen heen heb-

board. het is onderverdeeld in een aantal categorieën die samen de stijl vormen waar voor

ben gebruikt brengen het stoere aan de muur klim sport naar boven. Ook hebben we gekozen

wij als team voor hebben gekozen.

om zoveel mogelijk afbeeldingen zwart-wit te laten zien om de impact van het stoere nog groter te maken.

Vorm de vorm die we het meeste gebruiken voor de lay-outs en interfaces zijn voornamelijk sim-

Iconen

pele basisvormen en dan met name, rechthoeken en vierkant. Ons doel is naar overzichteli-

iconen en afbeeldingen zijn en erg belangrijk onderdeel van de vormgeving met name het

jkheid te streven en dit het liefst zo simpel mogelijk. Zo is het voor de doelgroep duidelijk

persoonlijk communiceren met de doelgroep. De iconen die wij gekozen hebben zijn erg

wat er bedoel wordt en is het toepassen van hiërarchie met deze vorm erg eenvoudig. Ook

simpel, klein en makkelijk te begrijpen. Dit is bewust gekozen om interfaces van de website

zijn dit de vormen die weer terug komen op interfaces van schermen, zo hebben we minder

en de mobiele website zo duidelijk en helder mogelijk te kunnen vormgeven. De iconen zijn

criteria waar we ons aan moeten houden als we deze vormen ook aanhouden en toepassen.

meestal wit maar kunnen ook zwart terugkomen in de verschillende ontwerpen.

Kleur

Textuur

In totaal hebben we vier verschillende kleuren waar we mee willen werken maar de twee

Binnen onze stijl hebben we niet veel gebruikt gemaakt van textuur, dit is gedaan omdat wij

belangrijkste kleuren binnen de stijl zijn fel oranje en wit. De overig kleuren die gebruikt

bewust voor een heldere, duielijk en opvallende vormgeving hebben gekozen. Texturen val-

worden in onze ontwerpen zijn zwart en grijs (cool grey). Deze twee zijn meer voor accenten

len meestal weg in de achtergrond en hebben verder niet veel toegevoegde waarde aan ons

en details en dus niet de hoofdzaak van de stijl.

ontwerp. Ook kunne texturen negatief werken als je er geen goed gebruik van maakt en kan de doelgroep een andere indruk krijgen van ons product (Climber Timer)

Waarom hebben wij gekozen voor de kleuren oranje en wit? onze doelgroep zijn muurklimmers, dit zijn meestal mensen die wel van sport houden en het liefst hier ook beter in wil-

Font

len worden zowel technisch als lichamelijk. Muur klimmen is op zich zelf en erg inten-

Als font hebben we gekozen voor Open Sans, waarom we voor dit font hebben gekozen heeft

sieve sport en vergt veel techniek om er beter in te worden. Het valt ook een beetje onder

meerdere redenen de belangrijkste zijn de volgende:

de extreme sports. Wat willen we dus uitstralen voor de doelgroep: energiek, actief, wakker,

•

Duidelijk te lezen zowel op print als op scherm

duidelijk, opvallend en uniek.

•

De font is te gebruiken in meerdere talen

•

De font is te gebruiken als Google font (wat handig is voor websites en mobiele web-

Dit is de critera waar we ons aan willen houden en vandaar dat we hebben gekozen voor de

sites)

kleur fel oranje. De kleur valt erg op is goed te combineren met andere kleuren, is op zich

•

De font is voor iedereen gratis te downloaden

uniek vergeleken met andere standaard kleuren als rood, blauw of groen. Wit hebben we ge-

•

Meerdere families

kozen als contrast op het felle en overheersende fel oranje. Wit komt terug in verschillende vormen in het ontwerp, maar het komt vooral terug in de teksten, iconen en logo.