Creativity Design Undersøgelse Case 1: Auction Travels INDEX... 1 DESIGNOVERVEJELSER... 2 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS...

Transkript

1 Index INDEX... 1 DESIGNOVERVEJELSER... 2 START IDEER... 2 INFORMATIONSDESIGN... 2 BUDSKABET: 2 ORGANISERING AF INDHOLD (SITEMAP): 3 SITE MAPS 3 INTERAKTIONDESIGN... 4 PRÆSENTATIONSDESIGN... 5 ALLE SIDER 5 FORSIDEN 6 AKTIONER (FAMILIE, CHARTER, SKI, UNG, STORBY, ANDRE REJSER) 6 SIKKERHED OG HJÆLP OG OM AUCTION TRAVELS 6 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS... 9 BØGER Side 1 af 10

2 Creativity Design Undersøgelse Case 1: Auction Travels Designovervejelser Start ideer For at finde hvad for et design vi skulle lave, lavede vi nogle tegninger, som man kan se neden under, Informationsdesign Budskabet: Vores afsender forsøger med denne hjemmeside at få målgruppen til at bruge online auktions mediet til at byde på de rejser som de måtte ønske, og gennem dette tjene nogle penge ved at tage en procentdel af de penge som folk betaler med. Et af de krav der er pålagt en hver online auktionsside er en stor fokus på sikkerhed. Gennem hjemmesiden er afsender nødt til at overbevise målgruppen om at det er helt sikkert at handle over hjemmesiden. Dette kan opnås gennem at have et officielt sikkerhedsstempel, og generelt ikke have for mange seriøse klager over hjemmesiden fra andre medier eller selve målgruppen. Formålet: Den mest forventede grund til at hjemmesiden bliver besøgt første gang er helt klart af ren nysgerighed, da det er en ny måde at købe rejser på. Det bliver så hjemmesidens opgave at holde på målgruppen og få dem til at bruge auktionerne. På selve siden vil der være en brugerregistrerings funktion, når man er logget ind på siden vil det være muligt at checke de auktioner man har budt på, og man vil også have mulighed for at bogmærkere nogle auktioner hvis der er nogen man holder specielt øje med. Man vil under denne brugerprofil få en meddelelse hvis man er blevet overbudt i en auktion man har budt på. Så det brugeren får ud af sitet er en potentiel billig rejse, og en oplevelse gennem den anderledes måde som rejseindkøbet foregår på. Side 2 af 10 Lavede af Lasse, Lasse, Christian, Rasmus

3 Grunden til at brugeren vil vende tilbage til sitet vil være for at checke om man stadig fører en given auktion eller for at se om der er kommet en ny og spændende auktion op. Dette prøver vi at lægge fokus på ved at highlighte de mest besøgte, og de nyeste auktioner på forsiden, og ved at man hurtigt kan checke de auktioner man har budt på lige så snart man har logget ind på siden. Organisering af indhold (sitemap): Der er 5 hovedgrupper på hjemmesiden (se under sitemaps) Det som er det første der skal fænge brugeren når vedkommende kommer ind på hjemmesiden, er at rejserne er billigere end hos de normale rejsebureauer, og ved at highlighte de mest besøgte auktioner (som højest sandsynligt er de mest interresante) på forsiden skabes et godt førstehåndsindtryk for brugeren. Dernæst handler det om brugeren er førstegangsbruger eller tilbagevendende bruger, hvis vedkommende er det førstnævnte vil Sikkerhedssiden højest sandsynlgt blive besøgt først, derefter vil der være en mulighed for at Hjælp vil blive besøgt hvis det er en bruger der ikke kan overskue hjemmesiden (hvor usandsynligt det end må lyde). Men hvis vedkommende er det sidstnævnte vil nok logge ind på siden, eller gå direkte ind og checke Auktioner. Så dette betyder at Sikkerhed, Hjælp, Auktioner og Log Ind har samme prioritet. De vil blive placeret på siden derefter. Site maps Vores site maps er lavede sådan at vi har 3 lag hoved menuer, undermenuer og så vores database. Med alle informationerne se Fig. 1 Hovede Under Highlights (Forside) Aktioner Familier Sikkerhed Charter rejser Ski rejser Om Auction Travels Ung rejser Hjælp (Panik) Storby rejser Andre Fig. 1 Side 3 af 10

