Screen Designcmiscreendesign.pbworks.com/f/screendesign_werkboek.v0.6.pdf · een volledige set...

Datum 24 April 2011

Versie 0.6

Auteurs Harmen van Balen en Jasper Schelling

Modulecode CMDDES01-10

Communication & Multimedia Design

Screen DesignPuntgave Pixels

2/30Werkboek Screen Design — April 2011

Inhoudsopgave

Algemeen 3

Opdracht 1 — Vodafone Sales Statistics 4Opdrachtomschrijving 5Persona’s 6Scenario’s 7Inlog scherm 8Landingscherm dashboard 9Notificatie dropdown 10Sales statistieken pagina 11Toestellen overzicht pagina 12Samsung toestellen overzicht pagina 13Detail toestel pagina 14Detail toestel pagina tooltips 15

Opdracht 2 — Mobiele Site Cinerama 16Opdrachtomschrijving 17Persona’s 18Scenario’s 19Sitemap Cinerama mobiele website 20Landingspagina 21Titel weergave 22Detail pagina film 23Film reserveren 24Prijzen & tijden 25Route beschrijving 26Reserveren 27

Opdracht 3 — Vodafone iPad facturen pitch 28Opdrachtomschrijving 29Nieuwe Factuur 30


Algemeen

Versie beheerOver dit werkboek In dit werkboek voor de module Screen Design vind je alle interaction design deliverables die je nodig hebt om een passende visuele uitwerking te maken van de

In het interactie ontwerp wordt de flow en werking van de interactieve producten beschreven. Het gaat hier om de manier waarop gebruikers navigeren, hoe de informatie gestructureerd is en de werking van interactieve componenten.

Let op!Het interactie ontwerp is een schematische weergave. Het visueel stijlontwerp is een afgeleide hiervan. Alle gebruikte kopij in het interactie ontwerp is functioneel en tijdelijk. Definitieve teksten worden apart aangeleverd.

Versie Datum Auteur Opmerkingen

0.6 23 april 2011 Jasper Schelling Opdrachtomschrijvingen toegoegd.0.5 21 april 2011 Harmen van Balen Scenario’s toegevoegd0.4 20 april 2011 Harmen van Balen Persona’s toegevoegd0.3 19 april 2011 Harmen van Balen Def. Interactie toegevoegd0.2 16 April 2011 Jasper Schelling Documentstructuur aangepast.0.1 20 februari 2011 Harmen van Balen Interactie ontwerp


Opdracht 1 — Vodafone Sales Statistics


Opdrachtomschrijving

Opdracht 1 — Vodafone Sales Statistieken

OpdrachtBij deze opdracht werk je aan de hand van de Interaction Design Deliverables die je kunt vinden in het Werk-boek Screen Design. Je analyseert de persona’s, scenario’s, flows en wireframes aandachtig, om vervolgens op basis van de brandguidelines van Vodafone de visuele uitwerking te maken van de Sales Statistieken tool. Deze tool draait op het intranet van Vodafone en stelt medewerkers in staat om inzicht te krijgen in de manier waarop verschillende toestellen en abonnementen het op dit moment doen in de markt.

Meer informatie vind je in dit werkboek.

Assests, Beeldmateriaal, huisstijl materialen e.d. vind je op de Screendesign Wiki.

RandvoorwaardenJe ontwerp voldoet aan de brand guidelines van Vodafone.Je ontwerp is geoptimaliseerd voor een minimum schermbreedte van 1024 pixels

OpleverenDeze opdracht bestaat uit meerdere schermen. Je levert de volgende schermen per week op:

Week Welk Scherm werk je uit? Hoe lever je deze op?

1 Toestellen overzicht pagina vodafone_04_toestellen_overzicht_pagina.png Login Scherm vodafone_01_inlog_scherm.png

2 Landingsscherm Dashboard vodafone_02A_landingsscherm_dashboard.png Notificatie Dropdown vodafone_02B_notificatie_dropdown.png

3 Samsung Toestellen Overzicht vodafone_05_samsung_toestellen_overzicht.png

4 Detail Toestel Pagina vodafone_06A_detail_toestel_pagina.png Detail Toestel Pagina Tooltips vodafone_06B_detail_toestel_pagina_tooltips.png Sales Statistieken vodafone_03_sales_statistieken.png

Je levert voor ieder scherm een 24-Bits PNG op. Daarnaast lever je iedere week een PSD op van de scher-men die je die week gemaakt hebt. Opleveren doe je door de bestanden te posten op je studentenspace en de bijbehorende link naar je docent te melen.

ToetsingJe werk wordt aan de hand van de volgende criteria getoetst:

AnalyseHeb je op basis van de door jou ontvangen input alle elementen kunnen benoemen die je moet opleveren?Heb je alle elementen juist geïdentificeerd?Heb je alle states van de interactieve elementen juist benoemd en geïdentificeerd?Heb je alle combinaties van elementen juist benoemd?

OntwerpIs je ontwerp op een logische visuele wijze ingedeeld?Heb je correct gebruik gemaakt van het door jou gekozen grid?Heb je de juiste typografie toegepast bij het uitwerken van je ontwerp?Zijn de interactieve elementen zo vormgegeven dat ze uitnodigen tot interactie?

UitwerkingIs je ontwerp op de pixel nauwkeurig uitgevoerd?Heb je de brand guidelines juist geïnterpreteerd?Ben je van de brand guidelines afgeweken op het moment dat je vastgesteld had dat het een betere ontwerpoplossing op zou leveren?Kloppen de bestandsnamen van de documenten die je opgeleverd hebt?Heb je de Z-richting toegepast om de inrichting van je Photoshop Document duidelijk te maken?Is je PSD correct opgemaakt?

Wat kun je als je deze opdracht hebt gedaan?

Je kunt de visuele uitwerking van een interactief product precies en effectief uitwerken aan de hand van een volledige set interaction design deliverables (persona, scenario, flows, wireframes) en brand guide-lines omtrent visuele en interactieve vormgeving.

Je kunt een analyse maken van de aangeleverde input waarbij je alle relevante elementen en restric-ties in het ontwerp benoemt en de verbanden tussen deze elementen kunt uitleggen.

Je kunt ontwerpen; door het toepassen van ontwerpprincipes (grids, typografie, vorm, kleur, layout, visuele elementen, beeld, interactieve elementen) maak je een effectieve visuele uitwerking van een interactief product.

