Sunday 1 February 2009

Gillian Crampton Smith links

"Interaction design is the creative design of the interaction between people and devices, systems or services. This interaction usually involves the ‘new technologies’ of computing and communications. But interaction design remains a design activity – like architectural, graphic or product design. And it concerns the social value and cultural meaning of what is designed, not only its functional efficiency and visual appeal." Gillian Crampton Smith and Philip Tabor 2007-08
http://www.interaction-venice.com/index.html

Through some research on designers of interfaces on Google Images I followed some Gillian Crampton Smith links to Crampton Smith and Philip Tabor's website. On it they have a reading lists for Interaction Design, Information Visualisation and other useful links which I reproduce here in order to archive them for future quick reference.

======

From http://www.interaction-venice.com/references-introductory.html

Introductory references

Strongly recommended

Bonsiepe, Gui. 1995. Dall’oggetto all’interfaccia. Mutazioni del design. Milan: Feltrinelli. (English trans: Interface: An Approach to Design. Maastricht: Jan van Eyck Akademie.)

Moggridge, Bill. 2007. Designing Interactions. Cambridge: MIT Press.

Negroponte, Nicholas. 1995. Being Digital. New York: Alfred A. Knopf.
2004. Essere digitali. Milano: Sperling and Kupfer

Norman, Donald A. 1997. La caffettiera del masochista. Psicopatologia degli oggetti quotidiani. Florence: Giunti. (Trans. of The Psychology of Everyday Things. New York: Basic Books. 1988.)

Reas, Casey, and Ben Fry. 2007. Processing: A Programming Handbook for Visual Designers and Artists. Cambridge: MIT Press.

Saffer, Dan. 2006. Designing for Interaction: Creating Smart Applications and Clever Devices. Berkeley CA: Peachpit.

Thackara, John. 2006. In the Bubble: Designing in a Complex World. Cambridge MA: MIT Press.

White, Ron. 2004. Il computer. Come è fatto e come funzione, 7th edn. Milan: Mondadori. (Trans. of How Computers Work. Indianapolis: Que. 2006.)

Recommended

Botta, Massimo. 2006. Design dell’informazione. Tassonomie per la progettazione di sistemi grafici auto-nomatici. Trento: Artimedia.

Cameron, Andy, ed. 2004. The Art of Experimental Interaction Design (IdN Special O4). Hong Kong: IdN Publishing.

Caplin, Steve. 2001. Icon Design: Graphic Icons in Computer Interface Design. New York: Watson-Guptill.

Cooper, Alan, Robert Reimann, and David Cronin. 2007. About Face 3.0: The Esssentials of Interaction Design. New York: Wiley.

Cooper, Alan. 1999. Il disagio tecnologico. Perché i prodotti high-tech sono così difficili da usare e che cosa fare per migliorarli. Milan: Apogeo. (Trans. of The Inmates are Running the Asylum: Why High Tech Products Are Driving Us Crazy and How to Restore the Sanity. Indianapolis: Sams. 1999.)

Garito, Maria Amata, Giovanni Anceschi, and Massimo Botta. 2006. L’ambiente dell’apprendimento. Web design e processi cognitive. Milan: McGraw-Hill.

Maeda, John. 2004. Creative Code: Aesthetics and Computation. London: Thames & Hudson.

Norman, Donald A. 1995. Le cose che ci fanno intelligenti. Il posto della tecnologia nel mondo dell'uomo. Milan: Feltrinelli, Milano, 1995. (Trans. of Things that Make Us Smart: Defending Human Attributes in the Age of the Machine. Reading MA: Addison-Wesley. 1993.)

Petzold, Charles. 2000. Codice. Il linguaggio segreto dei computer. Milan: Mondadori. (Trans. of Code: The Hidden Language of Computer Hardware and Software. Redmond WA: Microsoft Press. 1999.)

Preece, Jenny, Yvonne Rogers, and Helen Sharp. 2007. Interaction Design: Beyond Human-Computer Interaction, 2nd edn. New York: Wiley. (Italian trans. of 1st edn: Interaction Design. Milan: Apogeo. 2004)

Studio 4.5 (Carola Zwick, Burkhard Schmitz, and Kerstin Kuhl). 2006. Designing for Small Screens: Mobile Phones, Smart Phones, PDAs, Pocket PCs, Navigation Systems, MP3 Players, Game Consoles. Switzerland: Ava.


======

From http://www.interaction-venice.com/references-infoviz.html

Information visualisation references

INFORMATION DESIGN BOOKS

Bertin, Jacques. La Semiologie Graphique.

Tufte, Edward R. 1983. The Visual Display of Quantitative Information. Cheshire CT: Graphics Press.

