Birkmose.com

blog om websites, mobile web og apps

 

Tegn med vandfarve på iPad'en

Det går fremad med min tegne-app til browseren.

Denne opdatering viser, hvordan app'en kan bruges til at tegne som om det var med vandfarve.

Brugeren får fornemmelsen af at de tegner videre på det bagvedliggende billede. Når man tegner oveni det samme sted flere gange bliver farven kraftigere. Perfekt.

Watercolor

Næste opgave går på at lave enten en fortryd knap eller en slettepensel. Begge dele er teknisk omfattende, men det plejer ikke at stoppe mig.

 

Tegneprogram for touch devices

Jeg beklager!

I min sidste blog post proklamerede jeg højt og tydeligt at tegneprogrammet virkede på en iPad. Det gjorde det bare ikke.

Jeg er ikke den store javascript haj, så jeg har ikke formået at ændre koden så den virker med touch skærme.

Tilgengæld er jeg stædig, og jeg har selvfølgelig fundet et andet eksempel, der virker på iPad.

Dette eksempel på et html5 tegneprogram virker på iPad, og man kan skifte farve.

Det er ikke helt så flot som det første eksempel jeg skrev om og hvis man tegner hurtigt bliver stregen i stedet til prikker. Men det virker og det er et godt sted at startet 

Update:

Jeg har nu lavet et nyt eksempel, hvor man kan skifte farve og stregstørrelse.

Tegneprogram i browseren

Der er meget snak om HTML5, canvas og CSS3, men hvad kan vi almindelige mennesker bruge det til? Det skal ikke gå op i teknik det hele, så her er et eksempel på hvordan html5 kan forbedre brugeroplevelsen.

Eksemplet er dette tegneprogram. Hvis brugeren har en ny browser kan han farvelægge en tegning direkte uden brug af flash eller andre plugins. Det er især brugbart på en iPad eller andre tablets, hvor man i forvejen bruger sin finger til at interagere med maskinen.

Klik på billedet eller her og prøv hvor godt det føles at lakke anden til.

 tegning

 

Eksemplet er hentet fra William Malone 

Powerpoint og Prezi gå hjem - her kommer Impress.js

Vi har set PowerPoint præsentationer hvor vi slide efter slide er blevet drevet gennem et emne der interessere os fra starten. Men efterhånden som præsentationen skrider frem bliver vi mere og mere trætte, tankerne glider over på noget andet. 

Vi keder os.

Så kom Keynote. Nye lækre skabeloner med nye overgange mellem de enkelte slides. Wauw! ... men efter noget tid har vi også set det....og tankerne flyver andre steder hen.

Prezi er de superkreatives ynglingsredskab, når der skal laves spændende og fængende præsentationer. Hver slide er en ny opdagelse - en ny vinkel og hele brugen lægger op til en historiefortælling i stedet for en forelæsning. Brugerens opmærksomhed fastholdes og budskabet når modtageren.

Men Prezi koster penge...

Impress.js er et javascript bibliotek, der på flotteste vis oversætter de lækre effekter fra Prezi til html5, der er let at arbejde med og som ikke koster noget. Præsentationerne fremvises på iPad eller i en browser . Impress er udviklet af Bartek Szopka. 

Se min præsentation af mobile tendenser 2012 som et eksempel på mulighederne med impress.js 

Responsive design

Responsive design er på alles læber, og det lyder da tillokkende: med et trylleslag kan vi gøre vores website læsbart på alle platforme. Sådan!

Men hvad skal der til for at vi ikke bare plastrer et mobilt lag oven på et design, der slet ikke var tænkt mobilt fra starten?

Det lyder logisk men det vigtigste er at gøre sig klart, hvad man vil opnå med websitet på en smartphone. Alligevel er det der jeg oftest oplever at vi kan blive bedre - både som leverandører af websites og som købere af webydelser.

  • Hvad vil du have ud af at have et website?
  • Hvilke succeskriterier har du sat for dit website - og er de målbare
  • Er brugerne de samme på mobilen som på pc'en?
  • Vil de besøge websitet fra både mobilen og pc'en?
  • Er det de samme opgaver de vil løse - eller de samme informationer de søger - på begge platforme?

 

med andre ord så skal formålet med websitet gøres klart fra starten.

Content strategy

Kristina Halvorson skrev sin bog, Content Strategy, i 2009 og skabte dermed et helt nyt fokus på web content, som vi ikke har set før.

Der er ikke noget revolutionerende nyt i begrebet content strategy, det er mere en samling redskaber og metoder der tilsammen giver webredaktøren bedre rammer for at gøre websitet mere fokuseret og vedkommende.

Hele tankegangen bag content strategy er at brugerne kommer på websitet for at finde indhold. Indhold kan her både være video, billeder, illustrationer og god gammeldags tekst. Websitet skal være bygget op om indholdet, og først bagefter kommer de visuelle rammer

Content first

Content first betyder ikke at alt teksten skal være færdigskrevet inden man gå igang med at designe websitet. Det betyder at vi skal sætte os ned og analysere, hvilket indhold er er relevant, hvilken form det skal have og hvordan det skal struktureres. Derfor er content strategy også en del af informationsarkitektens arbejde.

Content audit

Content strategy er relevant for alle websites og omdrejningspunktet er content audit. Dvs at webredaktøreren har et fuldt overblik over indholdet på websitet. 

Som alle andre revisioner/audits sker opgørelsen typisk i et regneark. Hver side på websitet får sin egen række i regnearket. Som minimum er der udfyldt

  • sidens navn
  • sidens url
  • ansvarlig for siden
  • hvornår den sidst var opdateret
  • hvor ofte den bør gennemlæses/revideres

 

Når man har et fuldt overblik over indholdet, kan man begynde at se på, om noget er overflødigt (det sker ofte), om det skal omskrives, og om der er noget der mangler.