Je kunt nauwgezet uitwerken. Door je te houden aan style guidelines, randvoorwaarden en ontwerpbe-slissingen realiseer je visuele ontwerpen die volledig voldoen aan de gestelde eisen.


Persona’s

Annemiek Duits Peter de Boer“Een toestel kan niet zomaar uit ons aanbod wordt gehaald, ik moet goed kunnen

onderbouwen waarom het noodzaak is”“Voor mijn adviezen kijk ik vooral naar, resultaten, de huidige markt, prijs kwali-

teit en trend ontwikkelingen”

Persona kenmerken• 55 jaar

• Getrouwd, 2 kinderen van 20 en 23 jaar.

• Woonachtig in Delft, Nederland

• Financial Controller bij Vodafone

• Heeft veel contact met telefoon producenten


• Single, geen kinderen.

• Woonachtig in Amsterdam, Nederland

• Sales strateeg bij Vodofone

• Woont samen met een vriend in de binnenstad van Amsterdam

OmschrijvingAnnemiek is een succesvolle carrière vrouw welke toebehoort aan de top van haar vakgebied. Ze heeft in de loop der jaren veel ervaring opgedaan binnen verschillende bedrijven waardoor ze de do’s en don’t als geen ander kent. Op haar werk heeft ze gaan contact met leveranciers van mobiele toestellen. Haar taak is om ervoor te zorgen dat alle toestellen die Vodafone verkoopt goed scoren en bij tegenvallende verkopen worden vervangen door een nieuw en beter toestel.

OmschrijvingPeter is sinds 2,5 jaar werkzaam bij Vodafone, hij is actief en heeft een focus op zijn carrière. Hij brengt adviezen uit over alles wat te maken heeft met telefoons. Dit zijn zaken zoals de prijzen van een telefoon, welke abonnemen-ten er met welke telefoon verkocht moeten worden, wanneer er acties gehouden moeten worden, etc. Om ervoor te zorgen dat zijn adviezen realistisch zijn bestudeerd hij de cijfers en toestellen goed.

Technologie profielAnnemiek heeft van de zaak een Sony laptop met Windows xp en een BlackBerry. Thuis heeft ze van het man een iPad gekregen voor haar verjaardag.

Technologie profielPeter heeft een mooie HP notebook van de zaak welke hij ook voor privé mag gebruiken, dit geldt ook voor zijn Blackberry welke hij naast bellen gebruikt op te twitteren. Twee weken geleden heeft hij ook een tablet van samsung gekocht om lekker vanuit zijn luie stoel te internetten, deze neemt hij regelmatig mee naar zijn werk om te gebruiken tijdens vergaderingen.

Technische vaardighedenAnnemiek werk vaan met Word en Excel om rapporten uit te werken en gegeven inzichtelijk te maken. Daarnaast heeft ze vaak contact met leveranciers via Skype of via de mail (Outlook).

Technische vaardighedenPeter gebruikt op zijn computer de basis programma’s van office voor zijn documentatie, daarnaast gebruikt hij vaak het intranet van Vodafone. Verder weet hij alle soorten kanalen via zijn telefoon te onderhouden van Hyves tot Twitter.Motivatie

Annemiek is steeds vaker te vinden op het Vodafone intranet. Hier kan ze makkelijk en snel een beeld krijgen hoe goed telefoons het nog doen bij hun klanten. Op deze manier kan ze op tijd zorgen voor vervangende toestellen mochten er een aantal niet meer populair zijn.

MotivatiePeter is jong en gedreven, hij wil zijn beslissingen daarom onderbouwen met verschillende argumenten zoals bijvoor-beeld cijfers. Van alle kennis die hij opdoet voor een advies probeert hij een zo’n goed mogelijk en compleet rapport te maken welke overzichtelijk is voor al zijn collega’s.


Scenario’s

Scenario 1 Cijfers zijn cijfers Scenario 2 De Samsung Galaxy moet aantrekkelijker wordenAnnemiek DuitsAnnemiek gaat vanmiddag een bespreking in met Samsung over nieuwe contracten over telefoon leveringen. Ze heeft gemerkt dat een aantal modellen niet meer zo populair zijn. Om goed de onderhandelingen in te gaan heeft ze cijfers nodig om goed te onderhandelen.

Peter de BoerDe verkopen van de Samsung Galaxy S vallen de laatste 3 maanden erg tegen. Daarom aan Peter de taak om met een voorstel te komen om deze telefoon weer een boost te geven in de verkoop.

ScenarioZodra Annemiek op haar werk is start ze haar computer op om een presentatie voor te bereiden. Ze start haar brow-ser op en logt in op het intranet. Ze ziet via de notificaties dat ze een aantal mailtjes heeft gehad. Geen van deze is urgent gemarkeerd dus ze zal deze op een later tijdstip bekijken.

Ze gaat via de “sales statistieken” naar het toestellen opzicht waar ze klikt op “overzicht Samsung”. Ze is nu op het toestel overzicht van Samsung. Ze ziet dat de Samsung Galaxy S al erg lang geleverd wordt maar de prijs van het toestel best hoog is voor zijn leeftijd. Ze klikt op “Bekijk toestel” om naar de detail-pagina te gaan.

Hier bekijkt de de populariteit meter van de telefoon en de verkoopcijfers van Nederland. Van beide neemt ze een screenshot om deze toe te voegen in de presentatie. Ze besluit van de verkoopcijfers niet alleen een screenshot van maart erin te doen maar ook een van November toen de telefoon nog beter verkocht werd.

ScenarioZodra Peter achter zijn computer zit start hij zijn browser om in te loggen om het intranet. Hij klapt direct het item “sales statistieken” open en klikt op “toestellen”. Hij komt op de overzicht pagina van alle telefoon aanbieders. Bij Samsung klikt hij direct op de “Samsung Galaxy S Black” om naar de detail pagina te gaan.

Op de detail pagina bekijkt hij de verkoop cijfers en met welke abonnementen het toestel het meest verkocht wordt. Duidelijk is al snel dat vaak gegaan wordt voor het goedkoopste abonnement maar dat de prijs van het toestel hoog is waardoor er veel moet worden bij betaald.

Peter neemt een screenshot van de periodieke verkoop cijfers van Nederland van het afgelopen jaar, abonnement aandeel en de bezoekers op de pagina (om aan te tonen hoe populair de telefoon nog is). Als deze screenshots zal hij gebruiken bij zijn advies.

Landingpagedashboard

Landingpagedashboard

Sales statestieken

pagina

Overzichtspagina type toestellen

Overzichtspagina type toestellen

Detail paginatoestel

