<?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/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>UXD</title>
	<atom:link href="http://uxd.dk/feed/" rel="self" type="application/rss+xml" />
	<link>http://uxd.dk</link>
	<description>User Experience Design blog af Henning Nielsen</description>
	<lastBuildDate>Sat, 06 Aug 2011 17:09:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Cursor affordance</title>
		<link>http://uxd.dk/cursor-affordance</link>
		<comments>http://uxd.dk/cursor-affordance#comments</comments>
		<pubDate>Sat, 19 Mar 2011 23:45:08 +0000</pubDate>
		<dc:creator>Henning Nielsen</dc:creator>
				<category><![CDATA[Affordance]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://draft.uxd.dk/?p=31</guid>
		<description><![CDATA[Arbejder du med MS Office har du sikkert lagt mærke til flere af disse cursors, som via deres form er med til at indikere hvilke interaktionsmuligheder du har (cursor affordance). Denne måde at visualisere hvad du kan ved hjælp af musen er jeg stor tilhænger af. Vi ved at folk ofte bruger musen til at [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-331" title="Cursor affordance" src="http://uxd.dk/wp-content/uploads/2011/02/cursor-affordance.png" alt="" width="500" height="28" /></p>
<p>Arbejder du med MS Office har du sikkert lagt mærke til flere af disse cursors, som via deres form er med til at indikere hvilke interaktionsmuligheder du har (cursor affordance). Denne måde at visualisere hvad du kan ved hjælp af musen er jeg stor tilhænger af.</p>
<p>Vi ved at folk ofte bruger musen til at undersøge et interface med, derfor er det også oplagt at udnytte denne viden til at synliggøre ting der ellers kan virke skjulte.</p>
<p><img class="alignnone size-full wp-image-423" title="Photoshop opacity" src="http://uxd.dk/wp-content/uploads/2011/03/photoshop-opacity.png" alt="" width="369" height="319" /></p>
<p>I Photoshop har du traditionelt en slider til at indstille opacity med. Men kører du musen hen over lablen Opacity vil du opdage at musens markør skifter til en hånd med to små pile. Du har nu de samme muligheder for at indstille opacity uden egentlig at have fat i selve kontrollen. En lækker UI detalje der gør arbejdet med opacity meget hurtigere.</p>
<p>Så designer du software hvor visse elementer virker lidt for hemmelige er det måske værd at overveje om en custom cursor kan være en hjælp til dine brugere &#8211; til bedre at se deres interaktionsmuligheder.</p>
<div class="shr-publisher-31"></div>]]></content:encoded>
			<wfw:commentRss>http://uxd.dk/cursor-affordance/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/02/cursor-affordance-150x28.png" />
		<media:content url="http://uxd.dk/wp-content/uploads/2011/02/cursor-affordance.png" medium="image">
			<media:title type="html">Cursor affordance</media:title>
			<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/02/cursor-affordance-150x28.png" />
		</media:content>
		<media:content url="http://uxd.dk/wp-content/uploads/2011/03/photoshop-opacity.png" medium="image">
			<media:title type="html">Photoshop opacity</media:title>
			<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/03/photoshop-opacity-150x150.png" />
		</media:content>
	</item>
		<item>
		<title>Personlig branding med Gravatar</title>
		<link>http://uxd.dk/personlig-branding-med-gravatar</link>
		<comments>http://uxd.dk/personlig-branding-med-gravatar#comments</comments>
		<pubDate>Fri, 18 Mar 2011 22:54:29 +0000</pubDate>
		<dc:creator>Henning Nielsen</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Off-topic]]></category>

		<guid isPermaLink="false">http://uxd.dk/?p=300</guid>
		<description><![CDATA[Virker disse billeder bekendte? Men er du i tvivl om hvordan du får dem udskiftet med dit eget billede? Så læs med her og bliv samtidig klogere på hvordan du bruger din Gravatar til personlig branding. En Gravatar (Globally Recognized avatar) er kort fortalt et billede der følger dig over alt på nettet hvor du [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-306" title="Gravatar" src="http://uxd.dk/wp-content/uploads/2011/03/gravatar.jpg" alt="" width="98" height="54" />Virker disse billeder bekendte? Men er du i tvivl om hvordan du får dem udskiftet med dit eget billede? Så læs med her og bliv samtidig klogere på hvordan du bruger din Gravatar til personlig branding.</p>
<p>En Gravatar (<strong>G</strong>lobally <strong>R</strong>ecognized <strong>avatar</strong>) er kort fortalt et billede der følger dig over alt på nettet hvor du bruger din e-mail, selvfølgelig forudsat at de hjemmesider og blogs du besøger anvender Gravatars.</p>
<p>Brugen af Gravatars er en fremragende måde at arbejde med personlig branding på. Jo flere blogs du besøger der anvender Gravatars, jo flere steder dukker dit profilbillede op.</p>
<p>Bruger du forskellige e-mails kan du koble forskellige billeder til de enkelte e-mails. Men husk, at hvis du bruger det samme billede overalt så er du nemmere at genkende og du har nemmere ved at styrke dit personlige brand, end hvis du bruger forskellige billeder.</p>
<p>Personligt synes jeg brugen af Gravatar har den fordel, at vi slipper for alt for mange anonyme kommentarer. Vi får ansigt på dem vi chatter med og det føles på en måde mere som en samtale.</p>
<p>Derudover tror jeg at Gravatars langt hen ad vejen er med til at holde en god tone, da vi netop sætter ansigt på og således står mere ved det vi skriver.</p>
<p><strong>Sådan får du selv en Gravatar:</strong></p>
<ul>
<li>Gå til <a title="gravatar.com" href="http://gravatar.com/">gravatar.com</a></li>
<li>Sign Up øverst på forsiden</li>
<li>Følg linket i aktiveringsmailen</li>
<li>Upload dit billede</li>
</ul>
<p>Hver gang du bruger denne e-mail vil dit billede nu automatisk dukke op på de blogs der anvender Gravatars &#8211; det gælder iøvrigt også alle de blogs du tidligere har besøgt med denne e-mail adresse.</p>
<div class="shr-publisher-300"></div>]]></content:encoded>
			<wfw:commentRss>http://uxd.dk/personlig-branding-med-gravatar/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/03/gravatar.jpg" />
		<media:content url="http://uxd.dk/wp-content/uploads/2011/03/gravatar.jpg" medium="image">
			<media:title type="html">Gravatar</media:title>
		</media:content>
	</item>
		<item>
		<title>Understøtter du mobilen i dit form design?</title>
		<link>http://uxd.dk/understoetter-du-mobilen-i-dit-form-design</link>
		<comments>http://uxd.dk/understoetter-du-mobilen-i-dit-form-design#comments</comments>
		<pubDate>Mon, 07 Mar 2011 18:42:49 +0000</pubDate>
		<dc:creator>Henning Nielsen</dc:creator>
				<category><![CDATA[Forms]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://draft.uxd.dk/?p=61</guid>
		<description><![CDATA[For nylig var jeg via min iPhone en smut forbi DK-hostmaster for at genoprette et suspenderet domæne. En process der kræver at du udfylder en formular med 11 felter. Det burde være så lige til men faktisk var det ret irriterende. Problemet med formularen er at alle labels står til venstre for input-felterne, hvilket gør [...]]]></description>
			<content:encoded><![CDATA[<p>For nylig var jeg via min iPhone en smut forbi <a title="DK-Hostmaster" href="https://www.dk-hostmaster.dk/selvbetjening/genopret-domaenenavn/?no_cache=1">DK-hostmaster</a> for at genoprette et suspenderet domæne. En process der kræver at du udfylder en formular med 11 felter.</p>
<p>Det burde være så lige til men faktisk var det ret irriterende. Problemet med formularen er at alle labels står til venstre for input-felterne, hvilket gør at de forsvinder når man &#8216;tabber&#8217; ind i et af dem for at skrive (da mobilen zoomer ind på det felt man har valgt).</p>
<p><img class="alignnone size-full wp-image-99" title="Form design" src="http://uxd.dk/wp-content/uploads/2011/02/form-design.jpg" alt="" width="510" height="506" /></p>
<p>Jeg kunne selvfølgelig ikke huske alle 11 labels hvilket gjorde at jeg flere gange måtte zoome ud og ind for at komme igennem formularen.</p>
<p>Måske det er på tide med en mobil udgave? Eller måske DK-Hostmaster (og sikkert rigtig mange webshop ejere) i det mindste bør overveje at optimere deres formularer så den mobile oplevelse bliver bedre.</p>
<p>Én mulighed for at forbedre formularen er at placere labels over inputfelterne. Det gør det nemt at udfylde felterne fra en mobil fordi labes altid er synlige.</p>
<p><img class="alignnone size-full wp-image-295" title="Form felter" src="http://uxd.dk/wp-content/uploads/2011/03/form-felter-1.gif" alt="" width="236" height="208" /></p>
<p>En anden mulighed er at bruge <a title="indlejret labels" href="http://uxmovement.com/forms/how-to-pull-off-putting-labels-inside-textboxes">indlejret labels</a> som vi efterhånden ser mere og mere. Et problem med de indlejrede labels kan dog være at aflæse felterne når formularen er udfyldt.</p>
<p><img class="alignnone size-full wp-image-296" title="Form felter" src="http://uxd.dk/wp-content/uploads/2011/03/form-felter-2.jpg" alt="" width="304" height="222" /></p>
<p>Et god tip til at komme dette til livs fik jeg af en <a title="cfulgsang" href="http://twitter.com/cfuglsang">kollega</a> som viste mig eksemplet ovenfor hvor <a title="Ally Creative" href="http://allycreative.net/contact/">Ally Creative</a> har valgt at supplere felterne med ikoner så de er nemmere at aflæse efter de er udfyldt.</p>
<div class="shr-publisher-61"></div>]]></content:encoded>
			<wfw:commentRss>http://uxd.dk/understoetter-du-mobilen-i-dit-form-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/02/form-design-150x150.jpg" />
		<media:content url="http://uxd.dk/wp-content/uploads/2011/02/form-design.jpg" medium="image">
			<media:title type="html">Form design</media:title>
			<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/02/form-design-150x150.jpg" />
		</media:content>
		<media:content url="http://uxd.dk/wp-content/uploads/2011/03/form-felter-1.gif" medium="image">
			<media:title type="html">Form felter</media:title>
			<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/03/form-felter-1-150x150.gif" />
		</media:content>
		<media:content url="http://uxd.dk/wp-content/uploads/2011/03/form-felter-2.jpg" medium="image">
			<media:title type="html">Form felter</media:title>
			<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/03/form-felter-2-150x150.jpg" />
		</media:content>
	</item>
		<item>
		<title>iTunes UI på iPhone</title>
		<link>http://uxd.dk/itunes-ui-iphone</link>
		<comments>http://uxd.dk/itunes-ui-iphone#comments</comments>
		<pubDate>Tue, 01 Mar 2011 23:20:36 +0000</pubDate>
		<dc:creator>Henning Nielsen</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.draft.uxd.dk/?p=11</guid>
		<description><![CDATA[En lækker UI detalje ved iTunes på iPhone er Apples måde at udnytte den begrænsede plads. I eksemplet herover udnyttes den venstre side af cellen i table view&#8217;et først til et cover, derefter til en preloader og endelig som en afspiller med timeline &#8211; nifty.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-47" title="iTunes p� iPhone" src="http://uxd.dk/wp-content/uploads/2011/02/itunes-iphone.png" alt="" width="466" height="221" /></p>
<p>En lækker UI detalje ved iTunes på iPhone er Apples måde at udnytte den begrænsede plads. I eksemplet herover udnyttes den venstre side af cellen i table view&#8217;et først til et cover, derefter til en preloader og endelig som en afspiller med timeline &#8211; nifty.</p>
<div class="shr-publisher-11"></div>]]></content:encoded>
			<wfw:commentRss>http://uxd.dk/itunes-ui-iphone/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/02/itunes-iphone-150x150.png" />
		<media:content url="http://uxd.dk/wp-content/uploads/2011/02/itunes-iphone.png" medium="image">
			<media:title type="html"></media:title>
			<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/02/itunes-iphone-150x150.png" />
		</media:content>
	</item>
		<item>
		<title>Kort om bloggen</title>
		<link>http://uxd.dk/kort-om-bloggen</link>
		<comments>http://uxd.dk/kort-om-bloggen#comments</comments>
		<pubDate>Tue, 01 Mar 2011 22:23:11 +0000</pubDate>
		<dc:creator>Henning Nielsen</dc:creator>
				<category><![CDATA[UXD]]></category>

		<guid isPermaLink="false">http://draft.uxd.dk/?p=44</guid>
		<description><![CDATA[Under paraplyen finder du hovedparten af de emner jeg forventer at komme omkring her på bloggen. Paraplyen er ikke tænkt som en generel UXD paraply men nærmere en der viser hvad der interesserer mig og hvad du kan forvente at læse mere om i senere indlæg. Du kan holde dig opdateret om nye indlæg via [...]]]></description>
			<content:encoded><![CDATA[<div>
<p><img class="alignnone size-full wp-image-223" title="UXD paraply" src="http://uxd.dk/wp-content/uploads/2011/01/uxd-umbrella.png" alt="" width="508" height="400" /></p>
<p>Under paraplyen finder du hovedparten af de emner jeg forventer at komme omkring her på bloggen. Paraplyen er ikke tænkt som en generel UXD paraply men nærmere en der viser hvad der interesserer mig og hvad du kan forvente at læse mere om i senere indlæg.</p>
<p>Du kan holde dig opdateret om nye indlæg via mit <a title="RSS feed" href="http://uxd.dk/feed">RSS feed</a> eller ved at følge mig på <a title="twitter.com/henningnielsen" href="http://twitter.com/henningnielsen">twitter</a> hvor jeg kvidrer om UX og deler links.</p>
<p>Kort om mig. Jeg hedder Henning Nielsen, har to dejlige børn, spiller golf når tiden er til det og arbejder til daglig som User Experience Designer hos <a title="Systematic" href="http://www.systematic.com">Systematic</a>.</p>
</div>
<div class="shr-publisher-44"></div>]]></content:encoded>
			<wfw:commentRss>http://uxd.dk/kort-om-bloggen/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/01/uxd-umbrella-150x150.png" />
		<media:content url="http://uxd.dk/wp-content/uploads/2011/01/uxd-umbrella.png" medium="image">
			<media:title type="html">UXD paraply</media:title>
			<media:thumbnail url="http://uxd.dk/wp-content/uploads/2011/01/uxd-umbrella-150x150.png" />
		</media:content>
	</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)

Served from: uxd.dk @ 2012-02-23 07:53:40 -->
