<?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>grooveblog.ch &#187; Usability</title>
	<atom:link href="http://www.grooveblog.ch/index.php/tag/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.grooveblog.ch</link>
	<description>überraschende online-kommunikation</description>
	<lastBuildDate>Mon, 19 Jul 2010 09:00:13 +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>Checkliste: 6 Punkte für optimales App-Design</title>
		<link>http://www.grooveblog.ch/index.php/2010/03/checkliste-6-punkte-fur-optimales-app-design/</link>
		<comments>http://www.grooveblog.ch/index.php/2010/03/checkliste-6-punkte-fur-optimales-app-design/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 16:04:46 +0000</pubDate>
		<dc:creator>Daniel Lütolf</dc:creator>
				<category><![CDATA[Mobil & iPhone]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.grooveblog.ch/?p=377</guid>
		<description><![CDATA[Selbstverständlich sind folgende 6 Punkte für das optimale App-Design nicht abschliessend. Aber wenn Du diese einhälst und dazu noch eine gute und nutzbringende Idee hast, wirst Du mit mit Deiner App mit grosser Wahrscheinlichkeit Erfolg haben.   Der 6-Punkte-Plan Optimale Flächennutzung In der Regel stehen 320&#215;480 Pixel bei einer Auflösung von 163 dpi zu Verfügung. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grooveblog.ch/wp-content/uploads/2010/03/iphone_summary.jpg"></a><a href="http://www.grooveblog.ch/wp-content/uploads/2010/03/sechs_punkte.jpg"><img class="alignleft size-thumbnail wp-image-380" style="margin-left: 15px; margin-right: 15px;" title="sechs_punkte" src="http://www.grooveblog.ch/wp-content/uploads/2010/03/sechs_punkte-150x150.jpg" alt="" width="150" height="150" /></a>Selbstverständlich sind folgende 6 Punkte für das optimale App-Design nicht abschliessend.</p>
<p>Aber wenn Du diese einhälst und dazu noch eine gute und nutzbringende Idee hast, wirst Du mit mit Deiner App mit grosser Wahrscheinlichkeit Erfolg haben.</p>
<p><span id="more-377"></span></p>
<h2> </h2>
<h2>Der 6-Punkte-Plan</h2>
<ul class="bullet-6">
<li><strong>Optimale Flächennutzung</strong><br />
In der Regel stehen 320&#215;480 Pixel bei einer Auflösung von 163 dpi zu Verfügung. In der Tat sollte ein Minimum von 5&#215;5 Millimetern nicht unterschritten werden. Zu viele Informationen auf einer kleinen Fläche sind nicht ideal.  Die Gestaltung sollte grosszügig sein und kleinteiliger Inhalt vermeiden. Navigationsflächen sind in ihrer Grundgestaltung standardisiert rund oder quadratisch und Schaltflächen deutlich gekennzeichnet. Plastisches Design erzeugt übrigens einen haptischen Eindruck &#8211; als könnte man es anfassen.</li>
<li><strong>Starke Kontraste</strong><br />
Umgebungseinflüsse, aber auch grosse Farbtiefe moderner Displays beeinflussen die Erkennbarkeit auf dem Screen. Starke Kontraste erhöhen hier die Usability spürbar.</li>
<li><strong>Joy of Use</strong><br />
Das iPhone macht nicht nur Spass, es ist richtungsweisend in der Bedienung: Interface-Designs sollten natürlich Gesten nutzen und verstärken: Wischen, blättern, skalieren, schütteln &#8211; das sind nicht nur ergonomische, sondern mittlerweile auch iPhone-Standards. Das beliebteste Gadget beim Bild.de-App ist als Beispiel das &#8220;Seite-3-Girl&#8221;: Um es bis auf die Unterwäsche auszuziehen, muss das iPhone geschüttelt werden&#8230; Charmante und authentische Animationen sind willkommene Feedback-Elemente. Noch einmal in aller Deutlichkeit: Der Mensch will spielen und Spass haben, ist grundsätzlich ein neugieriges Wesen &#8211; also bedienen wir doch diese Eigenschaften.</li>
<li><strong>Navigation</strong><br />
Setzen auf vertraute Standards: Experimente sind nur dann zulässig, wenn sie Spass machen und nachvollziehbar sind. So ist zum Beispiel die Blick-App mit einer eher dürftigen Navigation (man muss immer wieder zurück zum Ursprung) suboptimal, der Tagi oder 20 Minuten hier wesentlich besser abschneiden (weitere Artikel sind jeweils unten angehängt). Eigentlich sollte dies ja klar sein&#8230;</li>
<li><strong>Simplicity</strong><br />
Navigationsstrukturen sind oft komplex, gerade im Internet. Bei Smartphones allerdings gilt das oberstes Gesetz der Einfachheit. Vertraute Dinge oder Metaphern visualisieren hochkomplexe, technische Abläufe. Ein hierzu gutes Beispiel ist die Bloomberg-App: komplexe Sachverhalte und Feeds werden mit den iPhone-typischen Elementen (siehe Joy of Use) ausgestattet und wird dadurch einfach bedienbar.</li>
<li><strong>Spürbarer Response</strong><br />
Smartphones reagieren ad hoc! Jedes Feedback eines Endgerätes muss nicht nur unmittelbar, sondern auch auffällig erfolgen. Hier leisten häufig Spezialeffekte wie zum Beispiel &#8220;Hintergrund-Abdunkeln&#8221; (Lightbox und dergleichen) hilfreiche unterstützung. Oder einen klaren Lade-Hinweis in Form von &#8220;sich-füllenden-Balken&#8221; wie beim Tagi sind gut.</li>
</ul>
<h2>Meine App wurde abgelehnt &#8211; was tun?</h2>
<p>Um das Risiko von etwaigen Beanstandungen zu reduzieren, solltest Du dich per Google-Suche nach den Schlagwörtern &#8220;<a href="http://www.google.ch/#hl=de&amp;source=hp&amp;q=iphone+app+rejection&amp;meta=&amp;aq=0&amp;aqi=g1&amp;aql=&amp;oq=iphone+app+reje&amp;gs_rfai=&amp;fp=1&amp;cad=b" target="_blank">iPhone app rejection</a>&#8221; schon mal vorab über die wichtigsten Ablehnungsgründe informieren. Apple kann ziemlich restrikiv sein &#8211; dies insbesondere bei Bildern nackter Frauen. Selbstverständlich muss der Code in Ordnung sein und die App darf keine gravierenden Bugs haben.</p>
<p>Also genau die Apple-Bestimmungen einhalten und sauber programmieren &#8211; so sollte es eigentlich kein Problem sein, Deine App über den App-Store zu sharen.</p>
<h2>Wo stehe ich mit meiner App?</h2>
<p>Ist der App-Launch endlich geschafft, fängt die Arbeit &#8211; wie im Web üblich &#8211; erst an: <strong>iTunes Connect informiert über Download-Zahlen</strong>. Die App-Bewertung durch die Nutzer gibt schnell eine Einschätzung, ob Idee und Umsetzung beim User ankommen. Bei Kritik gilt es, möglichst schnell zu reagieren in Form von Updates &#8211; oder die App wieder ganz von der Plattform zu nehmen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.grooveblog.ch/index.php/2010/03/checkliste-6-punkte-fur-optimales-app-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>wertvolle Links</title>
		<link>http://www.grooveblog.ch/index.php/2008/09/wertvolle-links/</link>
		<comments>http://www.grooveblog.ch/index.php/2008/09/wertvolle-links/#comments</comments>
		<pubDate>Fri, 19 Sep 2008 13:32:41 +0000</pubDate>
		<dc:creator>Daniel Lütolf</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Accessbility]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.grooveblog.ch/?p=53</guid>
		<description><![CDATA[Hier einige Linktipps zu den Themen &#8220;Marketing, Kommunikation, Joomla-CMS, Virales Marketing und Web, die ich euch nicht vorenthalten möchte.   Marketing und Kommunikation http://www.persoenlich.com Online-Portal zur Kommunikationsbrache der Schweiz mit täglichem Newsletter. http://www.werbewoche.ch Werber-Portal zur Werbung und Kommunikation http://www.slogans.de Finden Sie umfangreiche und verlässliche Informationen zu über 25.000 Slogans, 16.000 Marken und 1.800 Agenturen in [...]]]></description>
			<content:encoded><![CDATA[<p>Hier einige Linktipps zu den Themen &#8220;Marketing, Kommunikation, Joomla-CMS, Virales Marketing und Web, die ich euch nicht vorenthalten möchte.<br />
<span id="more-53"></span></p>
<h2> </h2>
<h2>Marketing und Kommunikation</h2>
<ul class="bullet-6">
<li><a href="http://www.persoenlich.com" target="_blank">http://www.persoenlich.com</a><br />
Online-Portal zur Kommunikationsbrache der Schweiz mit täglichem Newsletter.</li>
<li><a href="http://www.werbewoche.ch" target="_blank">http://www.werbewoche.ch</a><br />
Werber-Portal zur Werbung und Kommunikation</li>
<li><a href="http://www.slogans.de" target="_blank">http://www.slogans.de</a><br />
Finden Sie umfangreiche und verlässliche Informationen zu über 25.000 Slogans, 16.000 Marken und 1.800 Agenturen in einer in dieser Form einzigartigen offenen, interaktiven und laufend erweiterten Datenbank.</li>
<li><a href="http://www.markenlexikon.com" target="_blank">http://www.markenlexikon.com</a><br />
Markenlexikon.com ist das grösste Markenportal im deutschsprachigen Raum mit Markenwissen von A bis Z. Absolut empfehlenswert.</li>
</ul>
<h2>Viral-Marketing</h2>
<ul class="bullet-6">
<li><a href="http://www.punchbaby.com" target="_blank">http://www.punchbaby.com</a><br />
Sehens- und hörenswert. Mehr muss nicht gesagt werden&#8230; <img src='http://www.grooveblog.ch/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </li>
<li><a href="http://viral.lycos.co.uk" target="_blank">http://viral.lycos.co.uk</a><br />
Die Viral-Marketing-Charts vom Land des schwarzen Humors&#8230;</li>
<li><a href="http://de.wikipedia.org/wiki/Virales_Marketing" target="_blank">http://de.wikipedia.org/wiki/Virales_Marketing</a><br />
Definition (wissenschaftlich nicht beglaubigt <img src='http://www.grooveblog.ch/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  und umfassende Informationen zum viralen Marketing</li>
<li><a href="http://www.sr.se/P1/src/sing/#" target="_blank">http://www.sr.se/P1/src/sing/#</a><br />
Witzige Kampagne vom schwedischen Nationalradio-Sender SR, wo Sie ihre eigene Lyrics zu bestehenden Songs generieren können.</li>
<li><a href="http://www.abseits.de" target="_blank">http://www.abseits.de</a><br />
Umfangreiche Übersicht zum Thema Viral-Marketing mit guten Links.</li>
</ul>
<h2>Joomla-Works</h2>
<ul class="bullet-6">
<li><a href="http://www.joomlaportal.ch" target="_blank">http://www.joomlaportal.ch</a><br />
Das wichtigste und gut geführte Joomla-Portal in der Schweiz von Pete Coutts und seinem Team. <strong>Grosser Dank</strong> an dieser Stelle für eure Hilfe und den damit verbundenen Aufwand.</li>
<li><a href="http://www.joomlaportal.de" target="_blank">http://www.joomlaportal.de</a><br />
Analog Joomlaportal.ch, nur unsere nordische Ausgabe. Ebenfalls sehr empfehlenswert.</li>
<li><a href="http://www.joomla.org" target="_blank">http://www.joomla.org</a><br />
Das Joomla-CMS gehört neben dem Typo3-CMS zum weltweit beliebtesten, kostenlosen Content Management System (CMS) der Welt. Und dies zurecht <img src='http://www.grooveblog.ch/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </li>
</ul>
<h2>Webdesign, Usability und Accessbility</h2>
<ul class="bullet-6">
<li><a href="http://de.selfhtml.org" target="_blank">http://de.selfhtml.org</a><br />
Von wegen Old-School&#8230; Dies ist immer noch DIE Kompetenz in Sachen Webgrundgerüst. Eher mit den technischen Apsekten von HTML, CSS &amp; Co beschäftigt sich die inzwischen legendäre Site von Stefan Münz SelfHTML. Die wichtigste deutsche Websprache-Referenz.</li>
<li><a href="http://www.w3.org" target="_blank">http://www.w3.org</a><br />
Eine Adresse, die jeder Webdesigner kennen muss. Diese Organisation entwickelt Spezifikationen, Anleitungen, Tools und vor allem verbindliche Standards für das Internet.</li>
<li><a href="http://www.drweb.de" target="_blank">http://www.drweb.de</a><br />
Seit 1997 bietet die Dr.Web Site sehr gute Praxistipps und ist nachwievor neutral und unabhängig. Dennoch muss für tiefergehende Artikel eine Gebühr entrichtet werden.</li>
<li><a href="http://www.access-for-all.ch" target="_blank">http://www.access-for-all.ch</a><br />
Umfangreiches Portal zum Thema &#8220;Zugang-für-alle&#8221;.ZUGANG FÜR ALLE, die Schweizerische Stiftung zur behindertengerechten Technologienutzung, wurde im November 2000 gegründet. Sie versteht sich als Vermittlerin zwischen dem Anwenderkreis von Menschen mit Behinderung, welche die technologischen Schranken am meisten zu spüren bekommen, und den Geräte- und Informationsanbietern aus dem öffentlichen und privaten Sektor.</li>
<li><a href="http://www.useit.com" target="_blank">http://www.useit.com</a><br />
Blog und Portal vom Usability-Urvater Dr. Jakob Nielsen.</li>
<li><a href="http://www.usableweb.com" target="_blank">http://www.usableweb.com</a><br />
Die Website des bekannten Webdesigners Keith Instone. Über 700 Links zum Thema Usability und Webergonomie. Leider nur mässig aktuell.</li>
<li><a href="http://www.suchfibel.de" target="_blank">http://www.suchfibel.de</a><br />
Umfangreiche und traditionelle Website zum Thema &#8220;Suchen und Finden&#8221;. Ein Muss für AdWords- und KeyWords-Marketing-Spezialisten.</li>
<li><a href="http://www.suchmaschinentricks.de" target="_blank">http://www.suchmaschinentricks.de</a><br />
Suchmaschinen-Portal mit vielen Tipps und Hilfen.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.grooveblog.ch/index.php/2008/09/wertvolle-links/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