Detail paginatoestel

Lijst view mettoestellen

Inlog dashboard Inlog dashboardinlog gebruiker inlog gebruiker

gebruiker bekijkt

notificaties


GEENVISUEE

L ONTWERP

Welkom op het Vodafone intranet,Vul uw gegevens in om in te loggen.

Gebruikersnaam:

Wachtwoord:

wachtwoord onthouden?

Wachtwoord vergeten?

Inloggen

logo

Inlog scherm

1. Logo van het intranet. Deze is geen link op deze pagina.

2. Avatar van de gebruiker, wanneer een gebruiker nog niks heeft ingevuld dan is deze leeg en zal er een default afbeelding weergeven worden. Zodra er een gebruikers-naam is ingevuld en de gebruiker wordt her-kend wordt zijn of haar avatar weergegeven.

3. Invoervelden voor gebruikersnaam en wacht-woord.

4. Er kan pas op de knop “inloggen” geklikt wor-den wanneer alle velden zijn ingevuld. Wanneer een of meerdere velden niet zijn ingevuld zijn is deze knop niet klikbaar.

5. Wanneer de gebruiker zijn of haar wachtwoord is vergeten kan hij of zij via deze link hun wachtwoord opvragen.

1

2

3

5

4


GEENVISUEE

L ONTWERP

Laaste nieuws

Web-mail

Agenda

Sales statistieken

CMS

Trainings vaardigheden

MA DI WO DO VR ZA ZO

28 1 2 3 4 5 6

13

20

27

3

12

19

26

2

11

18

25

1

10

17

24

31

9

16

23

30

8

15

22

29

7

14

21

28

Maart 2011 View

logo Ingelogd als Jasper Schelling uitloggen

Landingscherm dashboard

Welkom Jasper, pagina instellingen

Laatste nieuws instellingen aanpassen

Nieuwe Windows Phone 7 toestellenMorbi leo risus, porta ac consectetur ac, vestibulum at eros. Mae-cenas sed diam eget risus varius blandit sit amet non magna. Do...

15 februari 2011 - 12:45 Lees verder ->





naar overzicht

Web-mail inbox instellingen aanpassen

naar web-mail inbox

H. van Balen HTC deal febr 2011 11/04/11









naam onderwerp datum

Website analytics (Maart 2011)E-commerce instellingen aanpassen instellingen aanpassen

Naar analyticsNaar sales statics

/sales 183940 1:10 0,85%

/blog 54554 0:30 0,85%

/iphone 688225 0:25 0,85%

/pre-paid 687421 0:34 0,85%

/faq 245453 0:25 0,85%

/contact 445423 0:32 0,85%

/gratis 545452 0:25 0,85%

/buitenland 244523 0:41 0,85%

/internet 545522 0:53 0,85%

Pagina Views Tijd (min:sec) View %

Webshop verkoop€12.345.3040,95- (2011)

Nieuwe abbonementen873 (maart 2011)

Gemiddelde verkoop€152,30- (2011)

Verkochte toestellen1102 (maart 2011)

4.000

3.000

2.000

1.000

15.01 30.01 15.02 29.02 15.03 30.03

4

Dashboard

1. Logo van Vodafone intranet, deze linked naar de landingspagina (huidige pagina).

2. Omdat de gebruiker is ingelogd wordt een kleine avatar, de gebruikersnaam weergegeven en een knop om uit te loggen.

3. Gebruiker gerelateerde knoppen; - Notificaties van het systeem - Instellingen - Profiel instellingen

4. Het hoofdmenu van het intranet.

5. De gebruiker kan het dashboard geheel aan-passen naar eigen wensen doormiddel van de “widgets aanpassen” knop.

6. Blok met het laatste nieuws

7. Blok waarin een deel van de inbox wordt inge-laden van de gebruiker

8. E-commerce blok met statistieken over verkoop cijfers

9. Analytics blok met cijfers over de Vodafone website

10. Agenda welke altijd in beeld is. Met kleuren zal worden aangegeven worden wanneer er iets op een dag gepland staat.

12 3

4

10

5

6 7

8 9


GEENVISUEE

L ONTWERP

Laaste nieuws

Web-mail

Agenda

Sales statistieken

CMS



28 1 2 3 4 5 6

13

20

27

3

12

19

26

2

11

18

25

1

10

17

24

31

9

16

23

30

8

15

22

29

7

14

21

28

Maart 2011 View



28 1 2 3 4 5 6

13

20

27

3

12

19

26

2

11

18

25

1

10

17

24

31

9

16

23

30

8

22

29

7

14

21

28

Maart 2011 View

Notificatie dropdown

Welkom Jasper, pagina instellingen

Laatste nieuws instellingen aanpassen







naar overzicht

Web-mail inbox instellingen aanpassen

naar web-mail inbox










naam onderwerp datum

Website analytics (Maart 2011)E-commerce instellingen aanpassen instellingen aanpassen

Naar analyticsNaar sales statics.

/sales 183940 1:10 0,85%

/blog 54554 0:30 0,85%

/iphone 688225 0:25 0,85%

/pre-paid 687421 0:34 0,85%

/faq 245453 0:25 0,85%

/contact 445423 0:32 0,85%

/gratis 545452 0:25 0,85%

/buitenland 244523 0:41 0,85%

/internet 545522 0:53 0,85%

Pagina Views Tijd (min:sec) View %

Webshop verkoop€12.345.3040,95- (2011)

Nieuwe abbonementen873 (maart 2011)

Gemiddelde verkoop€152,30- (2011)

Verkochte toestellen1102 (maart 2011)

4.000

3.000

2.000

1.000

15.01 30.01 15.02 29.02 15.03 30.03

4

Je hebt een bericht van H. van Balen

Nieuwe HTC toestel toegevoegd

Je hebt een bericht van P. van Est

Je hebt een bericht van H. van Balen

Dashboard

Donderdag 15 maart 2011

09:00 - 10:00 Project bespreking

13:00 - 14:00 Lunch HTC

14:30 - 15:00 Campagne cijfers

16:00 - 17:30 Project bespreking

15

2

1. Wanneer er op het notificatie icoon geklikt wordt klapt deze open, de notificaties worden dan getoond worden.

2. In de agenda zal visueel aangegeven wor-den wanneer er op een bepaalde datum iets geplanned staat. Wanneer er op een datum geklikt wordt zal de planning van die dag in een pop-up getoond worden.

1


GEENVISUEE

L ONTWERP

Laaste nieuws

Web-mail

Agenda

