<?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>H.M.I &#187; ihm</title>
	<atom:link href="http://www.mythrandil.info/blog/tag/ihm/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mythrandil.info/blog</link>
	<description>Humans-Mythrandil Interface</description>
	<lastBuildDate>Wed, 10 Feb 2010 08:48:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Bah ils sont ou mes bonus ?</title>
		<link>http://www.mythrandil.info/blog/2010/01/11/bah-ils-sont-ou-mes-bonus/</link>
		<comments>http://www.mythrandil.info/blog/2010/01/11/bah-ils-sont-ou-mes-bonus/#comments</comments>
		<pubDate>Mon, 11 Jan 2010 08:10:39 +0000</pubDate>
		<dc:creator>Mythrandil</dc:creator>
				<category><![CDATA[Be User-Friendly !]]></category>
		<category><![CDATA[blu-ray]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[ihm]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.mythrandil.info/blog/?p=38</guid>
		<description><![CDATA[Petite expérience personnelle ou comment j'ai galéré pour accéder aux bonus d'un Blu-Ray...]]></description>
			<content:encoded><![CDATA[<p>Depuis Noël, je suis l&#8217;heureux possesseur d&#8217;un lecteur Blu-Ray. Une technologie agréable, les images sont vraiment belles et personnellement je vois une réelle différence avec le DVD.</p>
<p>Mais bon, un lecteur Blu-Ray sans film à voir, c&#8217;est assez triste. J&#8217;ai donc fait l&#8217;achat de deux coffrets : X-Men la Quadrilogie et Matrix La Trilogie.</p>
<p>Amazon m&#8217;ayant livré les deux coffrets séparément j&#8217;ai reçu X-Men en premier. J&#8217;ouvre le coffret, il est plutot beau déjà, bel objet. Mardi dernier, alors que la télévision française ne diffuse rien de bon (à part X-Men 3 sur TF1), on décide de regarder X-Men le film le premier du nom. On regarde le boîtier, sont annoncés pléthore de bonus en tous genres : scènes supplémentaires, making-of, etc. Forcément, 25 Go de place sur le disque, ça aide !</p>
<p>Une fois le film fini, on envisage de regarder ces bonus. Le gros avantage des Blu-Ray, c&#8217;est que désormais ils utilisent des menus JAVA qui peuvent superposer le film.</p>
<div id="attachment_45" class="wp-caption aligncenter" style="width: 570px"><a href="http://www.mythrandil.info/blog/wp-content/uploads/2010/01/xmen3egg1.jpg"><img class="size-full wp-image-45 " title="xmen3egg1" src="http://www.mythrandil.info/blog/wp-content/uploads/2010/01/xmen3egg1.jpg" alt="Menu X-Men 3" width="560" height="315" /></a><p class="wp-caption-text">Menu du Blu-Ray X-Men 3</p></div>
<p>On lance le &laquo;&nbsp;Pop-up menu&nbsp;&raquo;, on va sur Bonus et là&#8230; rien. Juste un système de PiP (<a title="Système de PiP" href="http://fr.wikipedia.org/wiki/Picture_in_picture" target="_blank">Picture in Picture</a>) qui permet de gérer certains bonus durant le film : écouter les commentaires du réalisateur (Bryan Singer), voir les interviews des acteurs durant les scènes clés, voir des extraits de making of et des photos du tournage. Ce système de bonus intégré durant le film s&#8217;appelle Bonus View et permet donc en image intégrée au film d&#8217;ajouter du contenu au film. Grosse déception : il va donc falloir revoir le film pour accéder aux bonus ?</p>
<div id="attachment_43" class="wp-caption aligncenter" style="width: 545px"><a href="http://www.mythrandil.info/blog/wp-content/uploads/2010/01/bonusview2_xmen3.jpg"><img class="size-full wp-image-43" title="bonusview2_xmen3" src="http://www.mythrandil.info/blog/wp-content/uploads/2010/01/bonusview2_xmen3.jpg" alt="" width="535" height="301" /></a><p class="wp-caption-text">Bonus view Picture in Picture X-Men</p></div>
<p>Même si l&#8217;idée est intéressante, cela sous-entend qu&#8217;on ne peut voir les bonus indépendamment du film ?</p>
<p>On range donc X-Men 1 pour regarder dimanche X-Men 2 et 3, toujours le même problème sur les bonus : ou sont nos Making Of et scènes supplémentaires ? Grosse déception à nouveau.</p>
<p>En fait, le menu de Bonus est ridiculement petit mais a beaucoup plus de contenu ! Une flèche, aussi petite qu&#8217;invisible montrait une liste qui continuait lorsqu&#8217;on appuyait sur le bouton &laquo;&nbsp;bas&nbsp;&raquo; de la télécommande du lecteur Blu-Ray.  En gros, la liste présente à l&#8217;écran quatre lignes pour une vingtaine de lignes de bonus et une indication légère permettant de comprendre qu&#8217;il y&#8217;a plus de contenu. Quand on clique sur un élément, enfin le détail de la sélection apparaît sur la droite de la première liste. En bref, un menu mal fait !</p>
<div id="attachment_46" class="wp-caption aligncenter" style="width: 569px"><a href="http://www.mythrandil.info/blog/wp-content/uploads/2010/01/xmenegg2.jpg"><img class="size-full wp-image-46 " title="xmenegg2" src="http://www.mythrandil.info/blog/wp-content/uploads/2010/01/xmenegg2.jpg" alt="" width="559" height="314" /></a><p class="wp-caption-text">Menu Bonus X-Men 2</p></div>
<p>Du coup, qu&#8217;est ce qu&#8217;il aurait fallu faire :</p>
<p>- Plutot qu&#8217;une petite liste, permettre d&#8217;accéder à un menu présentant l&#8217;intégralité des bonus. Ce n&#8217;est plus dans la politique du Blu-Ray. Fini les menus de DVD qui prennent tous l&#8217;écran, désormais, le menu s&#8217;intègre au film et ne doit pas le recouvrir intégralement.  Du coup cette petite liste en bas de l&#8217;écran ne gène pas le film et convient très bien au support Blu-Ray.</p>
<p>- Améliorer le rendu à l&#8217;utilisateur. La flèche utilisée (ou plus exactement un triangle) est de la même couleur que le reste du menu (gris métallisé, style futuriste propre aux X-Men) et rien n&#8217;indique dans la liste présentée à l&#8217;écran qu&#8217;il y&#8217;a plus de contenu. Il aurait été intelligent de coloriser la flèche autrement, montrant que c&#8217;est un élément actif de l&#8217;IHM (contour différent éventuellement) ou encore dans la liste d&#8217;indiquer que plus de contenu suit celui présenté à l&#8217;écran (ligne supplémentaire avec trois petits points &laquo;&nbsp;&#8230;&nbsp;&raquo;, la mention &laquo;&nbsp;Plus&nbsp;&raquo;, &#8230;) ou enfin intégrer la flèche au contenu. En extériorisant la flèche de la liste présentant les bonus, le designer a induit l&#8217;utilisateur en erreur : Ce triangle ne semble pas faire partie du menu &laquo;&nbsp;Bonus&nbsp;&raquo; mais apparaît comme un élément graphique lambda (sur l&#8217;image les deux triangles sont présents permettant d&#8217;aller en haut et en bas dans la liste).</p>
<p>Comme quoi, même en étant un habitué des interfaces informatiques, on peut se planter aussi et passer du temps à chercher comment naviguer dans une interface.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mythrandil.info/blog/2010/01/11/bah-ils-sont-ou-mes-bonus/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Les DataGrids, un élément du passé</title>
		<link>http://www.mythrandil.info/blog/2010/01/05/les-datagrid-un-element-du-passe/</link>
		<comments>http://www.mythrandil.info/blog/2010/01/05/les-datagrid-un-element-du-passe/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 19:01:54 +0000</pubDate>
		<dc:creator>kyom</dc:creator>
				<category><![CDATA[Be User-Friendly !]]></category>
		<category><![CDATA[datagrid]]></category>
		<category><![CDATA[ihm]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[table]]></category>

		<guid isPermaLink="false">http://www.mythrandil.info/blog/?p=5</guid>
		<description><![CDATA[Si vous travaillez dans un milieu où l&#8217;informatique est l&#8217;un de vos éléments  de travail, vous avez probablement dû vous apercevoir qu&#8217;il existe un fléau:Excel.
Les tableurs sont utilisés pour tout et n&#8217;importe quoi. Il existe les  apprentis du tableau qui vont utiliser des cellules avec des formules, il existe  les experts qui <a href="http://www.mythrandil.info/blog/2010/01/05/les-datagrid-un-element-du-passe/" class="more-link">More &#62;</a>]]></description>
			<content:encoded><![CDATA[<p>Si vous travaillez dans un milieu où l&#8217;informatique est l&#8217;un de vos éléments  de travail, vous avez probablement dû vous apercevoir qu&#8217;il existe un fléau:<a href="http://fr.wikipedia.org/wiki/Microsoft_Excel" target="_blank">Excel</a>.</p>
<p>Les tableurs sont utilisés pour tout et n&#8217;importe quoi. Il existe les  apprentis du tableau qui vont utiliser des cellules avec des formules, il existe  les experts qui vont être capables de transformer n&#8217;importe quel classeur en un  super logiciel de gestion avec des macros dans tous les sens. Toutes ces  différentes utilisations font d&#8217;Excel un outil surexploité et non dimensionné à  des besoins spécifiques et réels.</p>
<p>Cette épidémie des tableaux se retrouve dans toutes les applications, même  des applications web ou multimédias. Le manque d&#8217;originalité des programmeurs et  le conformiste des entreprises font qu&#8217;aujourd&#8217;hui les tableaux sont devenus  maitre.</p>
<p>Microsoft avec sa technologie <a href="http://fr.wikipedia.org/wiki/WPF">WPF</a> (pour créer des interfaces) avait compris  qu&#8217;au 21e siècle, représenter des données sous forme tabulaire était dépassé.  Cela n&#8217;a pas empêché d&#8217;irréductible programmeur à combler ce manque.</p>
<p>Il faut arriver à changer les habitudes des développeurs pour qu&#8217;ils  utilisent d&#8217;autres composants pour représenter les données. Il est tant d&#8217;avoir  des applications plus visuelle et intuitive. Certaines données ne doivent pas  être représentées dans des tableaux.</p>
<p><span id="more-5"></span></p>
<p>Par exemple, au lieu de représenter une liste d&#8217;utilisateur sous forme de  tableau, pourquoi ne pas utiliser des cartes de visite ?</p>
<p>Être capable de représenter des données n&#8217;est pas une chose à prendre à la  légère et demande une réelle compétence. Cela peut changer radicalement la  vision que peut avoir un utilisateur sur votre application. Les données doivent  être représentées de façon à être facilement lisible, balayable du regard, et  compréhensible. Noyer l&#8217;utilisateur dans un flot de ligne de donnée n&#8217;est pas  une bonne pratique.</p>
<h2>Différents types de représentation de données</h2>
<p><a href="http://www.mythrandil.info/blog/wp-content/uploads/2009/12/tableclassic.png"><img class="aligncenter size-medium wp-image-18" title="DataGrid Classique" src="http://www.mythrandil.info/blog/wp-content/uploads/2009/12/tableclassic-300x160.png" alt="" width="300" height="160" /></a>Représentation de données utilisateur de façon classique, sous forme de tableau.</p>
<p><a href="http://www.mythrandil.info/blog/wp-content/uploads/2009/12/tableflow.png"><img class="aligncenter size-medium wp-image-19" title="DataGrid Flow" src="http://www.mythrandil.info/blog/wp-content/uploads/2009/12/tableflow-300x152.png" alt="" width="300" height="152" /></a>Représentation semi-classique, ajout de séparateurs pour classifier les données et aider à la recherche visuelle.</p>
<p><a href="http://www.mythrandil.info/blog/wp-content/uploads/2009/12/card.png"><img class="aligncenter size-medium wp-image-16" title="Cartes de visite" src="http://www.mythrandil.info/blog/wp-content/uploads/2009/12/card-300x160.png" alt="" width="300" height="160" /></a>Affichage sous forme de carte de visite.</p>
<p><a href="http://www.mythrandil.info/blog/wp-content/uploads/2009/12/custom.png"><img class="aligncenter size-medium wp-image-17" title="Représentation personalisée" src="http://www.mythrandil.info/blog/wp-content/uploads/2009/12/custom-300x172.png" alt="" width="300" height="172" /></a>Affichage des données de façon personnalisée et  claire.</p>
<p><em>Les captures d&#8217;écran proviennent de <a href="http://xceed.com/Grid_WPF_Intro.html">Xceed DataGrid for WPF</a>.</em></p>
<h2>En bref</h2>
<p>Les DataGrid, ou la représentation de données sous forme  de tableau, existe depuis le début de l&#8217;informatique. Depuis l&#8217;arrivée des  interfaces riches et du multimédia dans les applications, son utilisation ne  doit plus être systématique. Dès qu&#8217;une autre représentation plus claire et plus  visuelle peut être envisagée, il est préférable de s&#8217;oublier le DataGrid  classique. Bien sûr, cela doit se faire au cas par cas, néanmoins moins utiliser  de tableaux doit faire partie du processus de développement  informatique.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mythrandil.info/blog/2010/01/05/les-datagrid-un-element-du-passe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
