warning: Creating default object from empty value in /home/asilomar/iaslash.org/modules/node.module on line 397.
]>
ia/ - Graphics
http://iaslash.org/taxonomy/term/67/0
en
http://iaslash.org/node/7735
n/aWed, 31 Dec 1969 16:00:00 -0800Peter Morville's sweet User Experience Honeycomb
http://iaslash.org/node/7590
<p><i>When I broadened my interest from IA to <span class="caps">UX,</span> I found the need for a new diagram to illustrate the facets of user experience - especially to help clients understand why they must move beyond usability - and so with a little help from my friends developed the user experience honeycomb.</i><br />
The <a href="http://semanticstudios.com/publications/semantics/000029.php"><b>ux honey comb</b></a> is a value centered description of the different aspects of the user experience (unlike the <a href="http://www.nform.ca/files/experience_cycle.pdf">experience cycle</a>, with ux-as-user-process, or <span class="caps">JJG’</span>s <a href="http://www.jjg.net/ia/elements.pdf">famous ux-as-practice model</a>). The UX facets Peter describes are <b>useful, usable, desirable, findable, accessible, and credible</b> - and these all contribute to the central facet - <b>valuable</b> As a value-centered design booster, I think this is the key, and builds a bridge between business and user value - projects need to produce both <span class="caps">ROI </span>and Return on Experience.</p>
Tue, 22 Jun 2004 09:06:36 -0700Process flow meets the London Underground
http://iaslash.org/node/7516
<p>Harry Beck's <a href="http://clives.members.easyspace.com/tube/tube.html#The%20Real%20Underground%20Map">1933 London Underground map</a> is an info design classic (thanks <a href="http://www.emdezine.com/designwritings">Erin</a>). Martin Kay has used the <a href="http://www.kay-uk.com/process_map.htm"><strong>tube map's visual language for flow diagrams</strong></a>. The results are luscious and engaging in a way that vanilla boxes and arrows can't rival. More than just sample deliverables, Martin offers a short explanation, a 7 page guide on creating your own, and a PowerPoint template of map components. <small>(thanks <a href="http://paperandpencil.typepad.com/home/2003/12/using_the_tube_.html">pencil & paper</a>)</small>
<p>
Of course, with any deliverable, there's usually the tradeoff between making it quickly and making it pretty. For the most part, I prefer fast diagrams over pretty. That works great for internal team communication, or for clients who are directly engaged in the process as team members. Reserve the effort of pretty deliverables for final versions or other things that need to do a sales job within the organization. The selling power of a large format color diagram shouldn't be overlooked, even if the pencil sketch version tells the same story.</p>
Tue, 30 Dec 2003 21:25:24 -0800IA Tools - The Comic Book Edition
http://iaslash.org/node/7344
<p><a href="http://www.dswillis.com">Dan Willis</a> has done a great job distilling <a href="http://www.boxesandarrows.com/archives/ia_classics_tools_of_the_trade_in_comic_book_form.php">core IA tools into 1 page explanations</a> complete with quirky characters. Fun, and hopefully useful in explaining what IAs can offer.</p>
Tue, 22 Apr 2003 15:14:31 -0700MetaMap
http://iaslash.org/node/7334
<p><a href="http://mapageweb.umontreal.ca/turner/meta/english/metamap.html">MetaMap</a> is an interesting visualization of metadata initiatives.</p>
<blockquote><p>With the exponential development of the World Wide Web, there are so many metadata initiatives, so many organisations involved, and so many new standards that it's hard to get our bearings in this new environment.</p>
<p>The problem is exacerbated by the fact that the names of most of these new standards are represented by acronyms. The MetaMap exists to help gather in one place information about these metadata initiatives, to try to show relationships among them, and to connect them with the various players involved in their creation and use.</p>
<p>The MetaMap takes the form of a subway map, using the metaphor of helping users navigate in "metaspace", the environment of metadata.</p></blockquote>
<p><a href="http://www.catalogablog.blogspot.com/">Thanks, Catalogablog (David Bigwood)</a></p>
Tue, 15 Apr 2003 04:47:43 -0700IA is like...Dating!
http://iaslash.org/node/7333
<p>Keith Instone pointed me to this great poster from CHI:<br />
<a href="http://www.miyukishimbo.com/shell/dating.html">Dating Example for Information Architecture</a>. Clever, humorous, and good for explaining IA to people who have no idea what a sitemap is, but have bought or received a dozen roses.
<p>
There's also a <a href="http://www.interactionary.com/files/IADating.pdf">short write-up of the piece</a> (280kb PDF) that Keith sent by email. If you know where the "official" location of the write-up is, please let me know in the comments.</p>
Mon, 14 Apr 2003 11:10:14 -0700Slablets and hiptops
http://iaslash.org/node/7071
<p><a href="http://www.v-2.org/displayArticle.php?article_num=109">Adam pointed</a> to this page showing a bunch of <a href="http://www.winsupersite.com/showcase/tabletpc_preview.asp">photos of the slablet</a>. The tablet, now a hybrid tablet/laptop thing looks a little bit on the bulky side.</p>
<p>On the slightly less bulky side of the new hardware offerings this season is the <a href="http://www.danger.com/products.php">hiptop</a>, which I got to check out when I met with <a href="http://www.visuallee.com/weblog/">Mike Lee yesterday</a>.</p>
Thu, 07 Nov 2002 11:50:28 -0800The iceberg diagram
http://iaslash.org/node/7070
<p>Peter Morville's <a href="http://peterme.com/archives/00000320.html">iceberg diagram</a> on Peterme.</p>
Thu, 07 Nov 2002 11:30:52 -0800Map of 12,647 WiFi access points in Manhattan
http://iaslash.org/node/7059
<p><a href="http://www.voidstar.com/node.php?id=937">Julian</a> found <a href="http://werbach.com/blog/images/PIPsurvey.gif">this info graphic</a> showing 12,647 WiFi access points in Manhattan. The data was compiled by wardriving every street! Pretty cool. Indicates access points with red dots. Occurence of access points is dense where you might expect -- commercial areas and middle to high income residential areas.</p>
<p>Note that this includes private, secured, private unsecured, commercial open and public open points. It was compiled by the <a href="http://www.publicinternetproject.org/pages/869855/index.htm">Public Internet Project</a>. Also cool is the WiFi access finder on <a href="http://www.nycwireless.net/">nycwireless</a>.</p>
Sat, 02 Nov 2002 05:56:27 -0800Dilbert on interface design
http://iaslash.org/node/4646
<p>xblog found these. Don't share them with your technology team.</p>
<ul><a href="http://dilbert.com/comics/dilbert/archive/dilbert-20020923.html">I designed the user interface myself.</a></p>
<p><a href="http://dilbert.com/comics/dilbert/archive/dilbert-20020924.html">Mahjobbis Crappus</a></ul>
Tue, 08 Oct 2002 07:54:19 -0700Icons
http://iaslash.org/node/4645
<p>I have a <a href="http://www.studioid.com/projects/icons/">new set of icons available</a>.</p>
Tue, 08 Oct 2002 07:54:40 -0700A free mini icon set
http://iaslash.org/node/777
<p>I created a set of small utilitarian icons for an X-Windows CRM application I worked on. I'm not an icon designer, so these may not be the best icons, but perhaps someone will find them useful for mocking up pages or something. You can <a href="http://studioid.com/pg/mini_icons.php">download them here</a>. -Michael (aka jibbajabba)</p>
Wed, 18 Jun 2003 15:18:08 -0700