Sales statistieken


28 1 2 3 4 5 6

13

20

27

3

12

19

26

2

11

18

25

1

10

17

24

31

9

16

23

30

8

15

22

29

7

14

21

28

Maart 2011 View


Sales statistieken pagina


CMS

Sales statistieken

Abbonementen

Toestellen

Sim only

Accessoires

Sales statistiekenDashboard > Sales statistieken

Jaaroverzicht (2010) instellingen aanpassen

4.000

5.000

6.000

3.000

2.000

1.000

01.01 01.02 01.03 01.04 01.05 01.06 01.07 01.08 01.09 01.10 01.11 01.12

€2.123.239,30-

Webshop verkoop€12.345.3040,95- (totaal)

Omzet abbonementen€8.345.3040,95- (totaal)

Totale omzet€62.345.3040,95- (totaal)

Toestel top 10 (Maart 2011)Abbonementen instellingen aanpassen instellingen aanpassen

Toestel overzichtAbbonementen overzicht

1. iPhone 4G 16GB Apple 1.253

2. Galaxy S Samsung 1.025

3. Bold 9780 BlackBerry 952

4. Desire White HTC 875

5. 6700 Slider Nokia 865

6. iPhone 3G 16GB Apple 798

7. Curve 8520 BlackBerry 725

8. Optimus 2X Speed LG 654

9. 7 Trophy HTC 548

10. Galaxy Apollo Samsung 535

Model Merk Aantal verkocht 150i

300i

450i

750i

1000i

overige (i)

1. Net onder de header is het kruimelpad, hier kan de gebruiker zien waar hij of zij zich bevind bin-nen het intranet. Het kruimelpad is klikbaar en kan gebruikt worden om terug te navigeren.

2. Het Vodafone jaaroverzicht van 2010. (beknopt)

3. In het menu wordt duidelijk aangegeven op welke pagina de gebruiker zich bevind. De on-derliggende pagina’s worden in dit stadum ook al getoond.

4. Tevens is deze opengeklapt en worden alle onderliggende items getoond.

5. Blokje met daarin de verhouding van de afge-sloten abbonnementen bij Vodafone.

6. Blokje met de telefoon top 10 van Maart 2011.

1

2

3

4

5 6


GEENVISUEE

L ONTWERP

Laaste nieuws

Web-mail

Agenda

Sales statistieken


28 1 2 3 4 5 6

13

20

27

3

12

19

26

2

11

18

25

1

10

17

24

31

9

16

23

30

8

15

22

29

7

14

21

28

Maart 2011 View


Toestellen overzicht pagina


CMS

Sales statistieken

Abbonementen

Toestellen

Sim only

Accessoires

ToestellenDashboard > Sales statistieken > Toestellen

Lijst instellingen

iPhonelogofabrikant Aantal toestellen 3

Verkochte toestellen (NL) 1.344.304

Top 3 1. 3Gs 8GB 2. 4G 32GB 3. 4G 16GB Overzicht iPhone

Nokialogofabrikant Aantal toestellen 4


Top 3 1. C7-00 Silver 2. 6700 silver 3. 6700 Pink meer toestellen Overzicht Nokia

Sony Ericssonlogofabrikant Aantal toestellen 2


Top 3 1. Xperia Play 2. Xperia Arc

Overzicht Sony

LGlogofabrikant Aantal toestellen 1


Top 3 1. Optimus 2X Speed

Overzicht LG

Samsunglogofabrikant Aantal toestellen 12


Alle toestellen 1. Galaxy Ace White 2. Galaxy Ace Black 3. Galaxy S White 4. Galaxy S Black 5. S7230 Wave TouchWiz 6. I5800 Galaxy Apollo 7. Star Qwerty B3410 8. S3650 Corby 9. Ultra TOUCH2 10. Star 11. Jet S8000 12. D900i Overzicht Samsung

HTClogofabrikant Aantal toestellen 5


Top 3 1. Desire S vanilla 2. Desire HD 3. Desire White meer toestellen Overzicht HTC

BlackBerrylogofabrikant Aantal toestellen 3


Top 3 1. Torch 9800 2. Bold White 3. Bold Overzicht BlackBerry

1. De overzichtspagina van de toestellen, hier worden de toestellen per merk getoond.

2. De producten bestaat uit een logo, merknaam, aantal toestellen en het aantal verkochte toe-stellen van het merk in Nederland.

3. Daar naast is een lijstje van vinden met be-schikbare toestellen van het merk. Deze heb-ben a;s eerste een statistieken indicator welke de populariteit van de telefoon aangeeft, daar-achter staat welk nummer hij heeft binnen het merk, vervolgens de naam van het type toestel welke klikbaar zijn en linken naar de detailpa-gina.

4. Doormiddel van deze knop kan er naar een overzicht gegaan worden met alle toestellen van dit merk.

1

2

3 4


GEENVISUEE

L ONTWERP

Laaste nieuws

Web-mail

Agenda

Sales statistieken


28 1 2 3 4 5 6

13

20

27

3

12

19

26

2

11

18

25

1

10

17

24

31

9

16

23

30

8

15

22

29

7

14

21

28

Maart 2011 View


Samsung toestellen overzicht pagina


CMS

Sales statistieken

Abbonementen

Toestellen

Sim only

Accessoires

Samsung toestellenDashboard > Sales statistieken > Toestellen > Samsung

# Naam toestel Start datum verkoop Verkochte toestellen (nl) Prijs toestel los

1. Galaxy Ace White 01-01-2009 12.253 € 543,28- detailpagina >

2. Galaxy Ace Black 01-01-2009 12.253 € 543,28- detailpagina >

3. Galaxy S White 01-01-2009 12.253 € 543,28- detailpagina >

4. Galaxy S Black 01-01-2009 12.253 € 543,28- detailpagina >

5. S7230 Wave TouchWiz 01-01-2009 12.253 € 543,28- detailpagina >

6. I5800 Galaxy Apollo 01-01-2009 12.253 € 543,28- detailpagina >

7. Star Qwerty B3410 01-01-2009 12.253 € 543,28- detailpagina >

8. S3650 Corby 01-01-2009 12.253 € 543,28- detailpagina >

9. Ultra TOUCH2 01-01-2009 12.253 € 543,28- detailpagina >

10. Star 01-01-2009 12.253 € 543,28- detailpagina >

11. Jet S8000 01-01-2009 12.253 € 543,28- detailpagina >

12. D900i 01-01-2009 12.253 € 543,28- detailpagina >

