der hess » Design http://blog.derhess.de am medialen werkeln Wed, 01 Feb 2012 12:00:38 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 My most important Twitter Messages #12 http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/ http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/#comments Sat, 26 Nov 2011 20:45:57 +0000 admin http://blog.derhess.de/?p=1723
  • My most important Twitter Messages #6
  • My most important Twitter Messages #10
  • My most important Twitter Messages #11
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from August - November 2011:

    Allgemein (General)

    Generative Art:

    • Our lecture from the "Design the Future" series at Carnegie Mellon University is now online

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #6
    2. My most important Twitter Messages #10
    3. My most important Twitter Messages #11

    flattr this!

    ]]>     http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/feed/ 0 "     My most important Twitter Messages #11 http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/ http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/#comments Wed, 31 Aug 2011 10:00:29 +0000 admin http://blog.derhess.de/?p=1683
  • My most important Twitter Messages #6
  • My most important Twitter Messages #4
  • My most important Twitter Messages #5
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from June - August 2011:

    Allgemein (General)

    Generative Art:

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #6
    2. My most important Twitter Messages #4
    3. My most important Twitter Messages #5

    flattr this!

    ]]>     http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/feed/ 0 "     Mr. Doobs Harmony project ported to Flash AS3 http://blog.derhess.de/2011/08/09/mr-doobs-harmony-project-ported-to-flash-as3/ http://blog.derhess.de/2011/08/09/mr-doobs-harmony-project-ported-to-flash-as3/#comments Tue, 09 Aug 2011 10:00:15 +0000 admin http://blog.derhess.de/?p=1645
  • Mr. Doobs Harmony drawing APP ported to MAX / MSP
  • Harmony in Max / MSP with multiple brushes
    • ]]>

    Some time ago I ported the great Harmony drawing app by Mr. Doob to Max/Msp. This Max/Msp Version I used for my media installation "Sound drawings". During the development and testing with the musicians I was not so happy with my workflow. Furthermore I felt that the Max/Msp environment causes some certain useless obstacles for me. Especially for the visual part of my work. Now I have time to check how useful Flash can be as a renderer. The first step was to port the drawing functions to ActionScript. Here is the result:

    Get Adobe Flash player

    For drawing in full size mode please visit the html File. The code is available on my Google project site. Before using the code in your projects, please check the requirements of the GPL license Version 3 and read Mr. Doobs blog post about using his code. The API is still the same as the orginial JavaScript version. Every brush has to implement the IBrush Interface methods:

    public function init(); // for re-creating the brush (after calling destroy)
public function destroy(); //destroy the brush data and free the memory
 
