Interface AgeWorkshop Interactividad - Buenos (y malos) ejemplos de diseños de interfaces, interacción, usabilidad...2008-03-08T15:00:59+00:00
This is an Atom syndication feed. It is intended to be viewed in a news aggregator or syndicated to another site. Please visit the Atom Project for more information.
Tecnologíathe-shaker: that blog/flickr/multimedia-aggregator kind of thingInterface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2008/03/08/power-cursor-toolkit-interfaces-hapticosPower cursor: Toolkit para interfaces hapticos2008-03-08T15:00:59+00:002008-03-08T15:00:59+00:00
<p>Con <a href="http://www.powercursor.com/" title="http://www.powercursor.com/" id=link_1>powercursor</a> puedes desarrollar fácilmente funcionalidades hapticas en interfaces flash, <a href="http://www.powercursor.com/examples/" title="http://www.powercursor.com/examples/" id=link_0>los ejemplos</a> dejan claro de que se trata. Permite dotar al interfaz de propiedades físicas, resistencia, gravedad, por ejemplo el puntero "cae" hacia ciertos botones al acercarse a ellos. Sin duda un campo con mucho futuro. </p>
<p><img src='http://www.lacoctelera.com/myfiles/interact/powercursor.jpg' width='330' height='241' class='imgCen'/>
</p>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2008/01/17/design-narrativesDesign Narratives2008-01-17T10:53:15+00:002009-01-10T15:47:12+00:00
<p>Bonita página del diseñador <a href="http://www.jonathanyuen.com/main.html" title="http://www.jonathanyuen.com/main.html" id="link_0">Johnatan Yuen</a> </p>
<p><img src="http://www.lacoctelera.com/myfiles/interact/john-yuen.gif" id="img_0" class="imgcen" height="640" width="278">
</p>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2007/09/13/nathan-fakeNathan Fake2007-09-13T10:19:26+00:002007-11-06T08:12:46+00:00
<p>Me gustan los sites de músicos porque al ser los contenido/secciones siempre iguales presenta un reto al diseñador como resolver la home de manera original, i.e el slidehow de la de <a href="http://www.nathanfake.co.uk/content/" title="http://www.nathanfake.co.uk/content/" id="link_0">Nathan Fake</a> </p>
<p><img src="http://www.lacoctelera.com/myfiles/interact/nathan-fake.gif" id="img_0" class="imgizqda" height="124" width="430"></p>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2007/09/13/ye-old-cue-visualizando-multiples-postsYe Old Cue: Visualizando multiples posts2007-09-13T10:04:21+00:002007-11-14T13:34:13+00:00
<p>El blog de Michael Sparks <a href="http://yeoldeclue.com/cgi-bin/blog/blog.cgi" title="http://yeoldeclue.com/cgi-bin/blog/blog.cgi" id="link_0">Ye Old Cue</a>, propone una solución nueva al viejo problema de la visualización de posts, usando una ventana de preview y los posts en algo muy parecido a post-its, valga la redundancia. Además el blog está abierto a que cualquiera, sin necesidad de registrase, <a href="http://yeoldeclue.com/cgi-bin/blog/blog.cgi?rm=newposting" title="http://yeoldeclue.com/cgi-bin/blog/blog.cgi?rm=newposting" id="link_1">deje un post</a> </p>
<p><img src="http://www.lacoctelera.com/myfiles/interact/ye-old-cue.gif" id="img_0" align="left" height="568" width="430"></p>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2007/08/21/perfil-virbPerfil de Virb2007-08-21T23:00:23+00:002007-11-06T08:09:05+00:00
<p><img src="myfiles/interact/Image-340-robmorris.jpg" id="img_0" class="imgcen" height="120" width="180"></p>
<p>Virb es una especie de versión cool de ese horror inexplicable que es MySpace (todavía no entiendo cómo algo tan feo, y tan complicado de usar puede ser tan popular...)</p>
<p>De todo virb me quedo con <a href="http://www.virb.com/digitalmash" title="http://www.virb.com/digitalmash" id="link_0">la página</a> del diseñador australiano Rob Morris.</p>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2007/08/03/red-intercative-agencyRed Intercative Agency2007-08-03T13:49:23+00:002007-11-06T08:06:17+00:00
<p>Una palabra: W-O-W</p>
<p><img src="http://www.lacoctelera.com/myfiles/interact/red-interactive-agency.gif" id="img_0" align="middle" height="547" width="225"></p>
<p>Vaya pedazo de site! <a href="http://www.ff0000.com/" title="http://www.ff0000.com/" id="link_0">Red Interactive Agency</a> </p>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2007/08/01/omfg-demo-del-sigloOMFG, la demo del siglo2007-08-01T19:27:25+00:002007-11-06T08:06:05+00:00
<p>Si no viniera de <a href="http://www.ted.com/talks/view/id/129" title="http://www.ted.com/talks/view/id/129" id=link_0>la conferencia TED</a> no me lo creería. De verdad que parece imposible, hacer un modelo en 3d de la catedral de Notredame tomando sólo fotos de flickr.</p>
<p><!--cut and paste--><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="VE_Player" align="middle" height="285" width="432">
<param name="movie" value="http://static.videoegg.com/ted/flash/loader.swf"></param>
<param name="FlashVars" value="bgColor=FFFFFF&file=http://static.videoegg.com/ted/movies/BLAISEAGUERAYARCAS-2007_high.flv&autoPlay=false&fullscreenURL=http://static.videoegg.com/ted/flash/fullscreen.html&forcePlay=false&logo=&allowFullscreen=true"></param>
<param name="quality" value="high"></param>
<param name="allowScriptAccess" value="always"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="scale" value="noscale"></param>
<param name="wmode" value="window"></param>
<embed src="http://static.videoegg.com/ted/flash/loader.swf" flashvars="bgColor=FFFFFF&file=http://static.videoegg.com/ted/movies/BLAISEAGUERAYARCAS-2007_high.flv&autoPlay=false&fullscreenURL=http://static.videoegg.com/ted/flash/fullscreen.html&forcePlay=false&logo=&allowFullscreen=true" quality="high" allowscriptaccess="always" bgcolor="#FFFFFF" scale="noscale" wmode="window" name="VE_Player" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" class="imgcen" height="285" width="432"></embed>
</object>
</!--cut></p>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2007/06/21/1001-free-fonts1001 free fonts2007-06-21T15:35:35+00:002007-11-06T08:00:11+00:00
<p><img src="http://www.lacoctelera.com/myfiles/interact/fonts.gif" id="img_0" class="imgcen" height="49" width="172"></p>
<p>Miles de fuentes <a href="http://www.1001freefonts.com/" title="http://www.1001freefonts.com/" id="link_0">gratis</a> </p>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2007/06/05/intrefaces-tangibles-surface-computingInterfaces Tangibles - Surface computing2007-06-05T09:52:13+00:002007-11-06T07:56:36+00:00
<p>Otro video sobre el nuevo interface de superficie multi-touch Microsoft. A la venta a final de año</p>
<embed src="http://services.brightcove.com/services/viewer/federated_f8/271552687" bgcolor="#FFFFFF" flashVars="videoId=933742930&playerId=271552687&viewerSecureGatewayURL=https://services.brightcove.com/services/amfgateway&servicesURL=http://services.brightcove.com/services&cdnURL=http://admin.brightcove.com&domain=embed&autoStart=false&" base="http://admin.brightcove.com" name="flashObj" width="486" height="412" seamlesstabbing="false" type="application/x-shockwave-flash" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
Interface Agehttp://s3.amazonaws.com/lcp/interact/myfiles/face265x65.jpghttp://interact.lacoctelera.net/post/2007/05/31/tgrm-curoisidad-exploratoriaTgrm, curoisidad exploratoria2007-05-31T10:59:14+00:002007-11-06T07:55:48+00:00
<p><img src="http://www.lacoctelera.com/myfiles/interact/tngrm.gif" id="img_0" class="imgcen" height="268" width="448"></p>
<p>Normalmente no soy amigo del los excesos de Flash, pero la página del artista japones <a href="http://tngrm.com/" title="http://tngrm.com/" id="link_0">TNGRM</a> es una agradable sorpresa, está llena de detalles y pequeñas animaciones que hacen que acabes pinchando en todas partes sólo para ver qué va a ocurrir. </p>
<p>Provoca una curiosidad exploratoria que ya quisieran muchas grandes sites para si mismas (de hecho provocan lo contrario, sólo con verlas dan pereza instantánea)</p>
<p>Entre otras muchas buenas ideas tiene un blog donde los posts son sonidos. Parece de cajón que un músico, en vez de escribir textos, vaya posteando lo que va grabando, pero qué pocos se han animado.</p>
<p>La <a href="http://tngrm.com/ver2003/" title="http://tngrm.com/ver2003/" id="link_1">versión antigua (2003)</a> también está muy bien</p>
<p><img src="http://www.lacoctelera.com/myfiles/interact/tngrm2.gif" id="img_1" class="imgcen" height="280" width="390"></p>