RanglijstSorteer op:

1. De overzichtspagina van de toestellen binnen een merk

2. Doormiddel van het drop-down menu kan er gesorteerd worden.

3. Ook hier weer een indicator.1 2

3


GEENVISUEE

L ONTWERP

Laaste nieuws

Web-mail

Agenda

Sales statistieken


28 1 2 3 4 5 6

13

20

27

3

12

19

26

2

11

18

25

1

10

17

24

31

9

16

23

30

8

15

22

29

7

14

21

28

Maart 2011 View


Detail toestel pagina


CMS

Sales statistieken

Abbonementen

Toestellen

Sim only

Accessoires

Samsung Galaxy S WhiteDashboard > Sales statistieken > Toestellen > Samsung > Galaxy S White

afbeelding toestel

De Samsung Galaxy S, winnaar van de Eisa Award voor beste smartphone 2010-2011.

Start datum verkoop11-05-2010

Verkochte toestellen (Nederland)344.304

Prijs toestel los€ 569,00 (geschiedenis)

Bekijk toestel online >

Maart 2011

hotcold

safe

Populariteit telefoon

Aantal verkocht laatste maand663

Aantal verkocht laatste 7 dagen145

Periodieke verkoopcijfers

Abbonement aandeel Telefoon pagina bezoekers Hardware specsSpecificatie leeftijd

old new534 Vandaag(+20%)

Legenda

Abbonement

Toestel los

Pre paid

Totaal

150i

300i

450i

overige (i)

bekeken bezoekers

NederlandMaand Jaar

Verkoop wereldwijd

Verkoop per werelddeel

Verkoop per regio

Verkoop per land 5 10 15 20 25 30

20

40

60

80

100

120

M D W D V ZA ZO

Prestaties

Beeldscherm

Camera

Systeem

Medium

1. Naam van het toestel.

2. Onder deze dropdown zitten verschillende opties die de gebruikers heeft met betrekken tot deze telefoon. (printknop, pdf export & mailen)

3. Basis informatie van het toestel; een afbeel-ding, korte tekst en basis statistieken.

4. Deze indicator geeft de verkoop populariteit van de telefoon aan.

5. De telefoon kan direct online bekeken worden.

6. Verkoopcijfers van deze telefoon over een be-paalde periode, deze gehele grafiek is klikbaar.

7. Er kan door de verschillende maanden geklikt worden.

8. Ook kan er gekozen worden om per jaar te kijken ipv per maand.

9. Dropdown waarin een selectie gedaan wordt van het land (dit zal veranderen als er bijv “per regio” gekozen wordt). Onder de dropdown is de legenda te vinden.

10. Keuze uit verschillende verkoop niveaus. Dit kan per land tot aan de wereldwijde verkoop.

11. Een diagram met daarin de meest afgesloten abbonementen icm deze telefoon.

12. Analytics van de telefoonpagina op de website.

13. In het laatste blokje kan de gebruiker terug vinden hoe qua specificaties deze telefoon zich verhoud tot de overige telefoons in ons aanbod.

1 2

3 4

5

6

107

8 9

11 12 13


GEENVISUEE

L ONTWERP

Laaste nieuws

Web-mail

Agenda

Sales statistieken


28 1 2 3 4 5 6

13

20

27

3

12

19

26

2

11

18

25

1

10

17

24

31

9

16

23

30

8

15

22

29

7

14

21

28

Maart 2011 View


Detail toestel pagina tooltips


CMS

Sales statistieken

Abbonementen

Toestellen

Sim only

Accessoires

Samsung Galaxy S WhiteDashboard > Sales statistieken > Toestellen > Samsung > Galaxy S White

afbeelding toestel

De Samsung Galaxy S, winnaar van de Eisa Award voor beste smartphone 2010-2011.

Start datum verkoop11-05-2010

Verkochte toestellen (Nederland)344.304

Prijs toestel los€ 569,00 (geschiedenis)

Bekijk toestel online >

Maart 2011

hotcold

safe

Populariteit telefoon

Aantal verkocht laatste maand663

Aantal verkocht laatste 7 dagen145

Periodieke verkoopcijfers

Abbonement aandeel Telefoon pagina bezoekers Hardware specsSpecificatie leeftijd

old new534 Vandaag(+20%)

Legenda

Abbonement

Toestel los

Pre paid

Totaal

150i

300i

450i

overige (i)

bekeken bezoekers

NederlandMaand Jaar

Verkoop wereldwijd

Verkoop per werelddeel

Verkoop per regio

Verkoop per land 5 10 15 20 25 30

20

40

60

80

100

120

M D W D V ZA ZO

Prestaties

Beeldscherm

Camera

Systeem

Medium

1. De geschiedenis van de prijs van het toestel.

2. Bij een hover verschijnt in het tooltip het aantal daadwerkelijke procenten.

18,5 %

200

400

600

800

1-1-‘10 1-1-‘11

1

2


Opdracht 2 — Mobiele Site Cinerama



Opdracht 2 — Mobiele Site Cinerama

OpdrachtBij deze opdracht werk je aan de hand van de Interaction Design Deliverables die je kunt vinden in het Werk-boek Screen Design. Je analyseert de persona’s, scenario’s, flows en wireframes aandachtig. Je analyseert eveneens de huidige website van Cinerama (www.cineramabios.nl) om de visuele uitwerking te maken van de mobiele site van Cinerama. Cinerama heeft op dit moment geen mobiele site, maar wil gezien het stijgend gebruik van smartphones al hun bezoekersMeer informatie vind je in dit werkboek.

RandvoorwaardenJe ontwerp is gebaseerd op de huidige visuele stijl van de Cinerama website.Je ontwerp is geoptimaliseerd voor een mobiele telefoon een minimum schermbreedte van 640 pixels en een hoogte van 960 pixels.

OpleverenDeze opdracht bestaat uit meerdere schermen. Je levert de volgende schermen per week op:


5 Detail Pagina Film cinerama_02_detail_pagina_film.png Film Reserveren cinerama_03_film_reserveren.png Prijzen en Tijden cinerama_04_prijzen_en_tijden.png6 Landingsscherm Tijden cinerama_01A_landingsscherm_tijden.png Landingsscherm Titels cinerama_01B_landingsscherm_titels.png Route Beschrijving cinerama_05_route_beschrijving.png Reserveren en Zaalverhuur cinerama_06_reserveren_en_zaalverhuur.png





