<?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>Brukskvalitet &#187; iphone</title>
	<atom:link href="http://www.brukskvalitet.no/tag/iphone/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brukskvalitet.no</link>
	<description>Gjør livet lettere</description>
	<lastBuildDate>Tue, 29 Jun 2010 12:34:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Hvordan lære bort interaksjonsdesign til 50 ungdommer på en halv dag.</title>
		<link>http://www.brukskvalitet.no/2009/hvordan-l%c3%a6re-bort-interaksjonsdesign-til-50-ungdommer-pa-en-halv-dag/</link>
		<comments>http://www.brukskvalitet.no/2009/hvordan-l%c3%a6re-bort-interaksjonsdesign-til-50-ungdommer-pa-en-halv-dag/#comments</comments>
		<pubDate>Mon, 23 Mar 2009 06:14:01 +0000</pubDate>
		<dc:creator>Ole Andreas Alsos</dc:creator>
				<category><![CDATA[Generelt]]></category>
		<category><![CDATA[Teknikker]]></category>
		<category><![CDATA[Visuell design]]></category>
		<category><![CDATA[interaksjonsdesign]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[it camp]]></category>
		<category><![CDATA[jenter og data]]></category>
		<category><![CDATA[papirprototyping]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://www.brukskvalitet.no/?p=726</guid>
		<description><![CDATA[Motivasjon er en forutsetning for læring. Derfor må interaksjonsdesign læres bort på en motiverende måte. Her er historien om hvordan vi lærte bort interaksjonsdesign til 50 ungdommer på en halv dag. Som et rekrutteringstiltak for å få opp andelen jenter på IT-studier i Trondheim, arrangerte Jenter og Data ved prosjektleder Nina Kotte, NTNU, en IT-camp [...]]]></description>
			<content:encoded><![CDATA[<p>Motivasjon er en forutsetning for læring. Derfor må interaksjonsdesign læres bort på en motiverende måte. Her er historien om hvordan vi lærte bort interaksjonsdesign til 50 ungdommer på en halv dag.</p>
<p>Som et rekrutteringstiltak for å få opp andelen jenter på IT-studier i Trondheim, arrangerte <a href="http://datajenter.ntnu.no/jd/jenterogdata.php">Jenter og Data</a> ved prosjektleder Nina Kotte, <a href="http://ntnu.no">NTNU,</a> en IT-camp i Trondheim hvor 50 jenter fra videregåendeskoler rundt omkring i landet ble invitert. <a href="http://www.brukskvalitet.no/om-brukskvalitet/">Jeg</a>, <a href="http://www.idi.ntnu.no/people/person.php?id=17">professor Dag Svanæs</a> og student <a href="http://tenketing.net">Lars K. Flem</a> arrangerte øvelsen.</p>
<p><img class="alignnone size-medium wp-image-747" title="Foto: Kai T. Dragland" src="http://www.brukskvalitet.no/wp-content/uploads/2009/03/bilde-85-400x127.png" alt="Foto: Kai T. Dragland" width="400" height="127" /></p>
<p><span id="more-726"></span>Siden iPhone fortsatt er rimelig hot blandt unge mennesker i dag, baserte vi oss på den som basis for prototypen som ble bruk. Vi skrev ut 50 bilder av en iPhone, monterte de på capafix (en 5 mm tykk pappplate med lim for montering av bilder), og skar ut formen til en iPhone ved hjelp av en skarp tapetkniv. Det resulterte i 50 papptelefoner som i form og tykkelse ikke ligner så aller verst på den &#8220;ekte&#8221; saken. I tillegg skar vi til post-it lapper slik at de passet rimelig nøyaktig inn på skjermen til en papirtelefonen, heretter kalt <em>pappPhone</em>.</p>
<p>Hver av deltakerne fikk utdelt en pappPhone, en bunke tilpassede post-it-notes, og en blyant. Så ble de instruert til å dra ned til <a href="http://www.trondheimtorg.no/">Trondheim Torg</a> (et kjøpesenter midt i Trondheim sentrum) perfekt for shoppeglade unge damer. Her ble instruert til å lage et mobilt system som skulle forbedre shoppingopplevelsen deres ved hjelp av pappPhonen og. De fikk oppgitt at iPhonen hadde GPS (som for anledningen også fungerte innendørs), Bluetooth og RFID-leser.</p>
<p>I kjøpesenteret gikk elevene rundt (med fotograf <a href="http://www.idi.ntnu.no/people/person.php?id=251">Kai T. Dragland</a> på slep) og &#8220;brainstormet&#8221; seg frem til nyttige (og unyttige) funksjoner på telefonen ved hjelp av pappPhonen som prototyp. Mange gikk rundt på egen hånd fra butikk til butikk og brukte pappPhonen til å komme på ideer, noen intervjuet butikkpersonalet, andre snakket med kunder.</p>
<p><img class="alignnone size-medium wp-image-748" title="Foto: Kai T. Dragland" src="http://www.brukskvalitet.no/wp-content/uploads/2009/03/bilde-86-400x187.png" alt="Foto: Kai T. Dragland" width="400" height="187" /></p>
<p>Elevene trakk seg deretter tilbake til flere grupperom der de fikk beskjed om å lage en poster der de presenterte den beste av ideene de kom frem til.</p>
<p><img class="alignnone size-medium wp-image-750" title="Foto: Kai T. Dragland" src="http://www.brukskvalitet.no/wp-content/uploads/2009/03/bilde-87-400x205.png" alt="Foto: Kai T. Dragland" width="400" height="205" /></p>
<p>Det kom frem flere gode ideer under posterfremvisningen:</p>
<p><strong>Trendråd: </strong>Flere av gruppene kom frem til applikasjoner som hjelper deg med å finne frem klesplagg som passer deg i forhold til dine vitale mål, øyefarge, hårfarge. Noen baserte seg på trendråd basert på informasjon som du selv oppgir. Andre og mer avanserte varianter kan du gjøre en &#8220;virtuell&#8221; prøving av klærne uten å ta det på; du tar bare bilde av klesplagget på kleshegeren, så lager applikasjonen et bilde av deg med klesplagget på slik at du ser hvordan det kommer til å ta seg ut. <strong></strong></p>
<p><strong>Karttjeneste:</strong> Telefonen tilbyr en innendørs karttjeneste som for eksempel hjelper deg med å finne veien og menyen til restauranter i kjøpesenteret<strong></strong></p>
<p><strong>Kølapp:</strong> På telefonen kan du trekke kølapp til apoteket på mobiltelefonen mens du fortsatt shopper i en annen butikk.  Underveis i shoppingen får du se hvilket kølappnummer som ekspederes på apoteket, slik at du kan gjøre andre innkjøp i mellomtiden. Alarmen går når ditt klølappnummer nærmer seg og du må løpe til apoteket (se detaljert poster ved å trykke på bildet under).</p>
<p><a href="http://www.brukskvalitet.no/wp-content/uploads/2009/03/itcamp1_171.jpg"><img class="alignnone size-medium wp-image-749" title="Foto: Kai T. Dragland" src="http://www.brukskvalitet.no/wp-content/uploads/2009/03/itcamp1_171-400x286.jpg" alt="Foto: Kai T. Dragland" width="400" height="286" /></a></p>
<p><strong>Budsjetthjelp: </strong>Hold styr med hvor mye du shopper for. Systemet kommuniserer med kassasystemene og holder styr med hvor mye du har shoppet for og hvor mye du har igjen på budsjettet. Du får klar beskjed når du har oversteget budsjettet.</p>
<p>Til slutt gjennomførte elevene selv en kåring av beste poster og beste detalj i posteren. Vinnerne (dødt løp) ble en av trendrådløsningene samt det mobile kølappsystemet. På en halv dag lærte altså 50 unge mennesker seg kunsten å prototype gode designløsninger.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2009/hvordan-l%c3%a6re-bort-interaksjonsdesign-til-50-ungdommer-pa-en-halv-dag/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Slik får du til scrolling på papirprototyper</title>
		<link>http://www.brukskvalitet.no/2008/slik-far-du-til-scrolling-pa-papirprototyper/</link>
		<comments>http://www.brukskvalitet.no/2008/slik-far-du-til-scrolling-pa-papirprototyper/#comments</comments>
		<pubDate>Mon, 24 Nov 2008 04:30:28 +0000</pubDate>
		<dc:creator>Ole Andreas Alsos</dc:creator>
				<category><![CDATA[Generelt]]></category>
		<category><![CDATA[Smidig og UX]]></category>
		<category><![CDATA[Teknikker]]></category>
		<category><![CDATA[Visuell design]]></category>
		<category><![CDATA[GUI-prototyping]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobil]]></category>
		<category><![CDATA[papir]]></category>
		<category><![CDATA[papirprototyping]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[yr.no]]></category>

		<guid isPermaLink="false">http://brukskvalitet.wordpress.com/?p=546</guid>
		<description><![CDATA[Scrolling er vanskelig å simulere på papirprototyper, spesielt på mobiltelefoner. Her er en teknikk som løser dette problemet. Oppskriften er enkel Lag prototypbasisen (en tom skjerm) på et stykke tykt papir. Lag et snitt øverst i hele skjermens bredde (du må selvfølgelig spare på eventuelle navigasjonsknapper). Lag et tilsvarende snitt i nedre del. Lag hele [...]]]></description>
			<content:encoded><![CDATA[<p>Scrolling er vanskelig å simulere på papirprototyper, spesielt på mobiltelefoner. Her er en teknikk som løser dette problemet.</p>
<p><img class="alignnone size-medium wp-image-557" title="img_1134cr2" src="/wp-content/uploads/2008/11/img_1134cr2.jpg?w=300" alt="img_1134cr2" width="200" height="150" /> <img class="alignnone size-medium wp-image-562" title="img_1135cr2" src="/wp-content/uploads/2008/11/img_1135cr2.jpg?w=300" alt="img_1135cr2" width="216" height="150" /></p>
<p><span id="more-546"></span></p>
<p>Oppskriften er enkel</p>
<ol>
<li>Lag prototypbasisen (en tom skjerm) på et stykke tykt papir.</li>
<li>Lag et snitt øverst i hele skjermens bredde (du må selvfølgelig spare på eventuelle navigasjonsknapper). Lag et tilsvarende snitt i nedre del.<br />
<img class="alignnone size-medium wp-image-561" title="img_1125cr2" src="/wp-content/uploads/2008/11/img_1125cr2.jpg?w=300" alt="img_1125cr2" width="300" height="203" /></li>
<li>Lag hele skjerminnholdet på en papirstrimle (tykt papir) med nesten samme bredde som snittene øverst og nederst på skjermen.<br />
<img class="alignnone size-medium wp-image-560" title="img_1129cr2" src="/wp-content/uploads/2008/11/img_1129cr2.jpg?w=300" alt="img_1129cr2" width="300" height="186" /></li>
<li>Papirstrimlen stikker du inn i snittene i prototypbasisen fra undersiden øverst og ned fra oversiden nederst.<br />
<img class="alignnone size-medium wp-image-559" title="img_1130cr2" src="/wp-content/uploads/2008/11/img_1130cr2.jpg?w=300" alt="img_1130cr2" width="300" height="199" /></li>
<li>Slik vises et utsnitt av skjerminnholdet i prototypen din.<br />
<img class="alignnone size-medium wp-image-558" title="img_1131cr2" src="/wp-content/uploads/2008/11/img_1131cr2.jpg?w=300" alt="img_1131cr2" width="300" height="191" /></li>
<li>Når brukeren vil scrolle ned eller opp i skjermbildet tar hun papirstrimmelen med fingeren og drar den opp eller ned (du kan eventuelt hjelpe til med å dra papirstrimlen opp eller ned slik at et nytt utsnitt av skjerminnholdet vises)<br />
<img class="alignnone size-medium wp-image-557" title="img_1134cr2" src="/wp-content/uploads/2008/11/img_1134cr2.jpg?w=300" alt="img_1134cr2" width="300" /><a href="http://brukskvalitet.files.wordpress.com/2008/11/img_1135cr2.jpg"><br />
</a><br />
<img class="alignnone size-medium wp-image-562" title="img_1135cr2" src="/wp-content/uploads/2008/11/img_1135cr2.jpg?w=300" alt="img_1135cr2" width="300" /></li>
</ol>
<p>Slik kan du scrolle, selv med en papirprototyp. Det fungerer ikke bare på prototyper av mobiltelefoner. Også scrolling i applikasjoner på større skjermer kan løses med denne metoden.</p>
<p>Hvordan synes du det fungerer? Gi oss tilbakemeldinger!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brukskvalitet.no/2008/slik-far-du-til-scrolling-pa-papirprototyper/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
