tag:blogger.com,1999:blog-58763955874895457722024-02-07T03:34:49.291+00:00Voodoo192Magical InteractionsVoodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.comBlogger67125tag:blogger.com,1999:blog-5876395587489545772.post-20842841765684512432011-09-28T09:34:00.000+01:002011-09-28T09:34:38.811+01:00Lovely UI - See What You Print<iframe allowfullscreen="" frameborder="0" height="225" src="http://player.vimeo.com/video/28524675?title=0&byline=0&portrait=0" webkitallowfullscreen="" width="400"></iframe><br />
<a href="http://vimeo.com/28524675">SWYP: See What You Print</a> from <a href="http://vimeo.com/artefactgroup">Artefact</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
Artefact created a radically simple printer concept called SWYP. See What You Print. To learn more: http://www.artefactgroup.com/#/content/swypVoodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-324678871446633922011-09-26T09:20:00.000+01:002012-03-29T23:36:46.360+01:00Windows on another world<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-OQEbizqmxgBiqYvjVlYMAL-4fMjlY8gKRqapMYBI85RlbN04hpNmmYtFK7KSaQDLaHmJIwt7aC8gMjElw40CymRHh930RJfnzOgkSXVWUPV13FbwkgiFOqdhzSQtVDBryak3YHDXf8Q/s1600/iphone-2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-OQEbizqmxgBiqYvjVlYMAL-4fMjlY8gKRqapMYBI85RlbN04hpNmmYtFK7KSaQDLaHmJIwt7aC8gMjElw40CymRHh930RJfnzOgkSXVWUPV13FbwkgiFOqdhzSQtVDBryak3YHDXf8Q/s1600/iphone-2.jpg" /></a></div>
<br />
<br />
Imagine that digital information exist in another world that lies just beneath our feet. A world jam-pack with data and activity, a world of ever increasing importance.<br />
<br />
But as the creators of this world it is strange that we are forever looking down, peering through tiny windows to gain access and view a snapshot of what is going on.<br />
<br />
Surely this is not right, we should be bringing this world out into our own. Making these windows as large and expansive as possible, through which we can survey and interact with this information. Here is a good example:<br />
<br />
<object height="300" width="400"><param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9796124&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=9796124&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object>
<br />
<br />
and also this:<br />
<iframe allowfullscreen="" frameborder="0" height="233" src="http://www.youtube.com/embed/8Ff7SzP4gfg" width="400"></iframe>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-36650415503897156512011-08-10T09:55:00.000+01:002011-08-10T09:55:00.854+01:00Typical Price – Google Hotel Finder<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8zmsf6x7pERKZfeAZ0MEN92LGHahdrOGDkEoqlG0vwOhbYaqCjcNnxXR2zxpdRC-rehLBdc_ozYFmANDyaw_Zjdfw8oDJ5pxrVWxfMc68m4sFnnCMs_JPCafNOiyWTL75pOPIPtEOCX0/s1600/Screen+Shot+2011-08-08+at+09.33.42.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8zmsf6x7pERKZfeAZ0MEN92LGHahdrOGDkEoqlG0vwOhbYaqCjcNnxXR2zxpdRC-rehLBdc_ozYFmANDyaw_Zjdfw8oDJ5pxrVWxfMc68m4sFnnCMs_JPCafNOiyWTL75pOPIPtEOCX0/s400/Screen+Shot+2011-08-08+at+09.33.42.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;">Lots of people are talking about Google's new hotel finder. One thing I thought was really clever was this.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiSNEY2PUgIhiTaJoiypVJ7wCRbbASYXar5TkyUGgqz8uoxPSNBIMCNfCkbA-xzMxg98OfFreGYr_etZdLtLY_aNRPf1dGHxNQH7JCsZlrZZvsHPjV_WUXrvd9xV4AY7xBv30S7ZNjz1g/s1600/Screen+Shot+2011-08-08+at+09.33.56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiSNEY2PUgIhiTaJoiypVJ7wCRbbASYXar5TkyUGgqz8uoxPSNBIMCNfCkbA-xzMxg98OfFreGYr_etZdLtLY_aNRPf1dGHxNQH7JCsZlrZZvsHPjV_WUXrvd9xV4AY7xBv30S7ZNjz1g/s1600/Screen+Shot+2011-08-08+at+09.33.56.png" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Because hotel prices are not the same from one city to the next, it is difficult to know if you are getting a good deal or not. </div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Most of us begin the hotel bookings process with a bit of research. We compare a number of hotels to establish the typical price, which we use as a bench mark to compare others to.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">This handy little tool does the research for us, it even gives the relative cost in the hotel details (top right) </div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidj_u728e3CTtTDl6YwA2Ys1sfW1JSiRTeL-ODvnkoj7uOS2Z8-Yj_xxzaKnWJ6QXCIL3ha9S6VDFwNyjo5YDhrCoD-z3LbHUFTSaJ8tp-ChBLugUfFxDEj-Vp8ziYklCWDoB-n1zd-QU/s1600/Screen+Shot+2011-08-08+at+09.35.29.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidj_u728e3CTtTDl6YwA2Ys1sfW1JSiRTeL-ODvnkoj7uOS2Z8-Yj_xxzaKnWJ6QXCIL3ha9S6VDFwNyjo5YDhrCoD-z3LbHUFTSaJ8tp-ChBLugUfFxDEj-Vp8ziYklCWDoB-n1zd-QU/s400/Screen+Shot+2011-08-08+at+09.35.29.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Hopefully we will see this used a lot more across the internet, real-estate might be a good place to start.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-32197144603037050992011-08-06T17:21:00.001+01:002011-08-06T17:21:12.607+01:00Manhattan in motion<iframe frameborder="0" height="225" src="http://player.vimeo.com/video/24492485?title=0&byline=0&portrait=0&color=ffffff" width="400"></iframe><br />
<br />
love this sort of thingVoodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-63321747060151155192011-08-04T09:37:00.000+01:002011-08-04T09:37:10.905+01:00Google adds politically bias search (maybe)It is widely excepted that most publications and often news programmes have a political bias. We often choose to read a particular news paper because it reflects our own bias or view of the world, whether left or right wing.<br />
<br />
So why not add this feature to search, at least you will know the bias of the results you are looking at<br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLO3Hd_qMn95h5tP21LT4xnP3hbOCMgjMbEQuD54aLYI9_wnBTfMWq9h-NRdS0B1N7cjePn7ZtkVb_tGFLkFNgcoYxGa_K2BzS85Lt5TZ_jH9RtMdQYvMSPV941O2vKLzaGMjKnhKFEkc/s1600/bias1.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLO3Hd_qMn95h5tP21LT4xnP3hbOCMgjMbEQuD54aLYI9_wnBTfMWq9h-NRdS0B1N7cjePn7ZtkVb_tGFLkFNgcoYxGa_K2BzS85Lt5TZ_jH9RtMdQYvMSPV941O2vKLzaGMjKnhKFEkc/s1600/bias1.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Conventional</td></tr>
</tbody></table><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxiSS1Bk0ebMyfLOGatq_Whdokj8z30y8zeBXoPeil6Tb-Rnjq0RQMC9B8sq23FtkUPMqENd4a8eMvGMgeQcnLHyI4h4_LCXaTWJlDzZ3VAHbtVC6qUMabF4nTmKDM0G4gMCsbdJhOpA/s1600/bias2.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxiSS1Bk0ebMyfLOGatq_Whdokj8z30y8zeBXoPeil6Tb-Rnjq0RQMC9B8sq23FtkUPMqENd4a8eMvGMgeQcnLHyI4h4_LCXaTWJlDzZ3VAHbtVC6qUMabF4nTmKDM0G4gMCsbdJhOpA/s1600/bias2.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Controversial</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxiSS1Bk0ebMyfLOGatq_Whdokj8z30y8zeBXoPeil6Tb-Rnjq0RQMC9B8sq23FtkUPMqENd4a8eMvGMgeQcnLHyI4h4_LCXaTWJlDzZ3VAHbtVC6qUMabF4nTmKDM0G4gMCsbdJhOpA/s1600/bias2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxiSS1Bk0ebMyfLOGatq_Whdokj8z30y8zeBXoPeil6Tb-Rnjq0RQMC9B8sq23FtkUPMqENd4a8eMvGMgeQcnLHyI4h4_LCXaTWJlDzZ3VAHbtVC6qUMabF4nTmKDM0G4gMCsbdJhOpA/s1600/bias2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a></div>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-4423634758142105462011-07-11T10:00:00.001+01:002011-07-11T11:32:51.951+01:00How not to draw a map<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2oP4q0sWkQtoR3-wVxa3h7YANvCAOAADTXRKe8nam9NqwBqi5v74Z9ktjeXsip2DzU1Bf7DX4Nx9KDuMLBsXxzTIl0UU4FUgVG2GF2nHZstYCX81u19VWFptdloChYLX2dmPS_lRN8C0/s1600/Screen+shot+2011-07-09+at+10.37.06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2oP4q0sWkQtoR3-wVxa3h7YANvCAOAADTXRKe8nam9NqwBqi5v74Z9ktjeXsip2DzU1Bf7DX4Nx9KDuMLBsXxzTIl0UU4FUgVG2GF2nHZstYCX81u19VWFptdloChYLX2dmPS_lRN8C0/s320/Screen+shot+2011-07-09+at+10.37.06.png" width="293" /></a></div><div class="separator" style="clear: both; text-align: center;">A great example of how breaking a trusted convention can make things a tad confusing. Maybe it is just me, but I spend at least 20 seconds staring at this wondering what country I was looking at.</div>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-89799491332908460612011-07-08T13:45:00.002+01:002011-07-08T13:49:07.704+01:00Data MinesBy the end of the decade data mines will be common place and like the great gold rush of the 1850's people will flock to this industry. A combination of luck and hard work will allow some to earn a living and a few to make a fortune.<br />
<br />
We're rapidly digitising and moving every aspect of our work and personal lives into the cloud.<br />
Over time our ability to organise and control this information will become increasingly challenged.<br />
<br />
Over the years you can guarantee a proportion of this information<br />
will be lost, discarded or simply forgotten, but the nice thing with digital information is it is rarely physically destroyed. Just the ability to access it is lost.<br />
<br />
The vast majority of this inaccessible information will be rubbish, old documents, photos and general digital junk, but some will be valuable and some might well be worth a fortune.<br />
<br />
In the next decade we will reach a tipping point, when it becomes worth mining this rubbish to find the nuggets of digital gold hidden within.<br />
<br />
And then sell them back to their owners or more likely the highest bidder.Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-64756181724183699102011-06-30T11:29:00.002+01:002011-06-30T11:34:13.302+01:00Clouds Apps - Just Design and Build One VersionApple came along and created 'apps'<br />
And very good they are<br />
Everybody loves apps and everybody wants apps<br />
Thus every platform and device needs to have apps<br />
And of course a suitable app store from where consumers can fill there device<br />
<br />
But for Apple it was easy<br />
They have one device with one OS and one screen resolution<br />
Creating an app for multiple platforms is no fun<br />
In fact, it is a nightmare (believe me I have lived that nightmare)<br />
<br />
You begin with one platform - lets say android.<br />
Android define three screen sizes; small, medium and large.<br />
For an app with 10 key screens<br />
You will need to design a total of 30 screens.<br />
<br />
Now lets add Java touch (think Nokia).<br />
Maybe just two key resolutions<br />
Thats another 20 screens to design<br />
<br />
Now add Java non-touch, Blackberry and Windows<br />
Suddenly you are designing 80 screens for your simple app<br />
thats 8 variations of each screen<br />
<br />
This is not a lot of fun for anyone involved in the project<br />
And a huge waste of time and money<br />
(and that is not to mention all the time coding each of these different versions)<br />
<b><span class="Apple-style-span" style="font-weight: normal;"><br />
</span></b><br />
This is another great reason to be moving towards HTML 5 apps,<br />
or Cloud Apps as a colleague called them the other day.<br />
<br />
We keep the strict UI - this is great for users<br />
We keep the tightly focused functionality - also great for users<br />
We loose the constant updates<br />
<br />
<b>And we only design and build one version</b>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-17729472149584220762011-06-14T09:11:00.000+01:002011-06-14T09:11:50.277+01:00UX: Not just part of a design processThe last 18 months has seen User Experience become the trendy buzz word of the moment.<br />
Its been around for years, but suddenly clients are asking: <br />
'Do you do you UX?' or<br />
'Who is the UX expert in your team?'.<br />
<br />
This has led to the idea that UX is part of the digital design process.<br />
Something you do between requirements gathering and visual design. <br />
You bring a UX designer in.<br />
They do some UX magic. <br />
And the end user gets a fantastic experience.<br />
<br />
What I'm realising is that in reality UX is not just part of the design process.<br />
It is the process.<br />
<br />
UX Design is a way of thinking.<br />
A point of view or a design philosophy.<br />
It informs every aspect of the design process.<br />
From requirements gathering through to visual design and the final coding of the site. <br />
<br />
If you fail to consider the users experience at anyone of these points you are not truly practicing UX design (or should that be user centred design).Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-46475335307614837862011-06-08T23:37:00.002+01:002011-06-09T09:33:39.653+01:00Books Ngram ViewerI'm sure I'm pretty late to the party on this one, but what a great tool for researching social trends - Google Ngram viewer.<br />
<br />
Search occurrences of words in books published over the past 200 years. Although obviously it is only the books scanned by <a href="http://www.google.com/intl/en/googlebooks/about.html">Googles Books Project</a> (a pretty amazing thing in it self).<br />
<br />
Even better you can compare occurrences of different words. To me this seems like a great way to search and understand social trends over an extend time frame (i.e. before the internet)<br />
<br />
Here is my comparison of <a href="http://ngrams.googlelabs.com/graph?content=design%2Cart&year_start=1800&year_end=2000&corpus=0&smoothing=3">art vs design</a>, (design in blue) interestingly since the late 70s design has begun to be mentioned more frequently - what does this mean?<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://ngrams.googlelabs.com/graph?content=design%2Cart&year_start=1800&year_end=2000&corpus=0&smoothing=3" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2e6TNt4252sroDQYL44_mReDAoQuXo0xC1kF1GBQnYTxVbku-AR_wmMvBgJWneCLutzasiDKn3AORTY108vckgzp5IFt7m_t8-_ZVe2WYi6WewURavG86r5ch6pS_VBp1bTYKbxuiCxc/s400/Screen+shot+2011-06-08+at+23.17.36.png" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
It's also worth doing the same comparison on <a href="http://www.google.com/trends?q=art%2C+design">Google Trends</a> and also <a href="http://www.blogpulse.com/trend?query1=Art&label1=Art&query2=Design&label2=Design&query3=&label3=&days=180&x=30&y=7">Blog Pluse</a> to get an idea of trends right now.Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-2291497471943145352011-01-18T09:11:00.000+00:002011-01-18T09:11:01.830+00:00Slicky not stickyConvectional wisdom suggests websites should be sticky. The longer someone spends on a site the more successful it is and the better we have engaged them.<br />
<br />
It struck me that this might be rubbish, that maybe we should begin to consider how spending less time on a site is an equally valuable measure of a sites success.<br />
<br />
Most people when visiting a site are there to complete a particular task, be it find a piece of information or buy something. The quicker they can do this, the sooner they can get back to their life. The last thing they want is a sticky website that slows them down and distracts them from the task in hand.<br />
<br />
So that's slicky not sticky, easing the process not slowing it down.Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-64440641330847686822010-12-24T08:45:00.002+00:002010-12-24T08:45:00.436+00:00Physical EmailI've been thinking about some sort of physical email for sometime now. Something that recaptures the tactile nature of receiving a letter while maintaining the convenience of email.<br />
<br />
I stumbled upon this the other day – genius.<br />
<br />
<iframe frameborder="0" height="225" src="http://player.vimeo.com/video/17280777" width="400"></iframe><br />
<a href="http://vimeo.com/17280777">Tableau: physical email</a> from <a href="http://vimeo.com/jkestner">John Kestner</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
You can read more about his work <a href="http://johnkestner.com/">here</a>.Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-27059295849592481612010-11-16T12:08:00.001+00:002010-11-16T12:11:26.280+00:00Zen Tools by Giulio Parini<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuf5dXEsTJiw1_-9bjWJcdygMMI_BpyP_yrXfSkzDFKdezJxzbqD-ij_z-mwxt-kF3eZ9tOhckYKDeZbTZRlbl1BjPogoSQlfhjyiu5JVobZERnuByw2tptLIyiMPXe-o2H8or5U1sQ0Y/s1600/dzn_Axor-Bouroullec-%252B-ECAL-8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuf5dXEsTJiw1_-9bjWJcdygMMI_BpyP_yrXfSkzDFKdezJxzbqD-ij_z-mwxt-kF3eZ9tOhckYKDeZbTZRlbl1BjPogoSQlfhjyiu5JVobZERnuByw2tptLIyiMPXe-o2H8or5U1sQ0Y/s400/dzn_Axor-Bouroullec-%252B-ECAL-8.jpg" width="298" /></a></div><br />
<br />
After taking a shower and when the bathroom becomes filled with steam, use the zen tools to decorate and play with the foggy mirror. Cool idea from <a href="http://www.dezeen.com/2010/11/15/axor-bouroullec-ecal/">here</a>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-86429205763008656142010-10-28T09:54:00.001+01:002010-10-28T09:55:51.675+01:00Nice low tech interface<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh75goUfLjqr2XmmgTqHRdrxHKFSgTqApJeANH4UGgcrHwKOchKBAQV9JlHM8wXIqcKycKNJi0oyMzqGNGAPZ5URrwACcOoN5aX-Dwbi8p5ddpBBYx8138L_2szBqDLzg9mKpq2hrf5n2k/s1600/J0nlhr7gW9ONsDCq2cyz9U1j47tfL8eM_m.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh75goUfLjqr2XmmgTqHRdrxHKFSgTqApJeANH4UGgcrHwKOchKBAQV9JlHM8wXIqcKycKNJi0oyMzqGNGAPZ5URrwACcOoN5aX-Dwbi8p5ddpBBYx8138L_2szBqDLzg9mKpq2hrf5n2k/s400/J0nlhr7gW9ONsDCq2cyz9U1j47tfL8eM_m.png" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">I don't even know if this app exists, but it looks great. </div><div class="separator" style="clear: both; text-align: left;">Imagine google maps with this kind of look & feel.</div>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-23885787384200434672010-09-13T09:39:00.000+01:002010-09-13T09:39:25.025+01:00Don't depend on rolloversLook at a site on an iPad, iPhone or in fact any touch device and you will notice the rollovers no longer work. Yes this is pretty obvious, touch has no hover state, but it means that if you are relying on this to let users know that they can interact with something it's not going to work on a touch device and you users will become confused and frustrated.<br />
<br />
A good example of this is Light box. On a touch device those little arrows that indicate you can click on the left and right of the image no longer appear. So users who have never seen this before don't know they can interact with the image to see more. Another example is mystery meat navigation, suddenly this becomes impossible to understand and requires wild guessing to navigate.<br />
<br />
As more interaction takes place via touch devices we can no longer depend on rollover states to inform users of how they can interact. Sure we can still use them, but just don't depend on them.Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-44195064119203517882010-08-16T08:45:00.000+01:002010-08-16T08:45:15.507+01:00Blurring reality and fiction: Theoretical Block by Aron Lorincz<object height="225" width="400"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11136576&server=vimeo.com&show_title=0&show_byline=0&show_portrait=1&color=595881&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11136576&server=vimeo.com&show_title=0&show_byline=0&show_portrait=1&color=595881&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><br />
<a href="http://vimeo.com/11136576">Theoretical Block by Aron Lorincz</a> from <a href="http://vimeo.com/dezeen">Dezeen</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
I love the concept behind this, this kind of subversion of reality.Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-47708078681310314352010-07-14T10:49:00.004+01:002010-07-14T10:53:23.396+01:00Pressure-Sensitive Drawing on iPadLoving the potential of this.<br />
<br />
<object height="250" width="400"><param name="movie" value="http://www.youtube.com/v/OgTcyjzXfTg&rel=0&color1=0xb1b1b1&color2=0xd0d0d0&hl=en_US&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/OgTcyjzXfTg&rel=0&color1=0xb1b1b1&color2=0xd0d0d0&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="400" height="250"></embed></object>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-83578786148012498452010-06-23T12:14:00.000+01:002010-06-23T12:14:18.069+01:00Brilliant idea: Bottle Bank Arcade - TheFunTheoryBrilliant<br />
<br />
<object height="250" width="400"><param name="movie" value="http://www.youtube.com/v/zSiHjMU-MUo&hl=en_US&fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/zSiHjMU-MUo&hl=en_US&fs=1" width="400" height="250" allowscriptaccess="never" allowfullscreen="true" wmode="transparent" type="application/x-shockwave-flash"></embed></object>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-13575156434177674482010-06-17T10:27:00.001+01:002010-06-17T10:28:21.538+01:00Wimbledon Mobile AppNice integration of augmented reality, although the app looks a little complicated - feature bloat?<br />
<br />
<object height="250" width="400"><param name="movie" value="http://www.youtube.com/v/FeFCJJidXAM&hl=en_US&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/FeFCJJidXAM&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="250"></embed></object>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-69581414630862983202010-05-17T14:57:00.001+01:002010-05-17T15:17:29.931+01:00Interaction design meets architectureI've recently been thinking about whether interaction/user experience design can be elevated to the same level as architecture.<br />
<br />
In many ways I think there are significant similarities between the two. Considering the increasing amount of time people are spending digitally interacting with systems and each other, this field is certainly growing in importance within society.<br />
<br />
With this in mind, I spotted <a href="http://johnnyholland.org/2010/04/26/ixd-architecture/">this article about Interaction Design and Architecture</a> on Johnny Holland. The videos explore the point at which architecture and interaction design meet. This one is fantastic<br />
<br />
<br />
<object height="300" width="400"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9796124&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9796124&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object><br />
<a href="http://vimeo.com/9796124">Dan Hill-Keynote: New Soft City</a> from <a href="http://vimeo.com/user1128734">Interaction Design Association</a> on <a href="http://vimeo.com/">Vimeo</a>.Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-35071855419298581142010-05-05T09:13:00.000+01:002010-05-05T09:13:09.718+01:00Shantell Martin talks about the power of collaboration<object height="299" width="400"><param name="movie" value="http://pecha-kucha.org/embed.swf?id=161"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="bgcolor" value="#000000"></param><embed src="http://pecha-kucha.org/embed.swf?id=161" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="299" bgcolor="#000000"></embed></object><br />
<br />
Talking about collaboration she says<br />
"... and they get to put a little spin on your work and you get to take that and spin it back. And the more you do that the more you create something that is propelling it self much higher than you could ever do by yourself."Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-22156907116220069262010-05-04T09:00:00.004+01:002010-05-07T14:53:41.712+01:0010 Most Common Misconceptions About User Experience Design<div id="__ss_1250924" style="width: 400px;"><div class="separator" style="clear: both; text-align: center;"><img border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYF2wguHxtjaLAXi0i0LKyjxfJLnHofResAS1XUofARMZhq3jj_RRDVyfIYIVU-xC1hZIlgkjVkUuctVkEUKxD_e2g1IZd0oy_aEf3NMBqjWMZwXH4PFZUPUqyJjBXCJH42lOKK1molc/s400/Picture+2.jpg" width="400" /></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><a href="http://www.slideshare.net/whitneyhess/10-most-common-misconceptions-about-user-experience-design?from=ss_embed">Watch presentation</a></div></div>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-86151386968255942512010-05-04T09:00:00.000+01:002010-05-04T09:00:02.700+01:00Tokyo Marathon via social mediaJoseph Tame is possibly bonkers but what a great experiement. From PechaKucha Tokyo. (if you don't know what PechaKucha is <a href="http://www.pecha-kucha.org/">find out here</a>).<br />
<br />
<object height="299" width="400"><param name="movie" value="http://pecha-kucha.org/embed.swf?id=158"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="bgcolor" value="#000000"></param><embed src="http://pecha-kucha.org/embed.swf?id=158" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="299" bgcolor="#000000"></embed></object><br />
<br />
Live from the... Tokyo Marathon!Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-46018469687756084062010-04-23T11:45:00.000+01:002010-04-23T11:45:55.821+01:00Brands are interfaces and interaction<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGVeiuSfhLK9ZPUP7U40pPW3zl29e5Gr28zyLn6uCU2kBHnQKzVK2F7P_uJcVMmuRqONlghl0om1uZ2phUxoqf23MLeXfM4CP82FEk-JYoNavenh3sqMr6XlnhTAYDPQYMmMGMK8V0_E/s1600-h/top_brands_2004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGVeiuSfhLK9ZPUP7U40pPW3zl29e5Gr28zyLn6uCU2kBHnQKzVK2F7P_uJcVMmuRqONlghl0om1uZ2phUxoqf23MLeXfM4CP82FEk-JYoNavenh3sqMr6XlnhTAYDPQYMmMGMK8V0_E/s320/top_brands_2004.jpg" /></a></div><br />
<br />
<blockquote>The ascent of interaction design to a critical role in brands is largely due to the changing nature of brands themselves. The new reality of brands is that they’re programs to deliver value through customer interfaces and interactions. They’re no longer the realm of top-down symbols, slogans and promises. In their new mode, brands are more social and cultural than “corporate.” They’re collaborative expressions of companies and their customers, formed in a structured process that builds the brand from the customer up. </blockquote><blockquote>Some definitions:</blockquote><div><div><blockquote><ul><li>A brand interface is where the brand works with customers</li>
<li>A brand interaction is how the brand works with customers</li>
</ul></blockquote><blockquote>Yes, brands work with customers. The brands that count are working brands, not display brands. They’re brands that roll up their sleeves and team with customers to get things done.</blockquote><br />
From <a href="http://tenayagroup.com/blog/interaction-design-the-new-key-to-brands/">Interaction design: the new key to brands</a></div></div>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0tag:blogger.com,1999:blog-5876395587489545772.post-10785304219568944842010-04-20T13:35:00.000+01:002010-04-20T13:35:35.209+01:006 Foundations of Great Digital Creative<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"><span class="Apple-style-span" style="font-size: 11px;"><br />
</span></span><div id="__ss_3730224" style="width: 400px;"><object height="355" width="425"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=adage6foundationsofgreatdigitalcreativelive-100415000923-phpapp02&stripped_title=adage-digital-2010-6-foundations-of-great-digital-creative" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=adage6foundationsofgreatdigitalcreativelive-100415000923-phpapp02&stripped_title=adage-digital-2010-6-foundations-of-great-digital-creative" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="335"></embed></object><br />
<div style="padding: 5px 0 12px;"><br />
Interesting although foundation number one should be a "bloody good idea".<br />
<br />
</div></div>Voodoo192http://www.blogger.com/profile/18016479802894665442noreply@blogger.com0