http://www.alexanderzeh.me patterns change Wed, 06 Apr 2011 19:55:25 +0000 http://www.alexanderzeh.me en http://www.alexanderzeh.me/Statlas http://www.alexanderzeh.me/following/alexanderzeh.me/Statlas Wed, 06 Apr 2011 19:55:25 +0000 patterns change 444510 <img src="http://payload.cargocollective.com/1/0/10846/444510/statlas-logo-post_850.png" width="800" height="190" width_o="800" height_o="190" src_o="http://payload.cargocollective.com/1/0/10846/444510/statlas-logo-post_o.png" data-mid="6161740" border="0" align="left"/> Statlas is a tool to enable laypeople to easily visualize mappings of a set of values to a set of regions in a way that is interesting, useful and beautiful. Generative Atlas Early explorations of the geo domain and the task to create your own atlas like map given a set of data showed how difficult and how offline this entire process is. On the other hand the concept of an atlas has gotten into severe disuse. This is an exploration to see if we can give atlasses new currency online. Progress A first feature release is forthcoming in the following month. In the mean time read up on the official blog and in the weeknotes. Origin Statlas originated from a experiment done together with Monsterswell. That project called Dutchstats is a statistical tool to compare election results and other key statistics on the municipal level for the Netherlands. Attention Write-up (in Dutch), Open Data Network, VVOJ Technology Polymaps Creators Alper Cugun, Alexander Zeh http://www.alexanderzeh.me/Room-for-the-networked-condition http://www.alexanderzeh.me/following/alexanderzeh.me/Room-for-the-networked-condition Wed, 06 Apr 2011 19:54:49 +0000 patterns change 325337 <img src="http://payload.cargocollective.com/1/0/10846/325337/whatever_850.png" width="800" height="536" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/10846/325337/whatever_o.png" data-mid="6161622" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325337/urban_850.png" width="800" height="536" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/10846/325337/urban_o.png" data-mid="6161626" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325337/slit1_850.png" width="800" height="536" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/10846/325337/slit1_o.png" data-mid="6161628" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325337/slit_850.png" width="800" height="536" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/10846/325337/slit_o.png" data-mid="6161629" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325337/on2_850.png" width="800" height="536" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/10846/325337/on2_o.png" data-mid="6161631" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325337/on_850.png" width="800" height="536" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/10846/325337/on_o.png" data-mid="6161637" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325337/off_850.png" width="800" height="536" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/10846/325337/off_o.png" data-mid="6161641" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325337/iam_850.png" width="800" height="536" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/10846/325337/iam_o.png" data-mid="6161642" border="0" align="left"/> Networks are fundamentally changing our society. People in public space are followed by a data shadow. Personal memories that are more and more also digital trails. These digital artifacts are made public via social media posts, picture uploads, youtube footage and mobile phone usage. Human connectivity travels with your mobile identity and creates an intimate relationship between place and data shadow. Our room design pairs egocentric with geocentric data and makes that interpretable - data-overload as observable and therefore knowable space. The timetraces project is initiated with Caro van Dijk. http://www.alexanderzeh.me/B-O-custom-remote-prototype http://www.alexanderzeh.me/following/alexanderzeh.me/B-O-custom-remote-prototype Tue, 18 May 2010 13:50:43 +0000 patterns change 325342 My contribution to a custom design workshop with the Bang & Olufsen UI Group was the look and feel of the interface and the interaction design for navigation through a list of media entities on a handheld touch screen. The interaction is inspired by physical manipulation of a deck of cards. The entities move in a circular path giving the impression that they orbit the user. The focused object is the smallest —as opposed to other designs— providing space for an unambiguous grouping with its text labels. The texture on the bottom of the screen works as a scrollbar. This transistions shows how different content filters are applied to the enitity in focus. This transistions shows the top level of the list view. http://www.alexanderzeh.me/light-architecture-stage-design http://www.alexanderzeh.me/following/alexanderzeh.me/light-architecture-stage-design Fri, 14 May 2010 15:12:53 +0000 patterns change 411085 Video stage TWR72 Stage design Subbacultcha N8 Video mapping @Trouwamsterdam Light engineer Bob Roijen Video mapping Alexander Zeh Deerhunter performance 11.05.10 @Trouwamsterdam Light engineer Bob Roijen Video mapping Alexander Zeh http://www.alexanderzeh.me/TomTom-visual-design http://www.alexanderzeh.me/following/alexanderzeh.me/TomTom-visual-design Thu, 06 May 2010 14:50:13 +0000 patterns change 325350 The first prototypes where designed and delivered in Summer 2009 while the product is coming to market a year later as the TomTom "Go Live 1000". My role in this project was to research and deliver several design routes together with my teammates and next to screen design I created animated functional transitions. In comparing the final result with the initial prototypes you can see how some elements are still recognizable but also how well the prototype evolved into the real product. Client TomTom Creators Alexander Zeh, Marco Bakker, Marjan Lemmens Prototype creation August 2009 Product realease <img src="http://payload.cargocollective.com/1/0/10846/325350/tomtom-go-live-10004_5.jpg" width="480" height="322" width_o="480" height_o="322" src_o="http://payload.cargocollective.com/1/0/10846/325350/tomtom-go-live-10004_5_o.jpg" data-mid="1756903" border="0" align="left"/> http://www.alexanderzeh.me/tableviewer-prototype http://www.alexanderzeh.me/following/alexanderzeh.me/tableviewer-prototype Thu, 06 May 2010 01:36:24 +0000 patterns change 395176 This prototype version of a surface table projector for music discovery was build and developed with Alper and Dirk for the Amsterdam Music Hackday. We want to help ad-hoc groups of people in the same location to compare their music tastes and see where the overlaps and where the holes are. The table is a turn-taking jukebox with tangible interactions and nice visuals for its users and spectators (full write-up) Attention First prize by last.fm (tweet) on Amsterdam Music Hackday Technology Google App Engine, Twisted, reacTIVision, ProcessingJS, Quartz Composer Creators Alexander Zeh, Alper Cugun, Dirk van Oosterbosch Photos Alper Cugun <img src="http://payload.cargocollective.com/1/0/10846/395176/4552518052_797e53e6b0_o_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/395176/4552518052_797e53e6b0_o_o.jpg" data-mid="1747852" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/395176/4551880585_af8a7cb7ee_b_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/395176/4551880585_af8a7cb7ee_b_o.jpg" data-mid="1747853" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/395176/4550278629_ac3219d4fb_b_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/395176/4550278629_ac3219d4fb_b_o.jpg" data-mid="1747851" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/395176/4550279113_b4f2b21897_o_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/395176/4550279113_b4f2b21897_o_o.jpg" data-mid="1747848" border="0" align="left"/> http://www.alexanderzeh.me/This-happened http://www.alexanderzeh.me/following/alexanderzeh.me/This-happened Tue, 30 Mar 2010 23:50:19 +0000 patterns change 325336 Co-curating This happened- Utrecht with Kars Alfrink and Ianus Keller. The concept originated in London and we are organizing the first partner event series with the amazing support from our volunteers, bloggers, speakers and a very committed audience. Watch past talks online Watch talks of my guests below http://www.alexanderzeh.me/Aston-Martin-DBS-audio-controls http://www.alexanderzeh.me/following/alexanderzeh.me/Aston-Martin-DBS-audio-controls Thu, 25 Mar 2010 01:20:43 +0000 patterns change 325253 The visual design update for the Aston Martin DBS audio tuning controls was straightforward with a effective and fast process. The display resolution is only 256 x 64 pixels and my goal was to improve readability of the graphics on this minimal pixelcount. Reviews of the egineers who worked with the car were all in favour of my design, because it made their work easier. <img src="http://payload.cargocollective.com/1/0/10846/325253/postsam dbs_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325253/postsam dbs_o.jpg" data-mid="1425571" border="0" align="left"/> http://www.alexanderzeh.me/Beosound-5 http://www.alexanderzeh.me/following/alexanderzeh.me/Beosound-5 Wed, 24 Mar 2010 23:44:59 +0000 patterns change 325133 Next to animating visual design prototypes or developing design routes for this product it was also my responsibility to deliver specifications for production. The unusual controls on the final product are an incredibly well geared metal wheel, one slider with two hard edges, a wheel for volume control and three buttons. It was great to experience how the first hacked together functional hardware prototypes made out of cardboard, lego and hot-glue evolved to the final product. Without any doubt the Beosound 5 concept is a very unusual human computer interface with a lot of potential. <img src="http://payload.cargocollective.com/1/0/10846/325133/bs5_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325133/bs5_o.jpg" data-mid="1425511" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325133/bs52_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325133/bs52_o.jpg" data-mid="1425510" border="0" align="left"/> http://www.alexanderzeh.me/multi-node-circular-list http://www.alexanderzeh.me/following/alexanderzeh.me/multi-node-circular-list Tue, 23 Mar 2010 23:50:15 +0000 patterns change 325316 <img src="http://payload.cargocollective.com/1/0/10846/325316/t9_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325316/t9_o.jpg" data-mid="1424909" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325316/t8_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325316/t8_o.jpg" data-mid="1424908" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325316/t7_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325316/t7_o.jpg" data-mid="1424907" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325316/t6_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325316/t6_o.jpg" data-mid="1424910" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325316/t5_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325316/t5_o.jpg" data-mid="1424911" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325316/t4_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325316/t4_o.jpg" data-mid="1424913" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325316/t3_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325316/t3_o.jpg" data-mid="1424905" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/10846/325316/t2_850.jpg" width="680" height="365" width_o="680" height_o="365" src_o="http://payload.cargocollective.com/1/0/10846/325316/t2_o.jpg" data-mid="1424906" border="0" align="left"/>