4 Interaktiondesign Vores side vil have et rimelig omfangsrigt niveau af interaktion, hvilket hovedsageligt bliver i forbindelse med selve auktions delen af siden, som også udgøre en rimelig stor del af den. Hvis vi ser på forsiden, vil vi nemt og hurtigt igennem hovedmenuen, lave links til hjælpende informationer, omkring sikkerhed og generel hjælp til hvordan auktionerne foregår og hvordan man hurtigst og nemmest kan komme i gang med at deltage. Desuden vil vi have links som fører videre til den meget vigtige auktionsoversigt på siden, hvor du derfra kan vælge dig ind på nogle underkategorier og begynde at kigge på oversigt over den ønskede rejsetype. For at vende tilbage til forsiden, vil vi underhovedmenuen have en bruger linie, hvor alt information vedrørende brugeren bliver vist. Når man ikke er logget ind er der login bokse til ens navn og kodeord, plus en opret bruger til de brugere som endnu ikke har en bruger. For at oprette en bruger, skal personlige informationer oplyses, herunder også dankorts kode. Du vil have mulighed for at registrere dit kort fast, så du er fri for at skulle oplyse numrene hver gang du køber en rejse igennem siden. Efter man får oprettet en bruger, kan man derefter logge ind på siden, og få adgang til ens bruger-linie, som indeholder information, om de rejser man har budt på. Den kan også indeholde muligheder for at sætte siden til at holde øje med bestemte auktioner og andet. Du kan desuden herfra ændre dine personlige oplysninger hvis du ønsker dette. Hvis man prøver at byde på en auktion, uden at være logget ind vil man blive videresendt til en login-side, hvor du desuden vil have muligheden for at vælge at oprette en bruger hvis man ikke allerede har en. Hvis du derimod er logget ind vil du have mulighed for at byde på de ønskede auktioner. Dette forgår ved at du indtaster dit bud, udfra den fra auktionens forudsatte regler for budforøgelse m.m. Når du indlevere et bud på en auktion, vil du modtage en bekræftelsesboks hvortil du skal bekræfte om du er sikker på du ønsker at indlevere det oplyste bud. Hvis dette bekræftes, vil auktionen blive registeret i din bruger-linie, hvor du herefter kan følge auktionens gang. Struktur: Vores side er bygget op efter Hierarkisk struktur, hvilket vil sige at vi har en hovedside som, derefter forgrener sig ud i flere undersider. Som de fleste andre hjemmesider opbygget efter denne struktur har siden en menubar, som følger dig uanset hvilken af undersiderne du går ind på. Hvilket gør at du kan gå til de mest aktuelle sider igennem den uden at skulle helt tilbage til hovedsiden. Derudover bliver det suppleret med hyperlinks der kan forbinde siden på kryds af menuerne. Vi vil f.eks. på forsiden have en oversigt over bestemte auktioner f.eks. mest populære, nye auktioner hvor du så direkte ville kunne klikke dig til en bestemt auktion fra forsiden, i stedet for at skulle ind i undermenuerne og finde den. Side 4 af 10

5 Selve auktionsoversigten vil også være opbygget hierarkisk, hvor man vælger sig ind på nogle kategorier, og derefter kommer der så nogle rejser som hører ind under denne kategori. Præsentationsdesign Alle sider Vores side er opdelt i 3 som fylder det meste af browseren på en skærm størrelse 1024x768 som vil give en let oversigt, vi har delt dem op i menu, information og kontakt, ved at delle denne gør man det let for brugeren at overskue siden, ved at holde menuerne i et sted så man helle tiden ved man hvor de er, og sørge for at den information man søger efter er i miden, undtagen kontakt som er i bunden, se fig. 2. Information Kontakt Fig. 2 Fleste folk se en side fra venstre top til højder bundbruger, det vil sige at man først få øje på menu som man skal bruge til at naviger rund, her efter vil man se den information, som man vælger fra menuen og til sidst kan man kontakte dem hvis man har problemer eller andre spørgsmål. Efter vi valgte en opsætning, begynde vi at finde vores farver, Orange : #FF6601 Hvid som siden skal bestå af. Se fig. 3 Vi syndes at vi skulle have 2 farver som går igen og bestem Information hvad vores side udgiver, så vi valgte bål og orange som er to harmoniske farver (komplementære Goethe), vi bruger vores orange farver til at lave kanten, men hvor efter vi bruger blå til at lave nogle skrifttyper og billeder i menuen. Her ved får vi en Orange : #FF6601 Kontakt kontras mellem menu og selve informationen. Fig. 3 Hvor der er orange skal der være logind i toppen og kontakt i bunden. Hvis man ser på Robin Williams De fire design principper (se Bøger). Godt design har Contrast, Repetition, Alligment og Proximity, hvor vi har en contrast, med blå og orange. Vores repetition ligger i vores menu som er på alle side og vores kontakt som også er på alle sider, de sidste to alligment og proximity, tager jeg op på hver side. Jeg vil starte med selve menuen i toppen, fordi den køre igen på alle sider sammen med kontakt i bunden. området, regner vi med at der skal køre billede, når man skifter side, selve billede, handler om at flyve og ferie steder, samt aktioner. Selve menu knapper skal bare være tekst som kan trykke på, hvor efter der hopper en boks som viser de undermenu, som er under selve knappen. Til menuerne regner vi med at bruge Century Gothic eller Georgia eller Arial. Go en tekst størrelse på cirka 15. dette kan først blive vist når vi laver siden. Side 5 af 10