UitwerkingIs je ontwerp op de pixel nauwkeurig uitgevoerd?Heb je de brand guidelines juist geïnterpreteerd?Ben je van de brand guidelines afgeweken op het moment dat je vastgesteld had dat het een betere ontwer-poplossing op zou leveren?Kloppen de bestandsnamen van de documenten die je opgeleverd hebt?

Heb je de Z-richting toegepast om de inrichting van je Photoshop Document duidelijk te maken?Is je PSD correct opgemaakt?







Persona’s

David Deutekom Floortje Pronk“Ik erger me er vaak aan dat we pas bij de bioscoop moeten kijken

welke films er draaien”“Ik haat het als we niet met z’n 8e naast elkaar kunnen zitten”


• Heeft een relatie, geen kinderen.

• Woonachtig in Rotterdam, Nederland

• Net afgestudeerd en werkend bij een reclame bu-reau

• Woont nog in een studentenhuis


• Heeft geen relatie, geen kinderen.

• Woonachtig in Rotterdam, Nederland

• Studeert vrijetijdsmanagement op HBO niveau in Utrecht

• Woont bij haar ouders

OmschrijvingPeter is net afgestudeerd en werkt sinds een paar maanden bij een reclame bureau als ontwerper. David houdt enorm van muziek en kan bijna niet zonder tijdens het werk. Omdat hij 5 dagen in de week moet werken is hij vaak druk en heeft hij minder tijd om leuke dingen te doen met zijn huisgenoten die nog wel studeren.

OmschrijvingFloortje is een 3e jaar studente vrijetijdsmanagment. Ze is vrijwel nooit thuis omdat ze graag dingen doet met vrien-dinnen. Iedere vrijdag avond gaat ze samen met haar vriendinnen naar de film

Technologie profielDavid werkt op zijn werk achter een mooie iMac, thuis heeft hij nog een windows computer staan maar hij hard aan het sparen om ook hier een iMac te krijgen. Daarnaast heeft hij een iPhone en een spiegelreflex camera waarmee hij als hobby-fotograaf goed uit de voeten kan.

Technologie profielFloortje heeft zelf mini laptop, een iPhone en heeft ondanks een iPad gekregen voor haar verjaardag.

Technische vaardighedenDavid is iemand die ieder programma wel eens heeft gebruikt, van Twitter op zijn telefoon tot aan 4d cinema op mijn computer.

Technische vaardighedenFloortje is op haar computer alleen handig met de basis (word, etc), op haar mobiel gaat ze snel vooruit, ze heeft hem nog niet zo lang maar ze vind het heerlijk om hier stukjes te schrijven voor haar blog. Dit is vooral omdat ze vaak aan het reizen in en ze zo haar tijd nuttig gebruikt.

MotivatieDavid houdt erg veel van films, en wat is er beter dan na een lange dag werken lekker een filmpje te kijken in de bioscoop.

MotivatieFloortje houdt altijd goed in de gaten welke films er op vrijdag draaien, dit doet ze vaak als ze onderweg is naar school of haar vriendinnen.


Scenario’s

Scenario 1 Onderweg de film kiezen is erg relaxed Scenario 2 Reserveren gaat super makkelijk en snel!

David DeutekomDavid is opweg met 3 vrienden naar de Cinerama, ze weten nog niet naar welke film te gaan maar om half 9 draaien er vaak meerdere films dus dat komt wel goed. Het openbaar vervoerd werkt alleen niet mee en ze zijn toch al aan de late kant.

Floortje PronkFloortje heeft met haar vriendinnen afgesproken dat ze over twee dagen (donderdag) naar de bioscoop gaan om-dat dan de premiere van “Gooische vrouwen” is welke ze niet willen missen.

ScenarioDavid heeft geen zin om bij de bioscoop zich nog druk moeten maken over naar welke film ze moeten gaan. Hij pakt z’n iPhone en gaat naar de Cinerama mobiele website.

Op de website krijgt hij meteen een mooi overzicht van alle films die die dag draaien. Hij ziet dat er 3 films zijn waar ze uit kunnen kiezen. De namen zeggen ze niks en hij bekijkt de detail-pagina’s van de films om te kijken waar ze over gaan.

Na veel discussie gaat het tussen twee films. David bekijkt de trailers van de twee films welke de doorslag geven. Ze gaan naar Justin Bieber!

ScenarioFloortje heeft erg veel zin in de film omdat ze een groot fan is. Ze is alleen bang dat het erg druk zal zijn en dat er geen plaats meer is. Ze pakt haar telefoon en surft naar de Cinerama website om te kijken of er meer over de film bekend is.

Op de website selecteert ze donderdag, ze ziet de film niet meteen in de lijst staan en klikt op titels. “Gooische vrou-wen” staat direct bovenaan met “premiere” erbij. Ze klikt op het detail icoon om naar de detail pagina te gaan.

Hier ziet ze dat ze kan reserveren voor de film. al 2 van de 3 films zitten vol, ze klikt snel op de laatste die draait en reserveert voor 8 personen op de reserverings-pagina.

Detail film

Detail film

Detail film

bekijkt detailpagina’s

bekijkttrailer

bekijkttrailer

Landingspagina Landingspagina

Reserverenpagina

Detail film

selecteertdonderdag

selecteerttitels view


Sitemap Cinerama mobiele website

Landingspagina

Detail film

Film reserveren

Prijzen & tijden Route beschrijving Reserveren


GEENVISUEE

L ONTWERP

http://www.m.cineramabios.nl/

Cinerama Filmtheather

11:39 PMT-Mobile

Landingspagina

1. Logo van Cinerama, deze zal linken naar de landingspagina.

2. Tabs waarbij gekozen kan worden tussen verschillende dagen. (deze zijn afhangelijk van de dag, wanneer het zaterdag is zal de rij met zaterdag beginnen)

3. Overzicht van films van de geselecteerde dag. Er kan gekozen worden tussen een tijden view of een titels view.

4. Adres van Cinerama.

5. Footer menu.

CineramaWelkom bij cinerama mobiel!Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.

13.00 Yogi Beer NL 3D

13.00 Jasper almighty

13.00 Black Swan

13.00 Sonny Boy

13.30 The King’s Speech

13.30 Haar naam was Sarah

13.30 Hereafter

15.30 Black Swan

15.30 Rango OV

15.30 Gooische Vrouwen

16.00 Hereafter


16.00 Biutiful

16.30 Sonny Boy

19.00 Rango OV

19.00 Black Swan

19.15 Biutiful


19.30 Hereafter

20.00 Sonny Boy


21.30 Black Swan



22.00 True Grit