////////// Drawing functions ///////////////
public function strokeStart(mouseX:int, mouseY:int):void; // set first drawing point
public function stroke(mouseX:int, mouseY:int):void; // set following drawing points
public function strokeEnd():void; // stop drawing

    Brushes are very easy to use, but for performance issues you have to consider, that the drawing commands are expensive for the computer. I already ran into some performance problems after a few seconds. For this reason, I decided to store the drawing result of each frame into a BitmapData object. The Hype Framework is using the same approach. Here you can see the most important code lines for the bitmap storing approach...

    public fundction handleEnterFrame(e:Event):void {
   // some code before
 
   // draw the stroke for one(!) frame
   brush.stroke(e.target.mouseX,e.target.mouseY);
   // save the drawing in a bitmapData Object for performance
   bmpCanvas.draw(canvas);
   // clean the canvas again for new drawings.
   canvas.graphics.clear();
 
  // some code later...
}

    Nothing more I can say. Have fun and keep on coding!

     

    Related posts:

    1. Mr. Doobs Harmony drawing APP ported to MAX / MSP
    2. Harmony in Max / MSP with multiple brushes

    flattr this!

    ]]>     http://blog.derhess.de/2011/08/09/mr-doobs-harmony-project-ported-to-flash-as3/feed/ 2 "     My most important Twitter Messages #10 http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/ http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/#comments Thu, 09 Jun 2011 10:27:54 +0000 admin http://blog.derhess.de/?p=1585
  • My most important Twitter Messages #5
  • My most important Twitter Messages #6
  • My most important Twitter Messages #12
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from March - June 2011:

    Allgemein (General)

    Generative Art:

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #5
    2. My most important Twitter Messages #6
    3. My most important Twitter Messages #12

    flattr this!

    ]]>     http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/feed/ 0 "     Moodumbrella – a self em-powered device for well-being http://blog.derhess.de/2011/05/05/moodumbrella-a-self-em-powered-device-for-well-being/ http://blog.derhess.de/2011/05/05/moodumbrella-a-self-em-powered-device-for-well-being/#comments Thu, 05 May 2011 10:00:22 +0000 admin http://blog.derhess.de/?p=1560
  • Arduino Prototype: The “plate” Gaming Device
  • My most important Twitter Messages #5
  • My most important Twitter Messages #6
    • ]]>     During the lectures Fashionable Technology I and II from Sabine Seymour, Andrea Suter and me improved the common usage of an umbrella. In the end we developed a concept of a self em-powered device for people’s well being. Our umbrella using the approaches of light therapy and autonomous power resources.

    moodumbrella prototype

    moodumbrella

    moodumbrella detail

    moodumbrella detail

    moodumbrella in use

    moodumbrella in use

     

     

     

     

     

     

     

    We created a prototype for interviews and user testings and we made a survey in Linz during a rainy day. The Austrain people were very sceptical and did not want to be asked about their happiness on rainy days. However, we were able to get some very useful feedback. The video below will show you examples of the feedback mentioned.

    In the end we wrote paper about the details of light therapy and discussing mobile energy resources for smart devices.

    Download the moodumbrella paper

    Related posts:

    1. Arduino Prototype: The “plate” Gaming Device
    2. My most important Twitter Messages #5
    3. My most important Twitter Messages #6

    flattr this!

    ]]>     http://blog.derhess.de/2011/05/05/moodumbrella-a-self-em-powered-device-for-well-being/feed/ 3 "     My most important Twitter Messages #9 http://blog.derhess.de/2011/03/24/my-most-important-twitter-messages-9/ http://blog.derhess.de/2011/03/24/my-most-important-twitter-messages-9/#comments Thu, 24 Mar 2011 12:03:53 +0000 admin http://blog.derhess.de/?p=1551
  • My most important Twitter Messages #6
  • My most important Twitter Messages #11
  • My most important Twitter Messages #4
    • ]]>     Twitter von der hess
    A small summary of my Twitter messages from January - March 2011:

    Allgemein (General)

    Generative Art:

    Info Design and Visualization

    UX and Interaction Design:

    Projekte und Experimente (Projects and experiments)

    Neue Technologie (new Technologies)

    Programmierung und Software Design (Programming)

    Physical Computing

    Game Developing:

    Flash and Flex

    Related posts:

    1. My most important Twitter Messages #6
    2. My most important Twitter Messages #11
    3. My most important Twitter Messages #4

    flattr this!

    ]]>     http://blog.derhess.de/2011/03/24/my-most-important-twitter-messages-9/feed/ 0 "     Book review: Generative Gestaltung http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/ http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/#comments Mon, 14 Feb 2011 15:38:00 +0000 admin http://blog.derhess.de/?p=1535
  • Book review: Form + Code (Generative Art & Design)
  • Book Review: Laws of Simplicity
  • Book review: Designing Interactions
    • ]]>

    Fangen wir mit den harten Fakten an. Das Buch ist ziemlich großformatig und hat ein schönes stabiles Hardcover. Selten so ein gutes haptisches Erlebnis mit einem Fachbuch empfunden. Auch die verschiedenen Druck- und Papiermethoden in diesem Buch sind sehr gut ausgewählt. Die Projektsammlung ist im hochqualitativen Druck eingebunden, dagegen ist der normale Inhalt des Buches mit einem einfachen Farbdruck eingebunden. Die inhaltliche Struktur des Buches, das Buchdesign, selbst, sowie die zum Buch dazugehörige Website sind perfekt und sehr gut benutzbar umgesetzt. Ein durchaus 100% gelungenes Design und Konzept. Diese Qualität schlägt sich mit einer Preisspanne von 60-75 Euro ziemlich ins Budget nieder. Doch ist jeden Euro wert! Meine Begründungen folgen in einem Kapitel-basiertem Feedback und einem Schlussfazit:

    Einführung Processing:
    Die Einführung ist kurz und knapp geschrieben und bringt die Entwicklungsumgebung, sowie Processing ziemlich gut aus der Sichtweise eines Designers auf den Punkt.

    Einführung Kapitel 1 - Farbe:
    Anfänger werden hier mit sehr einfachen Codebeispielen zum Spielen mit Farbe animiert. Besonders die Abschnitte über das Arbeiten mit Farbpaletten ist sehr
    gut umgesetzt.

    Einführung Kapitel 2 - Form
    Nach den einfachen Farbbeispielen geht es um die Erzeugung von Formen. Grundlegende Zeichnen Methoden werden erklärt (wann und wo soll das Gezeichnete
    gelöscht werden). Besonders die Verwendung von Rasterlayouts, Agenten-basiertes Zeichnen, und „Zeichnen mit komplexen Modulen“ waren sehr inspirierend und sehr gut beschrieben.

    Einführung Kapitel 3 – Typo:
    Dieses Kapitel liefert ein solides Grundwissen über das gestalterische Arbeiten und Erzeugen von Typographie. Die mitgelieferten Klassen unterstützen zudem das Experimentieren (z.B. das Auflösen der Schriftkontur)

    Einführung Kapitel 4 – Bild:
    Liefert ein solides Anfangssortiment für das Arbeiten mit Bilddaten. Den Abschnitt über „Rückkopplung von Bildausschnitten“ fand ich persönlich nicht so interessant, dafür war der Abschnitt über das Generieren von Bildcollagen umso aufschlussreicher für mich. Auch der Abschnitt „Grafik aus Pixelwerten“ wird sich sicherlich in Zukunft als hilfreich erweisen.

    Fazit zu den Einführungsteil:
    Die Einführung ist sehr gut gelungen. Die Codebeispiele lassen sich sehr gut verstehen und auch erweitern. Es ist wirklich die beste Einführung, die ich bisher in diesem Bereich gelesen habe. So macht das Programmieren Lernen auch für Designer Spaß!

    Fortgeschritten Kapitel 1 – Zufall und Rauschen:
    Zufall und Rauschen sind zwei sehr einfach zu benutzende Werkzeuge in der Programmierung. Jedoch sorgen sie genau aus diesem Grund bei Anfängern immer wieder zu Verwirrung. Dieses Kapitel gibt eine sehr ausführliche Erläuterung welche Unterschiede zwischen diesen beiden Werkzeugen bestehen. Des weiteren erfolgen Tipps in welchen Kontext Rauschen und Zufall Sinn machen können. Für mich persönlich war dieses Kapitel mit der wertvollste Teil an diesem Buch.

    Fortgeschritten Kapitel 2 – Schwingfiguren
    Diese Kapitel erläutert die Erzeugung von Formen mit Hilfe von Sinus und Kosinus Funktionen. Diese Funktionen sind ein elementarer Bestandteil der visuellen Programmierung, daher ist die Behandlung in diesem Buch sehr gut gewählt. Die Erzeugung von Lissajous-Figuren als Codebeispiel können den ein oder anderen Designer ein wenig verwirren. Jedoch mit ein bisschen Grundlagenwissen in Mathe sollte es kein weiteres Problem sein (der mathematische Hintergrund wird in diesem Kapitel wiederholt ;-)

    Fortgeschritten Kapitel 3 – Formulierte Körper
    Bisher wurden die meisten Beispiele im 2D Raum angewandt. Dieses Kapitel behandelt die Manipulation von Körpern im 3D-Raum. Von der grundlegenden 3D Darstellung geht es hin zu Erzeugung von komplexen 3D Körpern. Die Codebeispiele sind gute erklärt und auch hier lädt die hinzugefügte Mesh-Klasse zu weiteren Experimentieren ein.

    Fortgeschritten Kapitel 4 – Attraktoren:
    Das Arbeiten mit Kräften im 2D oder 3D Raum ähnelt sicherlich ein wenig dem Einstiegskapitel „Zeichnen mit Agenten“. Nur ist in diesem Kapitel der Agent starr und Kräfte von Außen wirken auf ihn ein. In diesem Kapitel werden erstmals physikalische Kräfte zum Generieren von Grafiken benutzt.  Dieses Kapitel hält sich nicht lange mit den theoretischen physikalischen Methodiken auf, sondern wendet einfache physikalische Grundgesetze im praktischen Gestaltungskontext an. Daher wieder ein durchaus gelungenes äußerst interessantes Kapitel.

    Fortgeschritten Kapitel 5 und 6 – Baumdiagramme und Datenstrukturen

    Dieses Kapitel gefällt mir mit großen Abstand am wenigsten. Die Grafiken und Codebeispiele sehen zwar schön aus, sind aber irgendwie alle Nichtssagend für die Zukunft. Hier hätte mir eine generelle Einführung oder Übersicht über Informationsvisualierung a la „A Tour through the Visualization Zoo“ besser gefallen. Erklärungen wie man Baumdiagramme, oder ein Layoutverfahren anwendet, empfand ich als zu speziell. Es kam ein wenig der Hauch eines Internet Tutorials hoch...

    Anhang und Reflexion
    Dieser Abschnitt fasst nochmal das komplette Buch in 6 Seiten zusammen. Eine schöne geschriebene Reflexion, jedoch aus theoretischer Sicht zu wenig. Die Theorie hinter generativen Gestaltung bleibt ein wenig auf Strecke.

    Endresultat:
    Ein super Buch für den praktischen anwendungsorientierten Einstieg in die „Generative Gestaltung“. Die Codebeispiele sind vorbildlich umgesetzt und erklärt. Ich hätte mir solch ein Buch sehnsüchtig in meiner Anfängerzeit gewünscht, und dass dann auch noch in der Muttersprache deutsch! Von der praktischen Seite her gibt es rein gar nichts zu bemängeln. Von theoretischer Seite weißt das Buch leider ein paar Schwächen auf. Zwar zeigt die Projektsammlung eine schöne Auswahl, doch die Beschreibungstexte lesen sich manchmal wie ein Klappentext. Der theoretische Kontext und die Idee geht dadurch in manchen Projekten ein wenig verloren. Als Referenz in einer Thesis oder Abschlussarbeit würde ich dieses Buch nicht unbedingt erwähnen. Dafür finde ich das Buch „Form + Code“ von Casey Reas und Weiteren angebrachter. Es erwähnt und verdeutlicht nochmals die theoretischen Konzepte hinter Computer-generierten Designs (Repeat,Transform, Parameterize, Visualize, Simulate, usw.). Dafür hat es seine Schwächen in der praktischen Umsetzung. Wer sich ernsthaft in diese Thematik der „Generativen Gestaltung“ einarbeiten möchte, sollte sich unbedingt beide Bücher antun!

    Related posts:

    1. Book review: Form + Code (Generative Art & Design)
    2. Book Review: Laws of Simplicity
    3. Book review: Designing Interactions

    flattr this!

    ]]>     http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/feed/ 0 "     Book review: Form + Code (Generative Art & Design) http://blog.derhess.de/2011/01/18/book-review-form-code-generative-art/ http://blog.derhess.de/2011/01/18/book-review-form-code-generative-art/#comments Tue, 18 Jan 2011 13:44:32 +0000 admin http://blog.derhess.de/?p=1483
  • Book review: Generative Gestaltung
  • Book review: Designing Interactions
  • Book Review: Laws of Simplicity
    • ]]>     Form + Code Title

    The last few weeks I did some research on the trendy topic generative art and design. I was very enthusiastically for reading the Form + Code book from Casey Reas, Chandler McWilliams, and the agency LUST.

    The content of this book is very well structured. The first chapters introduces programming and the special characteristics of computers in design and art very well. I really appreciate it, that they chose the more concept introduction, then a technical focus. For this reason the reader gets a very good picture why the computer and programming could be helpful for creating new experiences. The transition from the introduction into the toolbox of creative coding is perfectly done. They explained the concepts of Repeat, Transform, Parameterize, Visualize, Simulate pretty good. Especially, the chosen examples of artworks for the various toolboxes are very appropriate. Therefore this book is a very useful resource for research in a scientific environment. The positive argument is also the little weakness of this book. In a theoretical terms everything is fine. The reader gets a very good introduction in this new topic. In practical terms the reader is very often alone with the code examples. Only two or four pages are too less for inexperienced programmers and designers. They are not going to understand and even learn so much from these code examples. The book delivers so much good content, but on the practical site if failed for me. For German-speaking and French-speaking people it is not worse, because the book Generative Gestaltung (review comes soon) is the perfect complement for this book. The book Generative Gestaltung has got some minor weakness on theoretical aspects, but the practical part and the learning from code is perfectly done!

    However, this book belongs to every book collection of visual programmers, new media artists and designers. It is definitely the money worth! I enjoyed the reading very much.

    Reminder  for Flashers:

    This books reminds me strongly on the creative coding beginnings, like it was with Flash 4, 5 and 6. Flashers, please don't forget your roots! Have also a look on the the old Flash Math Creativity Books (edition 2). Further good code examples are available on Liquid Journey. Joshua Davis and Branden Hall created a very good Flash library for generative design. Check out their Hype Framework!

    Related posts:

    1. Book review: Generative Gestaltung
    2. Book review: Designing Interactions
    3. Book Review: Laws of Simplicity

    flattr this!

    ]]>     http://blog.derhess.de/2011/01/18/book-review-form-code-generative-art/feed/ 0 "     Academic research in (multi-touch) gestures for screen interfaces http://blog.derhess.de/2010/12/13/academic-research-in-multi-touch-gestures-for-screen-interfaces/ http://blog.derhess.de/2010/12/13/academic-research-in-multi-touch-gestures-for-screen-interfaces/#comments Mon, 13 Dec 2010 12:46:50 +0000 admin http://blog.derhess.de/?p=1402
  • Technical Paper: Designing gestures for (multi-touch) screens
    • ]]>     Last semester I joined the Journal Club lecture at our University. I continued my research in gesture based interaction for screen-based environments. This little paper research was based on the question how the screen size influences the gesture design. In the end I created a short presentation about important conferences for gesture design, and summarized the results of 4 papers. Thanks to Martin Kaltenbrunner for his useful advices!

    Multi(Touch) Gesture Research

    View more presentations from Florian Weil.

    Furthermore, I found a bunch of very interesting papers for designing gestures in screen-based environments. I want to share these papers with you. You are welcome to add comments about the papers or recommend other nice projects! (use the tooltip for only reading the titles of the papers)

    Gesture design in general

    Andrew Bragdon, Robert Zeleznik, Brian Williamson, Timothy Miller, and Joseph J. LaViola, Jr.. 2009. GestureBar: improving the approachability of gesture-based interfaces. In Proceedings of the 27th international conference on Human factors in computing systems (CHI '09). ACM, New York, NY, USA, 2269-2278.

    Justin Matejka, Tovi Grossman, Jessica Lo, and George Fitzmaurice. 2009. The design and evaluation of multi-finger mouse emulation techniques. In Proceedings of the 27th international conference on Human factors in computing systems (CHI '09). ACM, New York, NY, USA, 1073-1082.

    Jacob O. Wobbrock, Meredith Ringel Morris, and Andrew D. Wilson. 2009. User-defined gestures for surface computing. In Proceedings of the 27th international conference on Human factors in computing systems (CHI '09). ACM, New York, NY, USA, 1083-1092.

    Stößel, C.; Wandke, H. & Blessing, L. Kopp, S. & Wachsmuth, I. (Eds.) Gestural Interfaces for Elderly Users: Help or Hindrance? Gesture in Embodied Communication and Human-Computer Interaction, Springer Berlin / Heidelberg, 2010, 5934, 269-280

    Kenrick Kin, Maneesh Agrawala, and Tony DeRose. 2009. Determining the Benefits of Direct-Touch, Bimanual, and Multifinger Input on a Multitouch Workstation

    Gesture design for small screens

    Anne Roudaut, Eric Lecolinet, and Yves Guiard. 2009. MicroRolls: expanding touch-screen input vocabulary by distinguishing rolls vs. slides of the thumb. In Proceedings of the 27th international conference on Human factors in computing systems (CHI '09). ACM, New York, NY, USA, 927-936.

    Patrick Baudisch and Gerry Chu. 2009. Back-of-device interaction allows creating very small touch devices. In Proceedings of the 27th international conference on Human factors in computing systems (CHI '09). ACM, New York, NY, USA, 1923-1932.

    Gesture design for medium screens

    Tomer Moscovich and John F. Hughes. 2008. Indirect mappings of multi-touch input using one and two hands. In Proceeding of the twenty-sixth annual SIGCHI conference on Human factors in computing systems (CHI '08). ACM, New York, NY, USA, 1275-1284.

    Chi Tai Dang, Martin Straub, and Elisabeth Andre;. 2009. Hand distinction for multi-touch tabletop interaction. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (ITS '09). ACM, New York, NY, USA, 101-108.

    Dustin Freeman, Hrvoje Benko, Meredith Ringel Morris, and Daniel Wigdor. 2009. ShadowGuides: visualizations for in-situ learning of multi-touch and whole-hand gestures. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (ITS '09). ACM, New York, NY, USA, 165-172

    Thomas Seifried, Michael Haller, Stacey D. Scott, Florian Perteneder, Christian Rendl, Daisuke Sakamoto, and Masahiko Inami. 2009. CRISTAL: a collaborative home media and device controller based on a multi-touch display. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (ITS '09). ACM, New York, NY, USA, 33-40.

    Gesture design for big screens

    Peter Peltonen, Esko Kurvinen, Antti Salovaara, Giulio Jacucci, Tommi Ilmonen, John Evans, Antti Oulasvirta, and Petri Saarikko. 2008. It's Mine, Don't Touch!: interactions at a large multi-touch display in a city centre. In Proceeding of the twenty-sixth annual SIGCHI conference on Human factors in computing systems (CHI '08). ACM, New York, NY, USA, 1285-1294.

    Masatomo Kobayashi and Takeo Igarashi. 2008. Ninja cursors: using multiple cursors to assist target acquisition on large screens. In Proceeding of the twenty-sixth annual SIGCHI conference on Human factors in computing systems (CHI '08). ACM, New York, NY, USA, 949-958.

    Martha Abednego, Joong-Ho Lee, Won Moon, and Ji-Hyung Park. 2009. I-Grabber: expanding physical reach in a large-display tabletop environment through the use of a virtual grabber. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (ITS '09). ACM, New York, NY, USA, 61-64.

    Alexander Schick, Florian van de Camp, Joris Ijsselmuiden, and Rainer Stiefelhagen. 2009. Extending touch: towards interaction with large-scale surfaces. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (ITS '09). ACM, New York, NY, USA, 117-124

    Gesture design for pen/stylus devices

    Dzimitry Aliakseyeu, Pourang Irani, Andres Lucero, and Sriram Subramanian. 2008. Multi-flick: an evaluation of flick-based scrolling techniques for pen interfaces. In Proceeding of the twenty-sixth annual SIGCHI conference on Human factors in computing systems (CHI '08). ACM, New York, NY, USA, 1689-1698

    Caroline Appert and Shumin Zhai. 2009. Using strokes as command shortcuts: cognitive benefits and toolkit support. In Proceedings of the 27th international conference on Human factors in computing systems (CHI '09). ACM, New York, NY, USA, 2289-2298

    Mathias Frisch, Jens Heydekorn, and Raimund Dachselt. 2009. Investigating multi-touch and pen gestures for diagram editing on interactive surfaces. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (ITS '09). ACM, New York, NY, USA, 149-156.

    Related posts:

    1. Technical Paper: Designing gestures for (multi-touch) screens

    flattr this!

    ]]>     http://blog.derhess.de/2010/12/13/academic-research-in-multi-touch-gestures-for-screen-interfaces/feed/ 3 "     Technical Paper: Designing gestures for (multi-touch) screens http://blog.derhess.de/2010/12/06/technical-paper-designing-gestures-for-multi-touch-screens/ http://blog.derhess.de/2010/12/06/technical-paper-designing-gestures-for-multi-touch-screens/#comments Mon, 06 Dec 2010 13:14:03 +0000 admin http://blog.derhess.de/?p=1400
  • Academic research in (multi-touch) gestures for screen interfaces
  • Designing Subspaces: Hermits in our digital Age
  • Book review: Designing Interactions
    • ]]>     For several months I worked on technical paper about designing gestures for screen-based environments. Finally, it is finished and you can read it. Here is the abstract:

    This paper analyses gesture design for pointing devices in screen-based environments. By exploring design patterns the analysis investigated the gesture design of five different end-user products: Desktop operating systems, mobile operating systems, 3rd Party software, small software products, and common hardware products. The beginning of the paper defines what a gesture is, and the various kinds of gestures. Afterwards the analysis merges the gesture design results with the basic commands for pointing devices. This approach points out which gestures are often used, and in which context they are used. The results give interaction designers and software engineers a guide for implementing gestures in their own products. Furthermore, the paper proposes solutions for gesture documentation, and a conceptual framework for complicated gestures. The last section takes an industrial design perspective on pointing devices as an input channel. It discusses the evolution of interface design from a hardware driven to a software driven approach.

    Please note:

    Unfortunately, I got sick on a long-term disease. Therefore it took me so long for writing this paper and that is also the reason why the data of the analysis is from January of 2010. However, in my opinion the results of my analysis are still valid. For more up-to-date data, please check the Touch Gesture Reference from LukeW.

    Acknowledgement:

    I am very happy about the support from my teachers, friends, and fellow students. Big thanks to Mahir M. Yavuz and Mathias Stäbler for the content feedback. Vesela Mihaylova for a great Adobe Illustrator and graphic design support. Tim Devine for transforming over 30 pages of my bad english in a readable form, and marking some unclear points of my paper. Dudes, thank you so much!

    Download

    web version |   print version

    Related posts:

    1. Academic research in (multi-touch) gestures for screen interfaces
    2. Designing Subspaces: Hermits in our digital Age
    3. Book review: Designing Interactions

    flattr this!

    ]]>     http://blog.derhess.de/2010/12/06/technical-paper-designing-gestures-for-multi-touch-screens/feed/ 8 "