Green Bikes for All — Dynamisk webdesign
Presentation / udarbejdet af: Louise 18.06.12
Indhold Kort intro Indledende tanker Konceptmodel AOF, activitys, objects, features Hovedfeature, Googlemappet Geolocations API Bicylcles Website og mobilenhed Inspiration til visuelt design UX m책l Reflektioner, socialbilitet og sociale medier
Kort intro Sitets berettigelse — 1- cykel er en optimal måde for nem, hurtig og bæredygtig transport rundt i byen 2- der findes pt. ikke en pålidelig udbyder med et effektivt brugervenligt system for udlejning af cykler. 3- mulighed for både at reservere og leje cykler - for kortere eller længere tid 4- medlemskab gør det nemt, hurtigt og billigere at leje 5- udbyder profil gør det nemt, hurtigt og billigere at udleje [ fra Defefinér problem, løsning & strategi ]
|3
Indledende tanker Hvor kom vi fra og hvor vil vi hen, 3 trin— 1- alle private skulle kunne leje deres cykel ud 2- private investorer, mellemstore virksomheder (vores site hoster deres ydelse) 3- én investor eller et antal større investorere • ensartet profil, styrke identitet, stærkere netværk/udbud
|5
Idéen Koncept & Idé — Partnere
1- alternativ til offentlig transport 2- hul i markedet for stabilt cykeludlejningsnetværk
kommunens samarbejdspartnere, der er de private investorer bag projektet
3- alle skal have mulighed for at cykle i byen 4- opkoblet på IT-system Administrator
Brugere
benytter sig af udbuddet af cykler
håndterer systemet og udbuddet af cykler
Konceptmodel BRUGER
Data trækkes fra én database —
RUNS
KORT (bruger vers.)
Website og mobil app deles om bagvedliggende funktionalitet og database, f.eks. vil en cykel forsvinde fra begge sider i det øjeblik den bliver booket af en bruger.
CONTAINS
CYKEL
PROVIDE
DATABASE
CYKEL PARTNERE
CREATES
NEW PROFILE
BY FILLING OUT
CYKEL TEMPLATE CREATES
CYKEL
STORE IN
DATABASE
ADMIN
RUNS
KORT (admin vers.)
CONTAINS
PENDELING PROFILES ACCEPTS BY FILLING OUT
CYKEL TEMPLATE CREATES
CYKEL
STORE IN ADMIN VISITS UDBYDER ∂ APPROVES ∂ MOUNTS GPS SYSTEM ON BIKES∂
DATABASE
AOF model Konklussioner — Primær feature: Google map'et (heri indbygget de fleste feature forbundet med det at leje eller reservere cykler) Sekundære features: Baggrund, medlemsskab, infos, artikler m.m.
|7
Googlemappet som hovedfeature
|9
Geolocation virituel cirkel; begrænsning af visning af udlejningscykler der hives fra database.
Geolocation API — 1- finder GPS location / ip-adresse 2- definerer centerpunkt på kortet 3- henter cykler fra database indenfor defineret virtuel cirkel Datahentning: forespørgelser fra databasen - ved ny søgning/opdatering af gps-placering - ved zoom - ændring af centerpunkt [ API : Application Programming Interface, forkortet API, er en softwaregrænseflade, der tillader et stykke software at interagere med andet software. ]
1 1
1
1
3
1
Bicycles Bicycle ID — 1. type id 2. location id 3. provider id 4. price id 5. image url txt
ge n o 3. K
1. h erre c
yke l
er l k cy
4. 65kr/dag
2. Gl. ko ng eve j3
5. im age.u rl.
Database design Tabeller — Tabel : Bicycles – bicycle id, type id, profile id, location id, price id, image url Tabel : Bicycle type – bicycletype id, type (women, men, kids, other) Tabel: Availability – availability id, bicycle id (fromDate : date, toDate: date) Tabel: Booked – booked id, bicycle id (fromDate : date, toDate: date) Tabel: Profile– profile id, type id, username, password, name, lastName, adress, zip, city, country, admin Tabel: Profile type – profiletype id, type (normal user, provider, provider+user, admin) Tabel: Location – location id, profile id, name, adress, zip, city, country, admin Tabel: Price - price id, price
| 11
Database design
| 13
Website & mobilplatform Fra web 2.0 til post PC — PC• oprette profil, skabe kendskab, bibeholde brugere MOB• værktøj, brug på farten; reservationer, booking, betaling iPAD• midt i mellem Web
Web 2.0
Post PC
Inspiration til visuelt design
levnende græs, natur så, frø, nye skud, jord, planter planeten
øko bæredygtigt CO2 neutralt klima, miljø grøn energi
Community, sammenhold, styrke, rødder, netværk, forbundet København grøn by, ren luft, træer, skov, vand, cykler, byliv
Footprints, grønt fod/ dæk aftryk på planeten, eftertanke, ansvar
UX mål Opsatte mål for brugeroplevelsen/ konklussioner — Tilfredsstillende Fornøjeligt Hjælpsomt / nyttigt Æstetisk / tiltalende Berigende Forstærke sociabilitet • Reflektioner
| 15
Reflektioner, sociabilitet og sociale medier
| 16
Forstærke socialbilitet og trafik på sitet — Dialog med brugere
Højere grad af dynamik • brug af APIs som flickr, twitter, facebook
Mere trafik
Mash-up • integration og bedre kommunikation mellem forskellige services (movia, facebook, tripadviser, spotify m.fl.) Community • mere dialog med brugere – upload ruter, brugernetværk, upload billeder, følg med på facebook, hvor cykler du, på vej hvorhen med hvem etc.
Dynamisk site