6 Kontakt informationer i bunden, vil blive skrevet i samme tekst som alt andet tekst som vi regnet med der vil være en Arial størrelse 14, vi regnet ikke med at lave teksten om i kontakt informationen fordi der er tydelige afmærkninger, med orange baggrund. Her efter går vi over til information området få hver side. Forsiden Vi valgt at sætte vores highlights, op i grupper altså i proximity til hinanden så man ved at det handler om det samme, som er opdelt i 4 hvor efter vi satte den op så vi har 3 grupper med et billede og tekst, i hver af de 4 grupper. Alt brød tekst er Arial cirka 14 i størrelse. Links har lige et farve skift efter hvad det er altså hvis det handler om familie rejser så får den en farve, alle undermenuer i aktioner får sin egen farver fra lys til mørk blå, som vil forklar hvor du er og hvor linksende føre dig hen. Til over skrift har vi en Arial Black 20 i størrelse. Se Fig. 4 Aktioner (familie, Charter, Ski, Ung, Storby, Andre rejser) Vores information område er delt op i to for at give mulig for at skabe en information side og en liste over de ting som man kan aktioner på. Selve listen er bare normal brød tekst hvor den skifter over til fed når man trykker på den. Her efter kommer der en information side med billeder og information om rejsen. Neden under den kommer der hvor meget folk har bud på den og hvor meget man selv vil byde på den Overskrifterne og brød teksten og links er ligesom alle andre sider. Se Fig. 5 Forside Bruger login Overskfit (Sort) Kontakt informationer Hjælp (Panik) Bruger login Index Kontakt informationer Aktioner Bruger login Orange : #FF6601 Overskfit (Sort) Hvid Fig. 4 (familie, Charter, Ski, Ung, Storby,Andre rejser) Tekst Hvid Fig. 5 Fig. 6 Sikkerhed og Hjælp og om Auction Travels Jeg to de sidste to sider fordi de faktisk er ens, sikkerhed har en overskift og tekst, hvor der er billeder imellem efter hvordan det passer til. Se fig. 6. Hjælp er lidt anderledes fordi den har en index i toppen som gør det muligt at gå ned til markeringerne på siden, altså hvad man gerne vil vide. Index er bare tekst som bliver brugt til links. Se fig. 7. Sikkerhed Bruger login r r Kontakt informationer Hvid Fig. 7 Side 6 af 10

7 Logofremstilling Et logo skal være simpelt og vise hvad man laver, men efter som vi har et firma der arbejder med Auction Travels, skulle vores logo have noget med rejser og så aktioner. Der for lave vi mange forskellige logoer, her er nogen af dem, som du kan se neden under Efter dette valt vi den sidste logo fordi vi syndes det er den som rammer vores firma mest og vi syndes den ser bedst ud, her efter lavede vi en digital udgave, se Fig. 8 Fig. 8. Side 7 af 10

8 Flowchart Vi har lavede det sådan at man kan se vores programmering vej og hvad for nogle flash file som vi har brugt, som faktisk er alt hvad vi bruge ud over java. Logind Ny bruger bruger info Logind styring menu styring Forsiden Aktioner Sikkerhed Om Auction Travels Hjælp Familier Charter rejser inform ation rejse Ski rejser Ung rejser Storby rejser af spicifik rejse PHP Andre bud på rejse Side 8 af 10

9 Storyboards Den første side lavede vi sådan at vi 3 ny, gamle, hot og billige nyheder på siden. Her kan man kun se 6 highlights hvor de sidste 6 kommer længer nede, se billede fig. 9 Forside r Bruger login (Sort) Overskfit (Sort) Overskfit (Sort) Hvid : #FF6601 Kontakt informationer (Sort) Fig. 9 Aktioner siden er alle undersiderne som er data base hvor man kan se hvad man kan aktioner på. Det laver vi ved hjælp af flash og så har vi en oversigt over alle tilbudene og så sender den dem over i info området. Se fig. 10 Aktioner (familie, Charter, Ski, Ung, Storby,Andre rejser) r Bruger login (Sort) Hvid : #FF6601 Oversigt Info Kontakt informationer (Sort) Fig 10 Side 9 af 10

10 Den næste side er vores sikkerhed som bare en side med alle vores sikkerhed information og lov krav til at aktioner. Her er kun billeder og tekst og links se Fig. 11 Sikkerhed og Om auction Travels r Bruger login (Sort) Orange : #FF6601 Hvid r r Kontakt informationer (Sort) Orange : #FF6601 Fig. 11 Hjælpe siden er også vores panik side som, kan hjælpe brugen med at finde rundt på siden, og hvordan tingen funger og hvad for nogle fejl, de har se Fig. 1 2 Hjælp (Panik) r Bruger login (Sort) Index Hvid : #FF6601 Kontakt informationer (Sort) Fig. 12 Bøger Robin Williams De fire design principper (Robin Williams NON -Designers -Design book) Side 10 af 10