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 thinghttp://2.lcassets.com/myfiles/interact/face265x65.jpghttp://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/post/2008/01/17/design-narrativesDesign Narratives2008-01-17T10:53:15+00:002008-01-17T10:53:17+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>
http://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/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>
http://www.lacoctelera.com/interact/post/2007/05/30/interfaces-tangibles-microsoft-contraatacaInterfaces tangibles, Microsoft contraataca2007-05-30T11:01:29+00:002007-11-06T07:55:40+00:00
<p><img id="img_0" src="http://www.lacoctelera.com/myfiles/interact/MS-SC_Ripple.jpg" class="imgcen" height="301" width="450"></p>
<p><a id="link_0" title="http://www.microsoft.com/surface/" href="http://www.microsoft.com/surface/">Surface</a> es un interface tangible en forma de mesa, cortesía de Microsoft. Dicen que no es un prototipo, sale a la venta este invierno..</p>
<p>Parece que este año va a ser el de las pantallas multi-táctiles. CityWall es un proyecto que coloca una pantalla táctil en lugares publicos de Helsinki</p>
<object height="350" width="425">
<param name="movie" value="http://www.youtube.com/v/t5ziazcm-ZE"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/t5ziazcm-ZE" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></embed>
</object>
<p>Via <a href="http://www.xinoxano.com/" title="http://www.xinoxano.com/" id="link_0">XinoXano</a> </p>
http://www.lacoctelera.com/interact/post/2007/05/24/consejosConsejos2007-05-24T18:11:42+00:002007-11-06T07:54:45+00:00
<p><A id=link_0 title=http://adryan.metropoliglobal.com/?p=116 href="http://adryan.metropoliglobal.com/?p=116">10 cosas que todo diseñador debe saber</A>
</p>
http://www.lacoctelera.com/interact/post/2007/05/24/gratis-165-iconos-vectoriales-5-coloresGratis: 165 Iconos vectoriales en 5 colores2007-05-24T17:46:36+00:002007-11-06T07:54:45+00:00
<p><IMG id=img_0 height=174 src="http://www.lacoctelera.com/myfiles/interact/165-vector-icons.jpg" width=407 class="imgcen"></p>
<p>Invitan los de <A id=link_0 title=http://www.gosquared.com/liquidicity/archives/122 href="http://www.gosquared.com/liquidicity/archives/122">LiquidCity<br />
</A></p>
http://www.lacoctelera.com/interact/post/2007/05/07/interfaces-del-futuroInterfaces del futuro2007-05-07T18:07:42+00:002007-11-06T07:50:36+00:00
<embed src="http://services.brightcove.com/services/viewer/federated_f8/769469373" bgcolor="#FFFFFF" flashvars="videoId=769654555&playerId=769469373&viewerSecureGatewayURL=https://console.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" seamlesstabbing="false" type="application/x-shockwave-flash" swliveconnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" height="412" width="486"></embed>
<p>Prototypo de multi-touch interface, Jeff Han y Phil Davidson</p>
http://www.lacoctelera.com/interact/post/2007/04/13/flyers-tambienFlyers también2007-04-13T13:48:21+00:002007-11-06T07:46:11+00:00
<p>Unas letras de colores <a href="http://www.danny-miller.com/" title="http://www.danny-miller.com/" id="link_0">muy bien puestas</a> </p>
<p><img src="http://www.lacoctelera.com/myfiles/interact/inte-letras.gif" id="img_0" class="imgcen" height="205" width="224"></p>
<p>la música también está muy bien</p>
http://www.lacoctelera.com/interact/post/2007/04/12/barra-verticalBarra Vertical2007-04-12T17:34:56+00:002007-11-06T07:46:04+00:00
<p><img src="http://www.lacoctelera.com/myfiles/interact/int-jose-guerrero.gif" id="img_1" class="imgcen" height="203" width="430"></p>
<p>La Web del <a href="http://www.centroguerrero.org/" title="http://www.centroguerrero.org/" id="link_0">Centro José Guerrero</a> en Granada se atreve con una solución original: un barra de navegación vertical. Merece la pena pasearse por esta web, muy bien resuelta en todos los apsectos y muy dospuntocero con blogs, rss, etc.</p>
http://www.lacoctelera.com/interact/post/2007/04/11/minimalMinimal2007-04-11T17:08:18+00:002007-11-06T07:45:56+00:00
<p> <img src="http://www.lacoctelera.com/myfiles/interact/inter-10-kvist.gif" id="img_0" align="middle" height="226" width="341"></p>
<p>Es la front de la web de la fotógrafa <a href="http://sannahkvist.se/" title="http://sannahkvist.se/" id="link_0">sannah kvist</a>, muy bien realizada, y con un fotoblog que es exactamente eso</p>
http://www.lacoctelera.com/interact/post/2007/04/11/otra-web-musicosOtra web de músicos2007-04-11T12:52:25+00:002007-11-06T07:45:55+00:00
<p><img src="http://www.lacoctelera.com/myfiles/interact/rossi-b-and-luca.gif" id="img_0" align="left" height="280" width="470"></p>
<p>..con interfaz chulo (se puede hasta hacer scatch) es la de <a href="http://rossibandluca.com/" title="http://rossibandluca.com/" id="link_0">Rossi B and Luca</a> </p>
<p>Lástima que luego tenga errores de usabilidad básicos (objetos pinchables sin enlaces, etc.)</p>
http://www.lacoctelera.com/interact/post/2007/03/28/tutorialesTutoriales2007-03-28T12:47:00+00:002007-11-06T07:42:56+00:00
<p><img src="http://www.lacoctelera.com/myfiles/interact/clase.png" id="img_0" class="imgcen" height="119" width="413"></p>
<p>Recomendado: <a href="http://www.illustrationclass.com/" title="http://www.illustrationclass.com/" id="link_0">Illustration class</a> contiene una serie de tutoriales bastante útiles (texturas, brillos, collage, etc.) con notas en español. </p>
http://www.lacoctelera.com/interact/post/2007/03/12/una-web-peliculaUna Web de película2007-03-12T18:56:34+00:002007-11-06T07:40:29+00:00
<p><img src="http://www.lacoctelera.com/myfiles/interact/casa.gif" id="img_0" class="imgcen" height="312" width="350"></p>
<p>Una página muy buena, en español, de un documental también muy bueno, <a href="http://www.lacasademiabuela.info/">La Casa de mi Abuela</a> todo un ejemplo de originalidad en el interfaz y atención a los detalles, (mirar lo que pasa al pulsar volver después de entrar por la puerta de la casa)...<br />
Una maravilla.</p>
<p><a href="http://www.torregras.com/">Aquí</a> y <a href="http://www.xarxamuseus.com/taurino/virtual/index.html">aquí</a> hay dos webs mas de la misma empresa, <a href="http://www.kamestudio.com/">kamestudio</a></p>