22.00 127 Hours

Vandaag

dinsdag woensdag donderdag vrijdag

AdresCinerama Filmtheater Westblaak 183012KL Rotterdam010 411 [email protected]

Meer informatie

Home

Prijzen & tijden

Route beschrijving

Reseveren


maandag

1

2

3

4 5

Tijden Titels

13.00 Yogi Beer NL 3D

13.00 Jasper almighty

13.00 Black Swan

13.00 Sonny Boy


13.30 Haar naam was Sarah

13.30 Hereafter

Vandaag

dinsdag woensdag donderdag vrijdagmaandag

Tijden Titels


GEENVISUEE

L ONTWERP



11:39 PMT-Mobile

Titel weergave

1. Bij titels wordt een film getoond met 1 of 2 afbeelingen en de titel. Evt wordt er nog iets speciaals bij gezet als dit relevant is zoals; premiere.

2. Door op een icoontje te klikken kan er naar de detailpagine gegaan worden van de film.

3. Wanneer er ergens anders binnen en vlak ge-drukt wordt zal deze informatie geven over de tijden waarop ze draaien die dag.


Vandaag

dinsdag woensdag donderdag vrijdag


Meer informatie

Home

Prijzen & tijden

Route beschrijving

Reseveren


maandag

Tijden Titels

Vandaag


Tijden Titels

premiereGooische Vrouwen

laatste weekSonny Boy

The King’s Speech127 Hours

Harmen almighty16.00

19.00

21.30

Black Swan

1

2

3

premiereGooische Vrouwen

Tijden Titels


GEENVISUEE

L ONTWERP



11:39 PMT-Mobile

Detail pagina film

Cinerama

kids

yogi beer nl 3dgenre Animatie

lengte 83 min

regisseur Eric Brevig

< vorige pagina

Yogi Beer, de favoriete beer vol met stoute streken, is terug! Yogi is de meest beruchte deugniet van Jellystone Park.

Yogi Beer, de favoriete beer vol met stoute streken, is terug! Yogi

is de meest beruchte deugniet van Jellystone Park. Samen met

zijn trouwe vriendje en partner-in-cri... Lees meer

afbeelding

6


Meer informatie

Home

Prijzen & tijden

Route beschrijving

Reseveren

16:30

20:00

22:00

Tijden & Reserveren

klik op een voorstelling om te reserveren

reserveren

reserveren

reserveren

vol geboekt

Cinerama

kids

yogi beer nl 3dgenre Animatie

lengte 83 min

regisseur Eric Brevig

< vorige pagina

Yogi Beer, de favoriete beer vol met stoute streken, is terug! Yogi is de meest beruchte deugniet van Jellystone Park.

Yogi Beer, de favoriete beer vol met stoute streken, is terug! Yogi

is de meest beruchte deugniet van Jellystone Park. Samen met

zijn trouwe vriendje en partner-in-cri... Lees meer

afbeelding

6

Tijden & Reserveren

klik op een voorstelling om te reserveren


1. Er kan terug gegaan worden naar de vorige pagina doormiddel van deze knop.

2. Basis informatie van de film.

3. Een kleine afbeelding van de film (impressie).

4. Basis informatie over het verhaald van de film. De informatie zal bij veel tekst niet in een keer getoond worden, deze kan de gebruiker dan uitklappen doormiddel van de “Lees meer” knop.

5. Tijden waarop deze film draait.

6. Mogelijkheid om te reserveren, wanneer er bij een bepaalde voorstelling op “reserveren” geklikt wordt zal de gebruiker doorgestuurd worden naar de reservatie pagina.

21

3

4

5

6



GEENVISUEE

L ONTWERP



11:39 PMT-Mobile

Film reserveren

Cinerama< vorige pagina


Meer informatie

Home

Prijzen & tijden

Route beschrijving

Reseveren

reserveren

Cinerama< vorige pagina

AdresCinerama Filmtheater Westblaak 183012KL Rotterdam010 411 5300

Meer informatie

Home

Prijzen & tijden

Route beschrijving

Reseveren: Maandag 13:00: Yogi Beer NL 3D

geef uw email en het aantal kaarten.

email

aantal (maximaal 8)

< terug

-- 0 --

Reseveren: Maandag 13:00: Yogi Beer NL 3D

geef uw email en het aantal kaarten.

email

aantal (maximaal 8)

< terug

-- 0 --

1. De reservatie pagina.

2. Als controle de titel van de film + de tijd van de voorstelling. De gebruiker moet zijn of haar e-mail invullen en het aantal plaatsen dat hij of zij wil reserveren.

1

2


GEENVISUEE

L ONTWERP



11:39 PMT-Mobile

Prijzen & tijden

Openingstijden

De kassa van Cinerama Filmtheater is dagelijks geopend

vanaf 12.30 uur tot een kwartier na aanvang van de laatste

avondvoorstelling. Tijdens openingstijden is onze kassa be-

reikbaar via (010) 411 53 00. U kunt uw vragen met betrekking

tot het programma of uw gemaakte reservering ook stellen via

[email protected].

Prijzen

Reguliere film: € 9,00

Korting : € 8,00

Matineevoorstelling (ma t/m vr, niet tijdens Kerstvakantie): € 7,50

Toeslag lange film €1,00

Korting

Korting geldt voor studenten op vertoon van OV-jaarkaart, 65

pashouders, CJP en kinderen tot en met 11 jaar (voor kinder-

films). Rotterdampashouders betalen € 5,50 voor filmvoorstel-

lingen uit het reguliere programma van maandag tot en met

donderdag en vrijdag tot 18.00 uur. Vanaf vrijdag 18.00 uur t/m

zondag en in de kerstvakantie € 1,- korting en kinderen t/m 11

jaar € 2,-.

Openingstijden

De kassa van Cinerama Filmtheater is dagelijks geopend

vanaf 12.30 uur tot een kwartier na aanvang van de laatste

avondvoorstelling. Tijdens openingstijden is onze kassa be-

reikbaar via (010) 411 53 00. U kunt uw vragen met betrekking

tot het programma of uw gemaakte reservering ook stellen via

[email protected].

Prijzen

Reguliere film: € 9,00

Korting : € 8,00

Matineevoorstelling (ma t/m vr, niet tijdens Kerstvakantie): € 7,50

Toeslag lange film €1,00

Korting

Cinerama

Prijzen & tijden < vorige pagina

1. Informatie over prijzen en tijden.Cinerama

Prijzen & tijden < vorige pagina


Meer informatie

Home

