<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>blogandtell &#187; Metode</title>
	<atom:link href="http://www.blogandtell.net/category/design-og-utviklingsmetodikk/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blogandtell.net</link>
	<description>Weblog for Tarantell - om brukervennlighet, design og programmering</description>
	<lastBuildDate>Mon, 07 Jun 2010 08:42:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Seks dominerende trender - fra Web 2.0 Expo 2010</title>
		<link>http://www.blogandtell.net/2010/05/21/seks-dominerende-trender-fra-web-2-0-expo-2010/</link>
		<comments>http://www.blogandtell.net/2010/05/21/seks-dominerende-trender-fra-web-2-0-expo-2010/#comments</comments>
		<pubDate>Fri, 21 May 2010 15:00:46 +0000</pubDate>
		<dc:creator>Harald Hegerberg</dc:creator>
				<category><![CDATA[Agile]]></category>
		<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Integrasjon]]></category>
		<category><![CDATA[Metode]]></category>
		<category><![CDATA[Mobile løsninger]]></category>
		<category><![CDATA[Nettlesere]]></category>
		<category><![CDATA[Sosiale medier]]></category>
		<category><![CDATA[Tarantell]]></category>
		<category><![CDATA[communities]]></category>
		<category><![CDATA[digital hverdag]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[nettsamfunn]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/?p=711</guid>
		<description><![CDATA[Tarantell hadde fire deltakere på årets Web 2.0 Expo i San Francisco. Konferansen arrangeres to ganger i året (vår/høst i henholdsvis San Francisco og New York) i regi av O&#8217;Reilly media. Tema og bakgrunn for konferansen er Tim O&#8217;Reilly&#8217;s fellesbetegnelse web 2.0, der hovedformålet var å skape en felles terminologi for alt som endrer vår [...]]]></description>
			<content:encoded><![CDATA[<p>Tarantell hadde fire deltakere på årets <a href="http://www.web2expo.com/webexsf2010" target="_blank">Web 2.0 Expo i San Francisco</a>. Konferansen arrangeres to ganger i året (vår/høst i henholdsvis San Francisco og New York) i regi av <a href="http://oreilly.com/" target="_blank">O&#8217;Reilly media</a>. Tema og bakgrunn for konferansen er Tim O&#8217;Reilly&#8217;s fellesbetegnelse <a href="http://oreilly.com/web2/archive/what-is-web-20.html" target="_blank">web 2.0</a>, der hovedformålet var å skape en felles terminologi for alt som endrer vår oppfatning av hva internett er, kan brukes til og hvorledes det påvirker både vår forretningdrift og våre liv.</p>
<p>Konferansen er et viktig møtepunkt for alle som er opptatt av hva som venter rundt neste hjørne på internett &#8211; samt en realitetssjekk på hva som fungerer (eller ikke fungerer) med dagens plattformer, løsninger og forretningskonsepter.</p>
<p>Vi har tatt med oss noen hovedtrender fra Web 2.0 Expo. Hver av dem en verdt en eller flere blogginnlegg, og vi vil komme nærmere tilbake til de enkelte trendene.</p>
<p>Here goes:</p>
<h2>Trend #1 : Lokalisering er overalt</h2>
<p>Utnyttelse av sosiale medier med lokaliseringstjenester er på alles lepper. De fremste tjenestene pr. nå er businessorienterte <a href="http://foursquare.com/" target="_blank">Foursquare</a> og tamagotchi/pokemon-inspirerte <a href="http://gowalla.com/" target="_blank">Gowalla</a>. Google og Facebook er på vei med sine konkurrerende tjenester, så dette skal bli et uoversiktlig landskap å orientere seg i. Det som dog er viktig å ta med seg er:</p>
<ul>
<li> Dialog mellom mennesker inneholder stedsinformasjon. Overhør en telefonsamtale på bussen og sjekk selv. Sosiale medier er fremfor alt om dialog, og disse mediene kommer følgelig til å oversvømmes av lokaliseringsinformasjon.</li>
<li> Virksomheter ønsker å vite både hvem kundene er &#8211; og hvor de er. At man også kan bruke sosiale medier til å trekke kunder inn i de fysiske butikkene er ett av Foursquares verdiforslag.</li>
<li>SFs svar på Ruter (<a href="http://www.bart.gov/" target="_blank">BART</a>) har brukt Foursquare for å øke antall reisende med offentlig kommunikasjon. I en kundeundersøkelse sier 19% av de spurte at de hadde reist med BART basert på en anbefaling fra en digital venn, og 38% syntes offentlig transport var &#8220;more fun&#8221; med mobile lokaliseringstjenester.</li>
</ul>
<p>Lokaliseringstjenester kommer til å bli stort &#8211; og forhåpentligvis mer oversiktlig enn det er idag.</p>
<h2>Trend #2 : HTML5 er den nye vinen</h2>
<p>Hva skal man si? ALT kan gjøres i HTML5. Audio, video, skalerbar vektorgrafikk, 3D, SQL, webfonter etc. etc. Dette kan erstatte Flash, Silverlight og andre pluginbaserte utvidelser. De dårlige nyhetene er at implementeringen varierer kraftig fra nettleser til nettleser, og Microsoft er ikke på banen ennå. Vi står med andre ord foran flere år med browserkrig. Google har prøvd å imøtegå dette ved å lage en Chrome plugin til IE, noe som virker som et solid hopp tilbake til start.</p>
<p>En engstelig sjel i salen som prøvde å varsku om sikkerhets- og ytelsesproblemer fikk klar beskjed fra podiet: Toget har gått; standarden er vedtatt, framtiden er her og nå.</p>
<p>Så fikk vi se og høre Quake 2, spilt i nettleseren. Wow.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="424" height="255" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/XhMN0wlITLk&amp;hl=en_GB&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="424" height="255" src="http://www.youtube.com/v/XhMN0wlITLk&amp;hl=en_GB&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Trend #3 : Weboptimalisering</h2>
<p>Ytelsesoptimalisering av websider gir høyere kundetilfredshet, økt konverteringsrate, mer aktive brukere &#8211; OG det er lønnsomt ift reduserte krav til infrastruktur og drift.</p>
<p>For å ta det siste først: Siden det å servere ut html-sider er noe av det tyngste infrastrukturen din gjør, har tjenester som <a href="http://www.netflix.com/" target="_blank">Netflix</a> og <a href="http://www.shopster.com/" target="_blank">Shopster</a> redusert henholdsvis antall servere og båndbredde til det HALVE ved å drive strukturert og helhetlig optimalisering av websidene. Sjekk ditt eget driftsbudsjett for å se hva gevinsten kunne vært? Forutsetningen for en slik kostnadsreduksjon er selvfølgelig at man har et stort antall brukere &#8211; og at man betaler for faktisk bruk av infrastrukturen (slik man gjør i skyen&#8230;).</p>
<p>Google og Yahoo! har foretatt undersøkelser med brukere som blir utsatt for dårlig ytelse. Begge undersøkelsene utsatte brukere for høyere og høyere forsinkelse i levering av websider. Undersøkelsene ble ikke framlagt, men en viktig lærdom fra Google sin undersøkelse er verdt å merke seg:</p>
<p>Google kjørte undersøkelsen med testgruppe og referansegruppe, der referansegruppen ikke ble utsatt for forsinkelser. Testgruppens adferd endret seg, i form av at brukerne ble mer passive, mindre villige til å fullføre oppgaver (=lavere konverteringsrate). Etter at forsinkelsen ble fjernet hadde gruppene fortsatt ulik adferd &#8211; i lang tid. Så lang tid at testgruppen ikke hadde fått gjenopprettet sitt aktivitetsnivå idet undersøkelsen ble avsluttet. Brukere som blir utsatt for forsinkelse blir passive, og det gir ingen umiddelbar effekt å rette feilen.</p>
<p>Ved dårlig servicenivå gjør man skade som varer lenge.</p>
<p>Virksomheter som har hatt suksess med weboptimalisering sier at verktøyene ikke trenger å være veldig sofistikerte. De trekker fram <a href="http://developer.yahoo.com/yslow/" target="_blank">Yahoo! YSlow</a> og <a href="http://code.google.com/speed/page-speed/" target="_blank">Google Page Speed</a> som gratiseksempler. Men et viktig suksesskriterie er at ytelsesparametrene ikke kan eies av IT alene: Alle de viktigste ytelsesparametrene må eies (og forstås) av forretningsenheter, markedsavdeling og ledelse. Først da kan man ta ut den forretningsmessige effekten.</p>
<h2>Trend #4 : API&#8217;er på godt og vondt</h2>
<p>Fra å snakke om mashups er dialogen og diskusjonen nå vendt til realitetene ved å eie, forvalte og bruke åpne API&#8217;er. Mantraet fra LinkedIn er: Planlegg godt, gjør ingen feil. Lett å si, men vanskelig å gjøre.</p>
<p><a href="http://apiwiki.twitter.com/" target="_blank">Twitter</a> har hatt store problemer med sin autentiseringstjeneste, og har måttet tvinge brukerstedene av API&#8217;et over på ny løsning &#8211; rett og slett ved å skru av den gamle på et gitt tidspunkt. Resultatet ble at mange tjenester som baserte seg på twitter sluttet å virke, og feilsøking og feilretting rundt overgangen er fortsatt ikke avsluttet. Litt mer kundevennlige <a href="http://developer.linkedin.com/index.jspa" target="_blank">LinkedIn</a> måtte ringe opp alle brukerstedene før de gjorde endringer. God service, men en så stor jobb at det nesten er vanskelig å forestille seg.</p>
<p><strong>Lærdom1: </strong>Skal man etablere et åpent API må man betrakte brukerne av API&#8217;et som kunder, og behandle dem deretter. Å eie et API er å eie et produkt &#8211; lansering må planlegges nøye, og produktets livssyklus må analyseres før det settes ut i markedet.</p>
<p><strong>Lærdom2:</strong> Skal man benytte et åpent API må man agere som kunde. Dette innebærer å registrere seg, og forholde seg til løpende dokumentasjons- og programendringer. Man må også ytelsesplanlegge og robustifisere sin egen løsning og kundedialog for situasjoner der API&#8217;et kan være utilgjengelig.</p>
<h2>Trend #5 : Sosiale medier og CRM</h2>
<p>Alle vil vite mer om hvorledes man kan benytte sosiale medier i aktiv bearbeiding av markedet og kundene &#8211; med økt salg som formål. Mange vil snakke om temaet, og har kloke ideer til hva man ikke bør gjøre. Nesten ingen har gode mønster/patterns for hvorledes gjøre dette i praksis.</p>
<p><strong>Lærdom:</strong> Det er bedre å gjøre noe selv om man ikke ser en konkret og målbar positiv effekt, enn å gjøre ingenting og oppleve en konkret og målbar negativ effekt.</p>
<h2>Trend #6 : Vi er alle (agile) webutviklere</h2>
<p>Sett i lys av ovenstående trender blir webutvikling og kunnskap om tjenester og teknologier en felles møteplass for forretningsutviklere, systemeiere, markedsførere, designere og utviklere. Ingen kan melde seg ut av denne kunnskapssirkelen og fortsatt ha et realistisk håp om fantastiske resultater ved bruk av digital teknologi. Web 2.0 tilhører ingen rolle, avdeling eller virksomhet alene.</p>
<p>For å skape god effekt med mange involverte parter, satte konferansen søkelyset på hurtigd/agile/lean prosesser der man skaper verdi tidlig &#8211; og prioriterer hardt i forhold til egne krav. Levere lite &amp; fort er bedre enn mye &amp; sent.</p>
<h2>Alt satt i system</h2>
<p>I et forsøk på å sette disse trendene i en form for et system, skisset jeg raskt opp denne figuren på det man bare måtte ha med seg hjem fra San Francisco i mai i år: en iPad. Rundt en tredel av alle konferansedeltakerne hadde et brett, og på forespørsel fra plenumspodiet kom så godt som alle hender i været på spørsmålet: &#8220;Hvem har en iPhone?&#8221;. Tross denne Apple-dominansen var det slående at sympatien vektet tungt i favør av Adobe i spørsmålet rundt framtiden til Flash. Dette er kanskje også trender, men her har vi satt fokuset på forretningsutvikling på nett:</p>
<div id="attachment_721" class="wp-caption aligncenter" style="width: 479px"><img class="size-large wp-image-721" title="Alt satt i system" src="http://www.blogandtell.net/wp-content/uploads/idea-1024x856.png" alt="Kundeopplevelse og Web 2.0 trender" width="469" height="392" /><p class="wp-caption-text">Kundeopplevelse og Web 2.0 trender</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2010/05/21/seks-dominerende-trender-fra-web-2-0-expo-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sannheten om det gylne snitt, skjermbredde, og nettsidene dine</title>
		<link>http://www.blogandtell.net/2009/01/06/den-gylne-skjermbredde/</link>
		<comments>http://www.blogandtell.net/2009/01/06/den-gylne-skjermbredde/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 13:01:35 +0000</pubDate>
		<dc:creator>James Bjerkholt</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Metode]]></category>
		<category><![CDATA[Tarantell]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/?p=253</guid>
		<description><![CDATA[Her om dagen mottok vi følgende på telefon:
Tyskerne krever 945 piksler for at de skal kunne innarbeide det gylne snitt, men portugiserne står hardnakket på 925 og har allerede begynt å implementere&#8230; hva skal jeg gjøre? Hva er riktig?
Utsagnet oppsummerer kundens situasjon: Stor organisasjon med regionale aktører og egne meninger på kollisjonskurs med behovet for [...]]]></description>
			<content:encoded><![CDATA[<p>Her om dagen mottok vi følgende på telefon:</p>
<blockquote><p>Tyskerne krever 945 piksler for at de skal kunne innarbeide det gylne snitt, men portugiserne står hardnakket på 925 og har allerede begynt å implementere&#8230; hva skal jeg gjøre? Hva er riktig?</p></blockquote>
<p>Utsagnet oppsummerer kundens situasjon: Stor organisasjon med regionale aktører og egne meninger på kollisjonskurs med behovet for et enhetlig og konsistent design. Kunden har innsett at det sistnevnte gir både kommunikasjonsmessige og økonomiske gevinster, men får problemer i møte med tilsynelatende vilkårlig valgte tall som det plutselig er gått nasjonal prestisje i.</p>
<p>La oss passere nasjonal selvfølelse i stillhet: Hvordan velger du egentlig optimal bredde på en nettløsning? Svaret er, som med mye annet i livet, at det kommer an på. Heldigvis kommer det ikke an på så fryktelig mye, og vi skal se på det viktigste her.<span id="more-253"></span></p>
<h2>Fast eller fleksibel</h2>
<h5>Høyde</h5>
<p>Med unntak av statiske online-reklameplakater, microsites, kampanjer og en og annen webapplikasjon, har nettsider som oftest fleksibel høyde. Denne utformingen rommer mulighet for variable mengder av innhold i form av tekst, bilder og andre media, og forskjellig presentasjon av dette materialet avhengig av kontekst. Scroll-hjul på musen har gjort det helt naturlig å flytte siden oppover etterhvert som man skummer gjennom en artikkel eller skaffer seg oversikt i en portal &#8211; faktisk er det ofte langt mer irriterende å måtte &#8220;klikke for å gå til neste side&#8221; enn bare å la siden gli over skjermen. Personlig mener jeg at med unntak av ved svært store datamengder eller ved behov for å eksponere brukerne for stadig nye bannerannonser er sideskift uten et samtidig skifte av kontekst eller tema en uting på internett.</p>
<h5>Bredde</h5>
<p>Når det gjelder bredden har man i utgangspunktet 2 valg: Fast eller fleksibel bredde. Det er fordeler og ulemper ved begge disse. Ikke alt innhold egner seg til fri skalering i bredden, men dette får bli gjenstand for et annet blogginnlegg. Det er ihvertfall stadig diskusjon om hva som fungerer best i de enkelte tilfellene, og Dagbladet hadde nylig en <a href="http://www.dagbladet.no/2009/01/06/kultur/design/internett/nettavisen/dissing/4266094/" target="_blank">artikkel vedr. nettavisens redesign</a> til å bruke fullskjermbredde uansett skjermstørrelse. Men uansett hva du velger må du finne den optimale størrelsen eller minste-størrelsen for nettsiden din. Hva som er riktig størrelse kommer an på både tekniske og kommunikasjonsmessige forhold:</p>
<h2>Sjekkliste for å finne optimal nettsidebredde</h2>
<p>Denne listen starter med spørsmål som er almenngyldige for alle designprosesser og blir mer direkte relevant etterhvert. Kommunikasjonskanalen er i dette tilfellet er bestemt: Internett.</p>
<h3>1. Hvem snakker du med?</h3>
<p>God kommunikasjon avhenger i stor grad av kjennskap til hvem man snakker til eller med. Ha et klart bilde av hvem du forsøker å nå &#8211; hvem skal bruke nettsidene dine, hva skal de oppnå, hvilke forutsetninger har de, osv. Med en nettstrategi i ryggen kan du gjerne bruke  personas eller andre verktøy for å etablere gode, klare svar på dette.</p>
<h3>2. Hvilken fysisk skjermbredde har de?</h3>
<p>Det som ofte veier tyngst i å avgjøre nettsidenes bredde, er hvilke tekniske forutsetninger brukerne har for å se sidene &#8211; mao. hvilken skjermbredde og skjermhøyde de ser løsningen med. Dette er det mulig å svare mer eller mindre presist på:</p>
<ol>
<li>Dersom nettsidene skal utgjøre et intranett i en stor organisasjon med en IT-avdeling med rutiner som får &#8220;Prosessen&#8221; av Kafka til å blekne er svaret ofte veldig enkelt og veldig presist: Alle har akkurat samme skjerm med akkurat samme oppløsning. Uansett. I slike tilfeller har alle forresten også samme nettleser &#8211; det gjør det i teorien lettere å utvikle spesialfunksjonalitet til intranettet &#8211; men ikke sålenge nettleseren heter Internet Explorer 5 &#8211; kom igjen folkens: Oppgrader!</li>
<li>Dersom nettsidene retter seg mot offentligheten må vi istedet gjøre antagelser basert på hva vi vet om brukerne. Vi kan undersøke forhold som f.eks. deres brukssituasjon (hjemme eller på jobben?), yrke (grafisk designer eller lokomotivfører?), interesser (ornitolog eller power-gamer?), og andre demografiske data for å si noe om nivået på deres typiske IT-investering.</li>
<li>Sist men ikke minst kan vi basere oss på eksisterende nettstatistikk for brukere av tjenester som har lignende profil som den man selv skal lage. Fordelingen av brukere på skjermoppløsninger i løpet av første halvdel av desember for 2 store norske internettjenester med svært bred publikumsappell var som følger (grunnlaget baserer seg på mellom 2 og 3,5 millioner unike treff, og oppløsninger med samme bredde er slått sammen til ett tall):
<div id="attachment_313" class="wp-caption alignnone" style="width: 490px"><img class="size-full wp-image-313" title="statistikk_skjermstorrelser1" src="http://www.blogandtell.net/wp-content/uploads/statistikk_skjermstorrelser1.png" alt="Oversikt over skjermstørrelser for unike besøk på 2 store norske nettsteder 2 uker medio desember 2008" width="480" height="298" /><p class="wp-caption-text">Oversikt over skjermstørrelser for unike besøk på 2 store norske nettsteder 2 uker medio desember 2008</p></div>
<p>Tallene viser at det er forskjell på hva folk benytter på jobb og hjemme, og viser også at det brede laget av befolkningen i alle situasjoner besitter et minimum på 1024 x 768 piksler.</li>
</ol>
<h3>3. Hva er den maksimale bredden?</h3>
<p>Med en skjermbredde som er rimelig ifht. brukernes forutsetninger må vi finne ut hvilken bredde vi egentlig har til rådighet. Poenget er å <em>ikke</em> definere en så bred side at man får horisontal rullesjakt* når nettleservinduet er maksimert og har vertikal rullesjakt. Forskjellige operativsystem og nettlesere &#8220;spiser&#8221; litt forskjellig av den totale skjermbredden til å vise nettleservinduets kanter og den vertikale rullesjakten. Som en tommelfingerregel bruker vertikal rullesjakt 16 piksler i bredden. I tillegg bruker enkelte nettlesere opp til 8 piksler på hver side for å tegne kanten på nettleservinduet. Dermed går altså 8+8+16 = 32 piksler i utgangspunktet tapt i bredden. På en typisk skjermoppløsning på 1024 x 768 sitter vi da igjen med en maksimalbredde på 1024 &#8211; 32 = 992 piksler.</p>
<p>Hva da med brukere som har installert/aktivert tilleggsmenyer i nettleser/operativsystem som også tar opp verdifull plass i bredden? På Windows dreier dette seg  primært om en &#8220;sidebar&#8221; i Vista (som Google har laget et alternativ til). På Mac er det mulig å plassere Dock&#8217;en på høyre eller venstre side og sette den til å ikke automatisk skjules. Dette spiser verdifull skjermplass. Skal vi ta hensyn til brukere som gjør dette? Med forbehold om spesielle forhold ved nettsidenes funksjon vil jeg stort sett svare nei. En bruker som bevisst endrer oppsettet så det avviker fra standardoppsettet er klar over at dette er gjort, samtidig som slike brukere statistisk sett er del av et svært lite mindretall. Det er også rimelig å anta at slike brukere med stor sannsynlighet ikke sitter med den minste tilgjengelige skjermstørrelsen heller &#8211; og da er det uvesentlig om 30-40 piksler ekstra går tapt.</p>
<p>(*&#8221;Scroll-bar&#8221; <a href="http://www.sprakrad.no/Sprakhjelp/Raad/Norsk-for-engelsk/Avloeysarord/" target="_blank">heter faktisk &#8220;rullesjakt&#8221; på norsk</a>. Som innvandret brite får jeg gåsehud av <a href="http://www.sprakrad.no/Sprakhjelp/Raad/Dataspraak/" target="_blank">begreper som dette</a>, men forsøker altså å holde språket norsk her. Uoffisielt forslag for &#8220;roll-over&#8221; er forresten &#8220;Overglidning&#8221;. Brrr.)</p>
<h3>4. Bruksmessige hensyn</h3>
<p>Hvordan nettsidene skal fungere, dvs. hva deres oppgave er ifht. brukeren samt hvilket etterlatt inntrykk brukeren skal sitte igjen med, er en minst like vesentlig faktor som fysisk og virtuell skjermbredde. I enkelte tilfeller dikterer hensynet til nettsidenes funksjon hvilken skjermstørrelse man skal optimalisere nettsidene for, fremfor at minste felles multiplum for skjermstørrelse skal gjelde slik at &#8220;alle&#8221; kan se sidene optimalt.</p>
<h5>Big is always beautiful</h5>
<p>Det er ingen absolutte regler for hva slags type side som bør ha stor eller liten plass. En portal eller nyhetsside &#8220;trenger&#8221; i utgangspunktet mer plass i bredden enn en blogg: Dette er sideoppsett som gjør aktiv bruk av flere spalter og seksjoner for på en visuell måte å prioritere store mengder informasjon. Likeledes vil en side som skal fungere som arbeidsflate &#8211; som et intranett dashboard eller en webapplikasjon &#8211; ofte nyte godt av større plass. Men selv en blogg eller en kampanjeside bruker stor skjermplass med fordel &#8211; innholdsområdet kan utformes smalt eller lite, men ekstra plass rundt innholdet skaper ro og fokus på budskapet.</p>
<p>Jeg kommer ikke på noen tilfeller der nettsider har en stor fordel av å være små (vi snakker nettelsere og skjermer, ikke wap og håndholdte devices nå). De tilfellene finnes nok, men i min verden blir dette i større grad en designmessig avveining &#8211; det er alltid gunstig å ha stor plass å boltre seg på, og hvis det innenfor rammen av tilgjengelig skjermbredde ikke er noe ved bruksegenskapene som tilsier at sidene bør ha liten bredde kan hele flaten gjerne gjøres tilgjengelig for formgivning &#8211; enten det endelige arbeidet oppfattes som avgrenset innenfor et rolig passepartout eller ikke.</p>
<h3>5. Hvordan dele opp flaten?</h3>
<p>Vi har funnet skjermstørrelsen vi ønsker å basere oss på og har trukket fra nok til å gi oss en sikker maksimumsbredde. Hvordan bestemmer vi om den endelige bredden optimalt skal være 992 eller f.eks. 945 (som i eksempelet med det gylne snitt) eller 925 piksler? Dette er et designspørsmål, og her kommer designerens beste venn &#8211; grid&#8217;et &#8211; inn i bildet.</p>
<h5>Grid</h5>
<p>Et grid er i all enkelhet et rutenett med en konstant avstand mellom alle vertikale og alle horisontale linjer. Poenget med grid er at man benytter det som et skjelett å bygge designet på &#8211; man sørger for at vesentlige visuelle elementer går kant i kant med linjene i grid&#8217;et. På denne måten oppår man ryddighet og stramhet i designet &#8211; det at forskjellige elementer flukter med hverandre på tvers av formatet skaper ro og klarhet.  Et grid kan ha store eller små ruter &#8211; mindre ruter gir i utgangspunktet større fleksibilitet. Et grid er ikke en tvangstrøye: Grid&#8217;et kan brytes bevisst for å oppnå en ønsket effekt. Dette er grunnleggende designkunnskap, og <a title="Khoi Vinh" href="http://www.subtraction.com/2005/09/01/the-funniest" target="_blank">Khoi Vinh</a> og de fine folkene på <a title="A List Apart" href="http://www.alistapart.com/articles/outsidethegrid/" target="_blank">A List Apart </a> har laget artikkler som viser bruken av grid på en kjempebra måte.</p>
<p><a title="http://www.webdesignerdepot.com/" href="http://www.webdesignerdepot.com/" target="_blank"></a></p>
<div id="attachment_304" class="wp-caption alignleft" style="width: 230px"><a href="http://www.webdesignerdepot.com/"><img class="size-full wp-image-304" title="bilde_m_grid_220" src="http://www.blogandtell.net/wp-content/uploads/bilde_m_grid_220.png" alt="Eksempel på side som bruker grid" width="220" height="148" /></a><p class="wp-caption-text">Eksempel på side som bruker grid</p></div>
<div id="attachment_305" class="wp-caption alignleft" style="width: 230px"><a href="http://www.arngren.no"><img class="size-full wp-image-305" title="bilde_u_grid_220" src="http://www.blogandtell.net/wp-content/uploads/bilde_u_grid_220.png" alt="Eksempel på side som ikke bruker grid" width="220" height="148" /></a><p class="wp-caption-text">Eksempel på side som ikke bruker grid</p></div>
<p>Som du sikkert allerede har gjettet &#8211; størrelsen på rutenettet i gridet, kombinert med hensyn til hvor mange og brede spalter man ønsker i sideoppsettet, avgjør hva som er en hensiktsmessig pikselbredde for nettsiden. Noen eksempler belyser dette best:</p>
<div id="attachment_309" class="wp-caption alignnone" style="width: 490px"><img class="size-full wp-image-309" title="grid_utregningsekspempler" src="http://www.blogandtell.net/wp-content/uploads/grid_utregningsekspempler.png" alt="3 eksempler på utregning av sidebredde" width="480" height="139" /><p class="wp-caption-text">3 eksempler på utregning av sidebredde</p></div>
<p>Hvilket antall kolonner og hvilken bredde/høyde på hver grid-rute som er riktig for nettstedet eller de enkelte sidene i nettstedet er en vurderingsak i hvert tilfelle. Dette er et puslespill hvor man gjerne tar hensyn til:</p>
<ul>
<li>Hva og hvor mye skal med på en gitt nettside? (Informasjonsarkitektur)</li>
<li>Er det forhåndsbestemte mediaelementer som skal fungere i grid&#8217;et (f.eks. video eller reklamebannere i standardstørrelser)?</li>
<li>Hvilken gridstørrelse er formålstjenlig ifht. formspråket &#8211; er det lettere å sette opp sidene med mindre ruter eller større ruter?</li>
</ul>
<p>Personlig liker jeg å jobbe med grid som baserer seg på tall som er lette å dele på hele antall piksler, f.eks. 32 som lar seg dele på 2, 4, 8 og 16, eller 24 som lar seg dele på 2, 3, 4, 6, 8 og 12. Når og hvis omstendighetene tilsier at grid&#8217;et skal brytes blir det på denne måten lett å gjøre det på en måte som harmonerer med grid&#8217;ets basistall.</p>
<p>Grid er forøvrig ikke bare til hjelp som et verktøy for design. Det finnes flere rammeverk i CSS som gir støtte for svært effektiv implementasjon av nettsider ved bruk av grid. Et godt eksempel er <a title="Blueprint CSS" href="http://www.blueprintcss.org/" target="_blank">Blueprint CSS</a> som lar deg definere et grid i tråd med det du har benyttet ved design av nettsidene, og som deretter genererer CSS som enkelt lar deg posisjonere elementene i forhold til dette grid&#8217;et.</p>
<h2>Det gylne snitt</h2>
<p>Vi har funnet optimal bredde for nettsiden vår, og definert et bra grid vi kan jobbe med. Men hva var egentlig det snakket om det gylne snitt i starten av innlegget?</p>
<p>Det gylne snitt er et forholdstall som har lang historie innen arkitektur, kunst, design og musikk. Mange menneskeskapte verker bærer i seg det gylne snitt, og tallet finnes også igjen i mange former i naturen. Det gylne snitt defineres ved at man deler en linje i en lang og en kort del, hvor forholdet mellom den lengste delen og den korteste delen er det samme som forholdet mellom hele linjen og den lengste delen av linjen. <a title="Wikipedia har en forklarende artikkel" href="http://en.wikipedia.org/wiki/Golden_section" target="_blank">Wikipedia har en forklarende artikkel</a>.</p>
<p>Jeg ble overrasket over referansen til det gylne snitt i kontekst av nettsidebredde. Det er tradisjonelt et begrep som hører mer til design for papirtrykk enn for piksler. Når det er sagt er det er ikke noe galt i å forsøke å innarbeide dette prinsippet, men det virker nokså tynt å skyve det foran seg som en forklaring på hvorfor man akkurat måtte bruke 945 piksler, særlig når man ikke kommer inn på hva 945 skal stå i forhold til. Det gylne snitt er et interessant forholdstall som kan gi vakre proporsjoner. Det er et virkemiddel som kan vurderes brukt på samme måte som andre virkemidler &#8211; ikke et slags komposisjonsmessig dogme som må etterkommes for enhver pris og uten spørsmål. Et godt grid vil stort sett gjøre mer for kvaliteten enn det å innarbeide det gylne snitt for ett eller flere forhold på nettsiden din.</p>
<p>Uten mulighet til selv å ta tak i formgivningen som var utført for kunden anbefalte vi på generelt grunnlag å benytte den største av de to skjermbreddene som det allerede var sunket tid og penger i å utvikle,  basert på prinsippene vi har vært innom her. I og med det tyske kontoret dermed har fått viljen sin får vi håpe at også det gylne snitt vil bidra til å heve det ferdige produktet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2009/01/06/den-gylne-skjermbredde/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Agile og brukerorientert design</title>
		<link>http://www.blogandtell.net/2008/08/13/agile-og-brukerorientert-design/</link>
		<comments>http://www.blogandtell.net/2008/08/13/agile-og-brukerorientert-design/#comments</comments>
		<pubDate>Wed, 13 Aug 2008 07:09:01 +0000</pubDate>
		<dc:creator>Harald Hegerberg</dc:creator>
				<category><![CDATA[Agile]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaksjonsdesign]]></category>
		<category><![CDATA[Kodekvalitet]]></category>
		<category><![CDATA[Metode]]></category>
		<category><![CDATA[Prosjektplanlegging]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[brukervennlig]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/2008/08/13/agile-og-brukerorientert-design/</guid>
		<description><![CDATA[Mye har vært tenkt, skrevet og misjonert om metodeverk for utvikling av programvare. Nå har Alan Cooper laget en interaktiv avhandling om hvorledes interaksjonsdesign og brukerorientert utvikling henger sammen med Agile, og hvorledes elementer fra dette (og andre) metodeverk kan bidra til større suksess med løsninger som skal brukes av mennesker.
Dette må være obligatorisk lesing [...]]]></description>
			<content:encoded><![CDATA[<p>Mye har vært tenkt, skrevet og misjonert om metodeverk for utvikling av programvare. Nå har Alan Cooper laget en interaktiv avhandling om hvorledes interaksjonsdesign og brukerorientert utvikling henger sammen med Agile, og hvorledes elementer fra dette (og andre) metodeverk kan bidra til større suksess med løsninger som skal brukes av mennesker.</p>
<p>Dette må være obligatorisk lesing for alle som bidrar til utvikling av programvare &#8211; enten man er produkteier, kunde, bruker, kravstiller, leder, interaksjonsdesigner, systemarkitekt, programmerer eller tester. Og for en gangs skyld er jeg ganske overbevist om at alle kan enes om en felles referanseramme. Istedet for å starte en ny debatt om hva som er det ene, korrekte svaret.</p>
<p>Nyt bildene, nyt innsikten &#8211; dette er nesten magisk:</p>
<p><a href="http://www.cooper.com/journal/agile2008/" title="http://www.cooper.com/journal/agile2008/">http://www.cooper.com/journal/agile2008/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2008/08/13/agile-og-brukerorientert-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Feature Driven Development</title>
		<link>http://www.blogandtell.net/2008/05/23/feature-driven-development/</link>
		<comments>http://www.blogandtell.net/2008/05/23/feature-driven-development/#comments</comments>
		<pubDate>Fri, 23 May 2008 08:53:59 +0000</pubDate>
		<dc:creator>Fredrik Paasche</dc:creator>
				<category><![CDATA[Agile]]></category>
		<category><![CDATA[Metode]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/2008/05/23/feature-driven-development/</guid>
		<description><![CDATA[ 
Større systemer og applikasjoner er som regel delt opp i horisontale lag. De øverste lagene er nærmest sluttbrukerne og de nederste lagene er nærmest databasen og de eksterne systemene. Lagene i midten håndterer forretningslogikk. 

Hvordan skal man gå frem for å utvikle et stort system? Vi tar for gitt at fossefallsmetoden er foreldet og at [...]]]></description>
			<content:encoded><![CDATA[<p><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px; line-height: normal"> </span>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Større systemer og applikasjoner er som regel delt opp i horisontale lag. De øverste lagene er nærmest sluttbrukerne og de nederste lagene er nærmest databasen og de eksterne systemene. Lagene i midten håndterer forretningslogikk. </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="j-mh0" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Hvordan skal man gå frem for å utvikle et stort system? Vi tar for gitt at fossefallsmetoden er foreldet og at vi ser oss om etter en mer smidig (agile) prosess. I tillegg til Scrum og Extreme Programming (XP) finnes det en metodikk kalt &#8220;Feature Driven Development&#8221; (FDD) som er utviklet av <a href="http://en.wikipedia.org/wiki/Jeff_De_Luca" title="Jeff de Luca">Jeff de Luca</a> og <a href="http://en.wikipedia.org/wiki/Peter_Coad" title="Peter Coad">Peter Coad</a>. </p>
<p><span id="more-76"></span>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"> </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="kym.0" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Hvis man setter funksjonalitet i fokus, kan man tenke seg at funksjonalitet skjærer vertikalt gjennom alle lagene. For å implementere use casen &#8220;Registrer ny kunde&#8221; trengs det sannsynligvis brukergrensesnitt, forretningslogikk, integrasjon og datalagring.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="x8.70" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Tanken bak FDD er at planlegging, design og utvikling styres av funksjoner, og at funksjoner utvikles en etter en selv om de berører alle de horisontale lagene i systemet.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="vntt2" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">En kort forklaring på hvordan FDD virker:</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="fju10" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">1. FDD starter med modellering. Domene-eksperter forklarer forretningsdomenet til utviklerne. Dette dokumenteres.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="y3.q0" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">2. Forretningsdomenet deles opp i områder som igjen har aktiviteter. Aktivitenene beskrives som &#8220;features&#8221; på en formell måte som minner om use cases. Features skal ikke tar mer enn 2 uker å utvikle.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="v-xp0" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">3. Planlegging skjer ved at aktiviteter fordeles på utviklingsteam.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="isw80" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">4. Design av en feature.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="rr6g0" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">5. Utvikling av en feature.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><br id="mrkw0" /></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Forskjellige utviklingsteam kan jobbe i parallell med forskjellige features. Erfaringer etter at en feature er ferdig mates tilbake til modellen som ble beskrevet i punkt 1.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"> </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Fordelen med å jobbe på denne måten er man ender opp med fungerende software, ikke bare moduler som virker i seg selv, men som er avhengig av andre moduler for å anses som komplett. Et utviklingsteam vil også få en eierfølelse og et ansvar for en hel feature, ikke bare en del av av systemet.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"> </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Alt dette er vel og bra, og case studies beskrevet av Butler Group viser til store innsparinger ved bruk av denne metodikken.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">  </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Jeg kan ikke forstå annet en at denne utviklingsmetodikken vil sette veldig store krav til kommunikasjon mellom de forskjellige utviklingsteamene for å unngå duplisering av arbeid. Jeg vil også tro at en stor grad av refactoring blir nødvendig etter hvert som nye features implementeres. </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"> </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Som vanlig er litteraturen som omhandler denne metodikken full av store ord og generelle vendinger, men ikke så veldig mye om eventuelle negative sider eller ting man bør passe på i FDD-prosjekter. </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"> </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Hvis noen har erfaringer med bruk av FDD i praksis, så del dem gjerne med andre ved å kommentere dette innlegget.</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">  </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px">Mer om Feature Driven Development finner du her:</p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><a href="http://en.wikipedia.org/wiki/Feature_Driven_Development" title="http://en.wikipedia.org/wiki/Feature_Driven_Development">http://en.wikipedia.org/wiki/Feature_Driven_Developmen</a>t </p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><a href="http://www.nebulon.com/fdd/index.html" title="http://www.nebulon.com/fdd/index.html">http://www.nebulon.com/fdd/index.html</a></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"><a href="http://www.featuredrivendevelopment.com/" title="http://www.featuredrivendevelopment.com/">http://www.featuredrivendevelopment.com/</a></p>
<p id="k48m2" style="margin-top: 0px; margin-bottom: 0px"> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2008/05/23/feature-driven-development/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dynamisk prosjektgjennomføring</title>
		<link>http://www.blogandtell.net/2007/11/29/dynamisk-prosjektgjennomf%c3%b8ring/</link>
		<comments>http://www.blogandtell.net/2007/11/29/dynamisk-prosjektgjennomf%c3%b8ring/#comments</comments>
		<pubDate>Thu, 29 Nov 2007 15:56:56 +0000</pubDate>
		<dc:creator>Harald Hegerberg</dc:creator>
				<category><![CDATA[Agile]]></category>
		<category><![CDATA[Metode]]></category>
		<category><![CDATA[Prosjektplanlegging]]></category>
		<category><![CDATA[XP]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/2007/11/29/dynamisk-prosjektgjennomf%c3%b8ring/</guid>
		<description><![CDATA[Dynamisk er fint. Dynamisk betyr bevegelig, effektivt og hensiktsmessig. Dynamisk er et plussord, og udynamisk er et tilsvarende minusord. Dersom man kaller en person udynamisk er det ikke for å rose, skryte og framheve positive egenskaper. Udynamisk er det når ting er helt fast definert, og man (nærmest vrangvillig) ikke ønsker å bevege på dem. [...]]]></description>
			<content:encoded><![CDATA[<p>Dynamisk er fint. Dynamisk betyr bevegelig, effektivt og hensiktsmessig. Dynamisk er et plussord, og udynamisk er et tilsvarende minusord. Dersom man kaller en person <strong>udynamisk</strong> er det ikke for å rose, skryte og framheve positive egenskaper. Udynamisk er det når ting er <strong>helt fast definert</strong>, og man (nærmest vrangvillig) ikke ønsker å bevege på dem. Udynamisk gjør det vanskelig å gjøre annet enn det som er <strong>faktisk planlagt</strong> og avtalt &#8211; og gode idéer skal man helst ikke presentere underveis. For å sikre gode vilkår for <strong>innovasjon og kreativitet</strong> er det derfor viktig å være dynamisk.</p>
<p>I Tarantell leverer vi prosjekter. Prosjekter er (av andre enn oss) definert som å være “ikke-repeterende” arbeidsoppgaver. En form for dugnad, der man setter ned en arbeidsgruppe eller prosjektgruppe på tvers av linjeorganisasjonen; på tvers av <strong>ordinære ansvar</strong> og oppgaver. En prosjektgruppe har mandat til å løse én <strong>bestemt oppgave</strong>, innenfor gitte <strong>tidsrammer og budsjettrammer</strong>.</p>
<p>Et prosjekt kan i sin natur ikke gjentas. Om det kunne, ville det vært en prosess, en produksjonsprosess &#8211; som gjerne kunne inngå i en industribedrift. Måten man lager hamburgere på hos McDonalds er en slik prosess: man følger de samme stegene og kommer til det samme resultatet. Gang på gang, i et repeterende mønster.<br />
I et prosjekt kan man <strong>gjenbruke</strong> erfaringen og <strong>kunnskapen</strong> som ligger igjen hos prosjektdeltakerne, men prosjektet i seg selv er for unikt til å gjentas steg for steg.</p>
<p>Gjennom denne ganske raske argumentasjonsrekken kan man trekke den slutningen <strong>prosjekter</strong> (som er unike) har <strong>behov for dynamikk</strong> (for å sikre nødvendig innovasjon og kreativitet). <strong>Dynamiske prosjekter</strong> burde derfor være et plussord som var mye brukt. Men det er det ikke.  Istedet hører man mye om <strong>agile prosjektmetoder</strong>, smidighet, fleksibilitet og effektivitet. Dette er verktøy for å <strong>nå prosjektets målsetning</strong> &#8211; ikke for å påvirke prosjektets målsetninger. Den kreativiteten og innovasjonen man gir rom for er for å <strong>levere</strong> det beste resultatet &#8211; ikke for å <strong>omdefinere behovet</strong>.</p>
<p>Det er viktig å se denne forskjellen, slik at man legger til rette for den rette bruken av alle kreative krefter (og de er mange!). Prosjekt som arbeidsform er i de fleste tilfeller lagt opp som en relativt rigid og udynamisk gjennomføring. Man har fastsatte budsjettmidler, en fast tidsramme og et fast team av mennesker til å løse oppgaven. At teamet eller arbeidsgruppen har behov for en smidighet i sin <strong>gjennomføring</strong> er lett å se: Når alt annet er fastlagt, er det kun den mennesklige tilpasningsevne som kan dekke opp for uforutsette forhold (og de er det OGSÅ mange av!).</p>
<p>Finnes det da ikke dynamiske prosjekter der ute? Prosjekter der målsetningene defineres basert på en kontinuerlig læringsprosess?<br />
De finnes. Men jeg er ikke sikker på om det gjør prosjektgruppens arbeid noe enklere. I dynamiske prosjekter vil man arbeide på et høyt abstraksjonsnivå; og man er nært koblet til forretningsstrategi og bevilgning av midler. Dette gir helt andre leveransetyper enn de man er vant til i mer rendyrkede utviklingsprosjekter. Man vil f.eks. levere en idé, et mandat, en beslutningsunderlag &#8211; kort sagt <strong>et premiss</strong> for å gjøre den endelige leveransen. Og det er noe ganske annet enn en å komme til en sluttført løsningsleveranse.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2007/11/29/dynamisk-prosjektgjennomf%c3%b8ring/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scrum og strategi</title>
		<link>http://www.blogandtell.net/2007/11/07/scrum-og-strategi/</link>
		<comments>http://www.blogandtell.net/2007/11/07/scrum-og-strategi/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 14:32:22 +0000</pubDate>
		<dc:creator>Harald Hegerberg</dc:creator>
				<category><![CDATA[Agile]]></category>
		<category><![CDATA[Metode]]></category>
		<category><![CDATA[Prosjektplanlegging]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/2007/11/07/scrum-og-strategi/</guid>
		<description><![CDATA[For å reparere myten om at alle IT-prosjekter leverer a) For Sent, b) Over Budsjett og c) Med Irrelevant Funksjonalitet er den gjengse oppfatning at svaret har ankommet. Enter Scrum.
Med hurtige iterasjoner, fokus på burn down og team som ikke konstant forstyrres av endrede krav er framtiden allerede ankommet. Veien blir målet, vi reiser sammen [...]]]></description>
			<content:encoded><![CDATA[<p>For å reparere myten om at alle IT-prosjekter leverer a) For Sent, b) Over Budsjett og c) Med Irrelevant Funksjonalitet er den gjengse oppfatning at svaret har ankommet. Enter Scrum.</p>
<p>Med hurtige iterasjoner, fokus på burn down og team som ikke konstant forstyrres av endrede krav er framtiden allerede ankommet. Veien blir målet, vi reiser sammen og alle ender på samme sted, på samme side i boken, funksjonaliteten er som avtalt, kvaliteten er i henhold til planlagt nivå &#8211; og tid og kostnader er under kontroll.</p>
<p>Andre, gammeldagse metodeverk konsentrerer seg om å planlegge før man går til aksjon &#8211; også kalt fossefall. Noen helt klare ulemper med dette er at fossefallsprosjekter har en tendens til å vare lenge, og de kravene man hugde i steintavlene ved prosjektets start er kanskje ikke like viktige lenger. Kostnadsrammene er fastsatt, og rigid endringshåndtering sørger for at det er vanskelig å omprioritere kravene underveis. Dersom man allikevel velger å endre kravene blir tidsrammene forskøvet og man må tilføre mer budsjettmidler. Fordelen, vil mange hevde, er at det er langt lettere å knytte dette til standard kontrakter og juridiske avtaleverk.</p>
<p>I hverdagen oppleves det slik at fossefallsprosjekter betinger en god del støtteleveranser. Dokumentasjon. I utgangspunktet vil det være en god idé å dokumentere sine planer og veivalg, slik at partene er enige om hvilke prioriteringer prosjektet har gjort. Men ofte er det slik at: a) leverandøren må sette av produksjonskapasitet (les: programmerere) for å dokumentere, og b) oppdragsgiver ikke har kompetanse eller tilgjengelig tid til å vurdere planene.</p>
<p>Dersom man i korte iterasjoner KODER i stedet for å dokumentere vil man være produktiv tidligere, og det blir enklere og mer oversiktlig for oppdragsgiver å ta stilling til resultatet, og å prioritere den viktigste funksjonaliteten. At standard kontraktsverk ikke ennå støtter denne partnerorienterte arbeidsformen skal jeg ikke komme nærmere inn på her.</p>
<p>Men: I prosjekter av strategisk natur vil ikke løsningsområdet være tydelig. Målsetningen kan være å øke inntekter; å redusere kostnader; å søke nye forretningsmuligheter. Å starte å kode noe på dag 1 vil i slike tilfeller være en relativt sikker måte å ødsle med tid og penger på. Man vil ikke kunne vite om man er på riktig plattform, med riktig personell, og man kan bare gjette på hva kravene til løsningen kan være.</p>
<p>Ingen fare, sier scrummerne. Scrum kan brukes til alt mulig, også strategiarbeid. Dette er selvsagt 100% korrekt, gitt at HELE prosjektet dreier seg om strategi. Men dersom første iterasjon dreier seg om strategisk fundament, andre iterasjon vil dreie seg om plattform- og leverandørvalg, tredje iterasjon om etablering av infrastruktur etc. har jeg følgende påstand: Dette er fossefall. Og det er fossefall med en uhensiktsmessig metode. Teamet vil måtte endres fra iterasjon til iterasjon, backlog kan ikke videreføres, koding må avvente anskaffelse og leverandørvalg etc. I slike tilfeller vil man være langt bedre tjent med å splitte opp i flere og mindre prosjekter. Eller å benytte en velprøvd fossefallsmodell med faseinndelinger, formaldokumenter og beslutningspunkter.</p>
<p>At Scrum inneholder samspillsregler og oppmuntrer til god internkommunikasjon i prosjektgjennomføring kan bare applauderes. At man har fokus på produktivitet og klare ansvarsforhold likeså. Men som verktøy må det være tilpasset oppgaven.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2007/11/07/scrum-og-strategi/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Der hvor skapet skal stå</title>
		<link>http://www.blogandtell.net/2007/08/07/der-hvor-skapet-skal-sta/</link>
		<comments>http://www.blogandtell.net/2007/08/07/der-hvor-skapet-skal-sta/#comments</comments>
		<pubDate>Tue, 07 Aug 2007 08:32:39 +0000</pubDate>
		<dc:creator>Stephan Winter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Ingen kategori]]></category>
		<category><![CDATA[Interaksjonsdesign]]></category>
		<category><![CDATA[Kodekvalitet]]></category>
		<category><![CDATA[Metode]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/2007/08/07/der-hvor-skapet-skal-sta/</guid>
		<description><![CDATA[Når skapets posisjon skal diskuteres er det noen man skal lytte til mer enn andre. Når skapet heter webapplikasjoner og webteknologi så hører jeg etter når Martin Fowler og David Heinemeier Hansson snakker. Når ovenfornevnte størrelser snakker sammen og moderator heter Scott Hanselman, da setter jeg iTunes på repeat.

Martin Fowler innehar den ikke helt trivielle [...]]]></description>
			<content:encoded><![CDATA[<p>Når skapets posisjon skal diskuteres er det noen man skal lytte til mer enn andre. Når skapet heter webapplikasjoner og webteknologi så hører jeg etter når <a href="http://martinfowler.com/">Martin Fowler</a> og <a href="http://www.37signals.com/svn/">David Heinemeier Hansson</a> snakker. Når ovenfornevnte størrelser <a href="http://www.hanselminutes.com/default.aspx?showID=82">snakker <span style="font-style: italic">sammen</span></a> og moderator heter <a href="http://www.hanselminutes.com/default.aspx">Scott Hanselman</a>, da setter jeg iTunes på repeat.<br />
<span id="more-26"></span><br />
<a href="http://martinfowler.com/">Martin Fowler</a> innehar den ikke helt trivielle tittelen &#8220;Chief Scientist&#8221; hos programvare og konsulentselskapet <a href="http://www.thoughtworks.com/">ThoughtWorks</a>. Han er regnet som pionér innen objektorientert teknologi, refactoring, patterns, smidige metoder, domenemodellering, UML og Extreme Programming. Han er også representert blant forfatterne av<a href="http://agilemanifesto.org/"> Agile Manifestet</a>. Kort summert har Fowler sagt og skrevet mye som forhåpentligvis har påvirket hvordan vi jobber.</p>
<p>Hørt om <a href="http://www.tadalist.com/">Ta-da</a> og <a href="http://www.backpackit.com/">Backpack</a>? <a href="http://www.37signals.com/svn/">David Heinemeier Hansson</a> hos <a href="http://www.37signals.com/">37signals</a> er programmereren og evangelisten bak disse applikasjonene. Han er nå leder for videreutviklingen av det ikke helt ukjente rammeverket <a href="http://www.rubyonrails.com/">Ruby on Rails</a> og har svært klare ideer om hvordan utvikling av webapplikasjoner skal foregå.</p>
<p>Etter en obskønt amerikansk intro sparker Hanselman moroa i gang : Må HTML vike for rikere presentasjonsteknologier som Apollo og Silverlight? Hansson tar resolutt til motmæle og omfavner HTML/CSS/JavaScript for begrensningene og konvensjonene det gir. Orginalitet er ikke nødvendigvis en god ting i UI design, de tradisjonelle teknologiene gir både brukere, designere og utviklere kjente modeller å jobbe med. Hansson ser ingen grunn til å finne opp flere hjul. Fowler kunne vanskelig vært mer enig, rike klienter er fint og flott til fancy gadgets, widgets og desktopapplikasjoner men mangler rammene som HTML med venner gir. Folk flest takler ikke friheten som følger med et blankt ark, og dette vil gå på brukervennligheten løs. Verktøy og muligheter kommer i fokus og interaksjonsdesignet havner på sidelinjen. Gode prosesser som forener smidig utvikling og usability er områder som behøver ytterligere fokus ærklærer Fowler og jeg kjenner jeg blir litt rørt.</p>
<p>Designet må komme først og gjerne tett påfulgt av HTML &#8211; design er ikke pynting som vi legger på toppen etterpå, men utgangspunktet for applikajsonen. Heinemeier Hansson tror designere tåler litt Ruby kode i HTML&#8217;en sin og i tillegg skal man strebe etter å få reelle data på lufta så fort som mulig &#8211; &#8220;lorem ipsum&#8221; må gå. Funksjonelle spesifikasjoner trenger vi heller ikke, applikasjonen er spekken og hvis vi ikke liker den så forandrer vi den, når som helst, og hvor grunnleggende som helst. Fowler stepper inn med presiseringer: Design først, men ikke for mye. Virkeligheten forandrer seg for ofte til at man kan gå tre måneder i tenkeboksen og tegne opp hvert eneste skjermbilde. Man skal utvikle i små steg og være forberedt på endring, nøkkelord her er <a href="http://en.wikipedia.org/wiki/Unit_testing">Enhetstesting</a> og rammeverk. Jeg kjenner at jeg nikker og smiler.</p>
<p>Diskusjonen vender seg mot estetikk i kode og hvordan strengt dogmatiske rammeverk tvinger utviklere til å gjøre ting pent og riktig helt fra starten av samtidig som det avler engasjerte sjeler. For debattdeltagerne er trenden er tydelig: alfautviklere og tilsvarende kunder går bort fra Microsoft og fossefallsmetode til fordel for mer engasjerende metoder og teknologier &#8211; med andre ord: Agile og Rails.</p>
<p>Podcasten i sin helhet finner du her:<br />
<a href="http://www.hanselminutes.com/default.aspx?showID=82">http://www.hanselminutes.com/default.aspx?showID=82</a></p>
<p>Namedropped:<br />
<a href="http://www.agileproductdesign.com/">Jeff Patton</a><br />
<a href="http://www.dancingmango.com/blog/">Marc Mcneill</a><br />
<a href="http://www.codeplex.com/treesurgeon">Treesurgeon</a><br />
<a href="http://worrydream.com/MagicInk/">Magic ink manifesto</a></p>
<p>Fritt sammendratt av<br />
Stephan Winter</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2007/08/07/der-hvor-skapet-skal-sta/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Klassiske feilgrep i prosjekter</title>
		<link>http://www.blogandtell.net/2007/07/07/klassiske-feilgrep-i-prosjekter/</link>
		<comments>http://www.blogandtell.net/2007/07/07/klassiske-feilgrep-i-prosjekter/#comments</comments>
		<pubDate>Sat, 07 Jul 2007 08:49:54 +0000</pubDate>
		<dc:creator>John Inge Hervik</dc:creator>
				<category><![CDATA[Metode]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/2007/07/07/klassiske-feilgrep-i-prosjekter/</guid>
		<description><![CDATA[I artikkelen Classic Mistakes Enumerated beskriver Steven C. McConnell en rekke klassiske feilgrep som stadig blir gjort i utviklingsprosjekter. Boken som artikkelen er hentet fra ble skrevet for over 10 år siden, men er skremmende relevant fortsatt. En av grunnene til at det stadig blir gjort slike klassiske feil er at de har en besnærende [...]]]></description>
			<content:encoded><![CDATA[<p>I artikkelen <a href="http://www.stevemcconnell.com/rdenum.htm">Classic Mistakes Enumerated</a> beskriver Steven C. McConnell en rekke klassiske feilgrep som stadig blir gjort i utviklingsprosjekter. Boken som artikkelen er hentet fra ble skrevet for over 10 år siden, men er skremmende relevant fortsatt. En av grunnene til at det stadig blir gjort slike klassiske feil er at de har en besnærende appell. For eksempel: Er prosjektet forsinket? Sett flere personer på prosjektet! Ønsker du å redusere tidsforbruket i prosjektet? Gjør prosjektplanen mer aggressiv!</p>
<p>Selv om man oppdager og unngår slike feil, vil man ikke nødvendigvis få et raskt og effektivt utviklingsløp, sier han. Men ved å gjøre disse feilene vil man få et lenger prosjektløp enn nødvendig.</p>
<p><span id="more-23"></span></p>
<p>Mange av disse klassiske feilene er nok velkjent for de fleste, og det er beskrevet måter å unngå flere av dem. &#8220;Adding people to a late project&#8221; feilen, ble så tidlig som i 1975 beskrevet i boken The Mythical Man-Month av Fred Brooks, men fortsatt er det prosjektledere som synes at tanken om å bli fortere ferdig ved å tilføre flere hoder, er besnærende.</p>
<p>Artikkelen til McConnell er interessant for alle som er involvert i utviklingsprosjekter, og kan fungere fint som en sjekkliste for å bidra til at et prosjekt holder riktig kurs.</p>
<p>Artikkelen finner du her: <a href="http://www.stevemcconnell.com/rdenum.htm">http://www.stevemcconnell.com/rdenum.htm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2007/07/07/klassiske-feilgrep-i-prosjekter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Agile usability</title>
		<link>http://www.blogandtell.net/2007/05/31/agile-usability/</link>
		<comments>http://www.blogandtell.net/2007/05/31/agile-usability/#comments</comments>
		<pubDate>Thu, 31 May 2007 13:26:38 +0000</pubDate>
		<dc:creator>Stephan Winter</dc:creator>
				<category><![CDATA[Interaksjonsdesign]]></category>
		<category><![CDATA[Metode]]></category>

		<guid isPermaLink="false">http://www.blogandtell.net/wordpress/2007/05/31/agile-usability/</guid>
		<description><![CDATA[Scott W. Ambler presenterer sin strategi for å integrere brukerorientert design(UCD) i agile metodikk. Det redegjøres kort for de grunnleggende sidene ved agile utvikling og UCD. Han avliver en del myter rundt begge disiplinene før han gjør rede for henholdsvis modellering av brukeropplevelse og brukertesting i prosjekter som kjører agile.  
Sett med mine Focus Dailies® så er [...]]]></description>
			<content:encoded><![CDATA[<p>Scott W. Ambler <a target="_blank" href="http://www.agilemodeling.com/essays/agileUsability.htm" title="Agile usability">presenterer sin strategi</a> for å integrere brukerorientert design(UCD) i agile metodikk. Det redegjøres kort for de grunnleggende sidene ved agile utvikling og UCD. Han avliver en del myter rundt begge disiplinene før han gjør rede for henholdsvis modellering av brukeropplevelse og brukertesting i prosjekter som kjører agile.<span>  </span></p>
<p>Sett med mine Focus Dailies® så er dette morsom og viktig lesning. Agile metodikk har gjerne et utviklerperspektiv hvor den enkelte utvikler igjennom f.eks. personas eller kundekontakt ivaretar brukervennligheten i løsningen. Dette er vel og bra men erstatter ikke kvaliteten de tyngre UCD metoder og utøvere produserer. Ambler foreslår gjensidig tilnærming og kompromisser men tar han fortsatt for lett på UCD? &#8211; Kjør debatt.</p>
<p style="font-size: 11pt; margin: 0in"><a href="http://www.agilemodeling.com/essays/agileUsability.htm" title="Agile usability">http://www.agilemodeling.com/essays/agileUsability.htm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogandtell.net/2007/05/31/agile-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
