V2G SPRINT 5 Paolo Di Labio Anna Hornberger Linda Zieverink
wireframes 1.0 Settings BACKGROUND 2 greengrid greengrid logo REGISTRATION heading(h) 1 PROFILE SETTINGS mail heading(h) 1 mail username upload box 1_ uploaded email fill box 2 username Anna Hornberger label 1 password email annahornberger@gmx.de ....... password repeat label 4 password label 5 ... CP number 1234567AB car type Tesla Model S upload upload box 1 battery range 200km/ ???kWh picture minimum 60% minimum battery level battery level label 2 never go below this level when sharing energy label 3 (description) slider 1 slider 1 legend 0 20 40 60 80 100 EDIT submit button 2 SAVE submit button 2 Charge & Travel BACKGROUND 2 greengrid greengrid logo label 7b label 7 30% 35 pic 2 30% 35 mail pic 1 mail battery sharing label 6b battery sharing label 6 status points status points switch button 1 switch button 1 DEPARTURE NEW TRIP switch button 1 DEPARTURE NEW TRIP tabp open box 1 from: current location from: current location label 7 label 7 scroll button 1 tabp open box 1 departure time 19.00 to: home battery level when leaving label 8 departure / / arrival 21.00 scroll button 1 box 1 slider 2 slider 2 legend 0 20 40 60 80 100 switch label 1 submit button 3 CHARGE submit button 3 GO? pic 8 (agenda) menu pics 3 - 7 charge& pro � le menu background/ charge& pro � le travel menu label travel separation Log in /Registration BACKGROUND 1 arrow pic greengrid greengrid greengrid logo headline 2 TRIP OPTIONS OVER SCHIPHOL A8 headline 2 greengrid greengrid logo 2 30% 35 headline 3 over Schiphol A8 on REGISTRATION mail heading(h) 1 mail mail mail mail leaving time: 20.15 leaving time: 20.15 click box 1 battery sharing label 10 text 1 battery level: 60% arrival time: ~ 21.00 status points username share points: 6 (selected) battery level: 60% click label 2 green points: 6 headline 4 over Haarlem email logo 2 headline 2 DEPARTURE arrow pic greengrid click box 1 leaving time: 20.00 username label 1 fill box 2 line 1 battery level: 60% (not selected) label 11 password fill box 1 green points: 5.5 text 1 you are charging from 15,00 until password 19.00 . repeat At 19.00 you batterylevel will be password ... 80% box 2 and you will earn 3sharepoints Routeoptions label 12 zoomable pic for upload upload box 1 picture now submit button 1 LOG IN pic 9-11 label 2 minimum battery level never go below this level when sharing click label 1 forgotten pasword label 3 (description) energy slider 1 submit button 1 CREATE NEW 0 20 40 60 80 100 slider 1 legend ACCOUNT charge& pro � le charge& pro � le charge& pro � le submit button 2 SUBMIT travel travel travel
wireframes 1.0 Settings Settings BACKGROUND 2 BACKGROUND 2 greengrid greengrid i greengrid greengrid i logo logo REGISTRATION REGISTRATION A heading(h) 1 heading(h) 1 PROFILE SETTINGS PROFILE SETTINGS mail hea heading(h) 1 ding(h) 1 mail username username up upload box 1_ uploaded pl l load box 1_ uploaded email email fill box 2 fill box 2 label 1 label 1 username username Anna Hornberger Anna Hornberger password password email email annahornberger@gmx.de annahornberger@gmx.de ....... ....... password password repeat repeat password password label 4 label 4 label 5 label 5 ... ... CP number CP number 1234567AB 1234567AB 7 car type car type r Tesla T Tesla Model S Model S l upload upload upload box 1 upload box 1 battery range battery range y 200km/ ???kWh 200km/ ???kWh k picture picture minimum minimum 60% 60% minimum battery l minimum battery level y evel label 2 label 2 battery level battery l y evel never go below this level when sharing never go be r low this w level when sharing energy energy r label 3 (description) label 3 (description) slider 1 slider 1 0 20 40 60 80 100 0 20 40 60 80 100 slider 1 legend slider 1 legend EDIT EDIT submit button 2 submit button 2 SAVE SAVE A submit button 2 submit button 2 Translate wireframes into Charge & Travel Char ge & Tr & T avel BACKGROUND 2 BACKGROUND 2 greengrid greengrid i greengrid greengrid i logo logo label 7b label 7b label 7 label 7 30% 30% 35 35 pic 2 pic 2 30% 30% mail 35 35 pic 1 pic 1 mail Styling Coding battery battery r sharing sharing label 6b label 6b battery battery r sharing sharing label 6 label 6 status status points poin i ts status status points poin i ts switch button 1 switch button 1 switch button 1 switch button 1 DEPARTURE DEPA P RTURE NEW TRIP NEW TRIP switch button 1 switch button 1 DEPARTURE DEPA P RTURE NEW TRIP NEW TRIP tabp open box 1 tabp open box 1 from: from: curr current location r e r nt location from: from: curr current location r e r nt location label 7 label 7 label 7 label 7 tabp open box 1 tabp open box 1 scroll button 1 scroll button 1 departure time departure time 19.00 19.00 to: to: home home label 8 label 8 battery l battery level when leaving y evel when leaving departure / departure / / arrival / arrival / 21.00 21.00 scroll button 1 scroll button 1 box 1 box 1 slider 2 slider 2 slider 2 legend slider 2 legend 0 20 40 60 80 100 0 20 40 60 80 100 switch label 1 switch label 1 submit button 3 submit button 3 CHARGE CHARGE GO? GO? submit button 3 submit button 3 pic 8 (agenda) pic 8 (agenda) menu pics 3 - 7 menu pics 3 - 7 charge& charge& r pro � le pro r � le charge& charge& r pro pro � le r � le menu background/ menu background/ travel tra r vel menu label menu label tra travel r vel separation separation Log in /Registration battery 35% 74 green battery 35% 74 green battery 35% 74 green battery 35% 74 green status points status points status points status points BACKGROUND 1 depa depa art new trip w depa depa art new trip w depa depa art new trip w arrow pic arrow pic from from from from greengrid greengrid i curr r e r nt locaton curr r e r nt locaton curr r e r nt locaton greengrid greengrid logo headline 2 headline 2 TRIP OPTIONS TRIP OPTIONS OVER SCHIPHOL A8 OVER SCHIPHOL A8 headline 2 headline 2 greengrid greengrid eengrid greengrid greengrid eengrid logo 2 logo 2 30% 30% headline 3 headline 3 departure time 35 35 over Schiphol A8 on over Schipho r l A8 on mail REGISTRATION heading(h) 1 mail departu depa ture e tim m 00 00 0:0 :00 0 departure time 21:00 d depa depa rtu ture e tim m 00 00 0:0 :00 0 mail mail mail leaving time: 20.15 leaving time: 20.15 leaving time: 20.15 leaving time: 20.15 click box 1 click box 1 battery battery r sharing sharing label 10 label 10 text 1 text 1 battery level: 60% battery r level: 60% arrival time: ~ 21.00 arrival time: ~ 21.00 status status points poin i ts username (selected) (selected) share poi share points: 6 r i ts: 6 n battery battery level: 60% r level: 60% click label 2 click label 2 battery level when leaving arrival time arr r ival time e arrival time green points: 6 green poi r i ts: 6 n 21:00 00: 0:0 00 21:00 headline 4 headline 4 over Haarlem over Haarlem email logo 2 logo 2 DEPA DEPARTURE P RTURE headline 2 headline 2 click box 1 click box 1 arrow pic arrow pic gr greengrid reengrid eengrid leaving time: 20.00 leaving time: 20.00 username label 1 fill box 2 line 1 line 1 label 11 label 11 battery battery level: 60% r level: 60% (not selected) (not selected) password 20 40 60 80 green points: 5.5 green poi r i ts: 5.5 n fill box 1 go go go you are charging from 15,00 until you are cha r r rging f f om 15,00 u r r ntil text 1 text 1 password 19.00 . 19.00 . repeat charge At 19.00 you batterylevel will be At 19.00 you batterylevel will be password ... 80% 80% box 2 box 2 and you will earn 3sharepoi and you will earn 3sharepoints r i ts n Routeoptions Routeoptions label 12 label 12 zoomable pic for zoomable pic for OG IN now now pic 9-11 pic 9-11 label 2 minimum battery level ver go below this level when sharing en pasword label 3 (description) energy slider 1 submit button 1 CREATE NEW slider 1 legend 0 20 40 60 80 100 ACCOUNT charge& charge& r pro � le pro r � le charge& charge& r pro pro � le r � le charge& charge& r pro pro � le r � le submit button 2 SUBMIT tra travel r vel travel tra r vel r vel tra travel
Recommend
More recommend