- 1990. Envisioning Information.
- 1997. Visual Explanations
- 2006. Beautiful evidence

ICON DESIGN BOOKS

Caplin, Steve. 2001. Icon Design: Graphic Icons in Computer Interface Design. New York: Watson-Guptill.

INFORMATION VISUALISATION LINKS
Periodic Table of visualisation techniques
http://www.visual-literacy.org/periodic_table/periodic_table.html

Gallery of network visualisations
http://www.visualcomplexity.com/vc/

Information aesthetics
http://infosthetics.com/

Nice magnifying list (Jonathan Harris)
http://tenbyten.org/10x10.html

Jonathan Harris’s site
http://www.number27.org/

David Lu’s projects
www.velluminous.org
http://velluminous.org/portfolio/detail/?14

Visualising conversations:
(Boris Muller)
http://www.forestandthetrees.com/findr/findr.html
(Mike Migurski)
http://backchannel.stamen.com/

Semantic links between websites (only still pix at the moment)
http://www.ralphammer.de/projects/sinnzeug/sinnzeug_en.html

Power links between companies (Josh On)
http://www.theyrule.net/
(other work by Josh)
http://www.futurefarmers.com/josh/rca/index.html

Hyperbolic net visualisations
Visual thesaurus
Hypergraph - Hyperbolic graphs and trees : ThinkMap
KartOO visual meta search engine

Inxight: a spin off from Xerox Park from the visualization team of Stu Card
http://www.inxight.com/products/sdks/
Inxight StarTree
Inxight TimeWall
Inxight TableLens
(Inxight has been acqired by SAP. At present there are no pictures or demos on the site. Google 'hyperbolic visualisation' to find similar examples. 1/dec/2008)

Map of creativity
http://www.ngf.org.uk/map/map.html

Explore the Flikr space
http://www.quasimondo.com/tagnautica.php

World development statistics
G A P M I N D E R: HOME

Semantic Indexing
http://www.knowledgesearch.org/

Timelines (look at the live examples)
http://simile.mit.edu/timeline/

AT&T telecoms company’s visualisation research group
http://www.graphviz.org/Gallery.php

Overview of the stockmarket
www.smartmoney.com (look at Tools in the menu on the left)


======

From http://www.interaction-venice.com/references-useful-links.html

Useful links

GENERAL

Long running and important comment on ‘what is new technology for?’
http://www.doorsofperception.com/

Live|Work Service Design. Live|Work have pioneered service design as a design activity.
http://www.livework.co.uk/home.html

Interaction Design Association: a lot of interesting discusssions and resources
http://www.ixda.org/

Rather sharp blog on interaction design!
http://www.odannyboy.com/blog/archives/001000.html

Looks good, works well
Looks Good Works Well: Storyboarding Interesting Moments
http://looksgoodworkswell.blogspot.com/2005/11/interaction-matrix.html

We make money not art: design/technology/art
http://www.we-make-money-not-art.com/archives/009123.php

TECHNIQUES

Working with users
Cooper on personas (his company invented the name)
http://www.cooper.com/content/insights/newsletters_personas.asp

Working with users for service design
http://courses.interaction-ivrea.it/zoom/CirclesOfCare/index.html

IDEO’s methods cards
www.ideo.com/methodcards/MethodDeck/

Experience prototyping (Jane Fulton Suri, Marion Buchenau)
http://www.ideo.com/media/info.asp?x=6

Bill Gaver, Tony Dunne, Elena Pacenti: Cultural Probes
ACM Interactions Magazine February 1999
Flowcharting
Basic Flowcharting Symbols - The SmartDraw Flowchart Tutorial
Introduction to User Interface Flow Diagrams (UI Storyboards)

‘Quick and dirty’ video prototyping
http://insitu.lri.fr/imuseum/symposium1-results.html

Hill and Houde: "What do prototypes Prototype?"
http://www.viktoria.se/fal/kurser/winograd-2004/Prototypes.pdf

http://www.design.philips.com:80/about/design/section-13482/index.html

Information architecture tools
http://iainstitute.org/en/learn/tools.php

SOME NICE INTERACTIONS

Fresh interfaces for architects
http://www.intentionallies.co.jp/content_normal.html
http://www.andreescu-gaivoronski.com/and_gaiv.htm

Magical mystery tour
http://99rooms.terracontent.de/99rooms/99rooms.html

Flikr clock
http://www.quasimondo.com/clockr.php

Rijksmuseum: a beautiful light, delicate, pleasurable experience—a widget for the Macintosh
http://www.rijksmuseum.nl/aria/aria_assets/SK-C-210?lang=en

Elegant loading animation
http://www.sekisuiheim.com/desio-ae/

Animation sketch style
http://www.loworks.org/