Prijzen & tijden

Route beschrijving

Reseveren

1


GEENVISUEE

L ONTWERP



11:39 PMT-Mobile

Route beschrijving

Cinerama Filmtheater ligt in het centrum van Rotterdam en is

bereikbaar via metro ‘Beurs’, uitgang Westblaak. Tevens be-

reikbaar met tramlijn 20 vanaf Centraal Station, uitstappen halte

‘Beurs’ op de Coolsingel.

Cinerama

Route beschrijving < vorige pagina


Meer informatie

Home

Prijzen & tijden

Route beschrijving

Reseveren

kaartje met locatie

Cinerama Filmtheater ligt in het centrum van Rotterdam en is

bereikbaar via metro ‘Beurs’, uitgang Westblaak. Tevens be-

reikbaar met tramlijn 20 vanaf Centraal Station, uitstappen halte

‘Beurs’ op de Coolsingel.

Cinerama

Route beschrijving < vorige pagina

AdresCinerama Filmtheater

Meer informatie

Home

kaartje met locatie

1. Informatie hoe bezoekers bij Cinerama moeten komen.

1


GEENVISUEE

L ONTWERP



11:39 PMT-Mobile

Reserveren

Voor reserveringen kunt u tussen 13.00 en 22.00 bellen met

(010) 411 53 00 of 0900-9363 (belbios). Ook kunt u een gratis

reservering maken via onze website www.cineramabios.nl door

op de titel van de film te klikken en daarna de aanwijzingen te

volgen. Wanneer u vragen heeft over uw gemaakte reservering

kunt u contact opnemen met onze kassa via kassa@cinerama-

bios.nl.

Zaalverhuur

Cinerama Filmtheater is een uitermate geschikte locatie voor uw

bedrijfspresentaties en personeelstrainingen. Het theater heeft 7

zalen en in totaal meer dan duizend stoelen. Voor meer informa-

tie kunt u contact opnemen met Tijmen Snel via (010) 412 17 81

of een e-mail sturen naar [email protected].

Voor reserveringen kunt u tussen 13.00 en 22.00 bellen met

(010) 411 53 00 of 0900-9363 (belbios). Ook kunt u een gratis

reservering maken via onze website www.cineramabios.nl door

op de titel van de film te klikken en daarna de aanwijzingen te

volgen. Wanneer u vragen heeft over uw gemaakte reservering

kunt u contact opnemen met onze kassa via kassa@cinerama-

bios.nl.

Zaalverhuur

Cinerama Filmtheater is een uitermate geschikte locatie voor uw

bedrijfspresentaties en personeelstrainingen. Het theater heeft 7

zalen en in totaal meer dan duizend stoelen. Voor meer informa-

tie kunt u contact opnemen met Tijmen Snel via (010) 412 17 81

of een e-mail sturen naar [email protected].

Cinerama

Cinerama

Reserveren

Reserveren

< vorige pagina

< vorige pagina


Meer informatie

Home

Prijzen & tijden

Route beschrijving

Reseveren

1. Informatie over hoe gebruikers kunnen reserve-ren bij Cinerama.

1


Opdracht 3 — Vodafone iPad facturen pitch



Opdracht 3 — Vodafone iPad Facturen Pitch

OpdrachtGefeliciteerd! De Sales Statistieken App is zo’n succes dat het bureau waar je werkt gevraagd is om te pit-chen voor een nieuwe facturatie-tool voor Vodafone medewerkers. Er is nog weinig bekend over hoe de tool gaat werken en wat er precies van verwacht wordt. Morgen moeten jij en je projectmanager een presentatie houden bij Vodafone over jullie visie van wat zo’n tool in kan houden. Gelukkig heeft de interaction designer in team snel een mock-up in elkaar weten te zetten. Het is aan jou om deze mockup visueel uit te werken, zodat je morgen aan je klant kan laten zien dat jullie ook over de kennis en expertise beschikken om deze klus te klaren.

Bij deze opdracht werk je aan de hand van de Interaction Design Deliverables die je kunt vinden in het Werk-boek Screen Design. Je analyseert de persona’s, scenario’s, flows en wireframes aandachtig.Meer informatie vind je in het Werkboek Screen Design.

RandvoorwaardenJe ontwerp voldoet aan de brand guidelines van Vodafone.Je ontwerp is geoptimaliseerd voor een tablet met een schermbreedte van 768 pixels en een hoogte van 1024 pixels.

OpleverenDeze opdracht bestaat uit een scherm. Je levert het volgende scherm op:


7 Nieuwe Factuur vodafone_ipad_nieuwe_factuur.png





UitwerkingIs je ontwerp op de pixel nauwkeurig uitgevoerd?Heb je de brand guidelines juist geïnterpreteerd?Ben je van de brand guidelines afgeweken op het moment dat je vastgesteld had dat het een betere ontwer-poplossing op zou leveren?Kloppen de bestandsnamen van de documenten die je opgeleverd hebt?Heb je de Z-richting toegepast om de inrichting van je Photoshop Document duidelijk te maken?

Is je PSD correct opgemaakt?







GEENVISUEE

L ONTWERP

Nieuwe Factuur

menu zoeken

Facturenoverzicht Nieuwe factuur Incassofacturen Bankmutaties inlezen

Nieuwe FactuurAlgemeen Verzendopties Omschrijving Opmerkingen

Algemene gegevens:

Status:

Factuurnummer:

Debiteur:

Datum:

Betalingstermijn: dagen

Referentienummer:

Kortingspercentage: %

Kortingscoupon:

Algemene gegevens:

Hieronder kunt u de factuurregels van de factuur toevoegen.

Facturatiegegevens:

Bedrijfsnaam:

Naam:

Adres:

Postcode/plaats:

Land:

E-mail adres:

Machtiging:

19-04-11

Datum Aantal Product Prijs BTW Periodiek

1 - - geen product - - 19% 1 eenmalig

Nieuwe regel

Factuur toevoegen

Home Klanten Producten Helpdesk Account

Vodafone Facturatie

1. Menuknop, hier zal met een dropdown-tooltip de inhoud van verschijnen.

2. Basis opties van facturen.

3. Invoervelenden van een nieuwe factuur

4. Menu met belangrijkste elementen

1

2

3

4

Screen Designcmiscreendesign.pbworks.com/f/screendesign_werkboek.v0.6.pdf · een volledige set...

Documents

Transcript of Screen Designcmiscreendesign.pbworks.com/f/screendesign_werkboek.v0.6.pdf · een volledige set...