Html Workshop

http://www.skillshare.com/Teach-Yourself-to-Code-HTML5-and-CSS3/1216366887/727998627?utm_source=facebook&utm_medium=promoted-page-post&utm_content=card-image&utm_campaign=2012-12-06-jonathan-grover-html

The big internet-museum

www.thebiginternetmuseum.com

Die Macht des Unbewussten - Folge 2)

What is Probabilistic Computing?

Awareness Lamp

Gabs auch schon mal an der KHM: http://www.khm.de/pm/projekte/projekt/paview/3068/paitems/60/pasearch/lamp/

25 years of mobile phones

http://www.punchkickinteractive.com/wp-content/uploads/2012/11/docomo01.jpg

Informationsarchitektur

Informationsarchitektur (IA) ist abstrakt und schwer zu erklären. Man führe sich nur die zig bildlichen Versuche zu Gemüte. Aus meiner Sicht ist Informationsarchitektur das Kategorisieren von Inhalten, Aktionen und Funktionen gepaart mit der Kunst des Reduzierens. via namics-blog

Wahrnehmung und Gestaltgesetze

“Make It So” – A Compendium of Science Fiction Interfaces

http://www.creativeapplications.net/review-2/make-it-so-a-compendium-of-science-fiction-interfaces/

Dyscograf

The Evolution of the web

Interactive Matrix at: http://evolutionofweb.appspot.com/#/evolution/day

Die Macht des Unbewussten

(ARD Mediathek Reportage / Folge 1) Weitere Videos vom Onlinestudiengang Medientechnik finden sich hier.

Die Mobile Website der Stadt Zürich:

Konzeptionsstudie von der Agentur Namics: Teil 1: Idee Teil 2: Konzeption Teil 3: Umsetzung (folgt) Paperprototyping:

Thinking fast and slow

In his new book, Thinking, Fast and Slow, Nobel Prize Winner Daniel Kahneman takes us on a fascinating tour of the brain, exploring two theoretical systems that drive the way we think and make choices: “System 1” is fast, intuitive, and emotional; “System 2” is slower, more deliberative and more logical. As experience designers, we want to appeal to both. http://www.uxbooth.com/blog/writing-for-cognitive-ease/

The Top 10 Psychology Books You Should Read

http://www.theteamw.com/2012/08/02/the-top-10-psychology-books-you-should-read/

Sonification of everyday things

Via: http://www.creativeapplications.net/processing/an-instrument-for-the-sonification-of-everyday-things/

Drawdio

http://web.media.mit.edu/~silver/drawdio/

Makey Makey

Video: Makey-Makey-Controller - Trailer (2:11)

http://www.makeymakey.com/

Sight

Natural input on film

via Neil Clavin

Transmedia storytelling

http://www.narrata.de/narrata-erzahlt/transmediales-storytelling-und-alternate-reality-games-ein-neuer-trend-fur-recruiting-und-cultural-change-masnahmen-in-unternehmen/ http://padlive.de/tag/transmediales-storytelling/

Earthbook

Earthbook: Die Erde geht online from MovieBrats on Vimeo.

Prototyping Tool

New Project :: Fluidui.com

Responsive Web Design Templates and Frameworks

http://webdesignledger.com/resources/responsive-web-design-templates-and-frameworks

Modular Grid System

http://modulargrid.org/

Give Your Website Soul With Emotionally Intelligent Interactions

What is it that makes us loyal fans of the websites and apps we love? When we sat down to answer this question for ourselves, we found that the websites and apps we truly love have one thing in common: soul. They’re humanized. They have emotional intelligence designed into the user experience. And this emotional intelligence is crafted through thoughtful interaction design and feedback mechanisms built into the website.

Give Your Website Soul With Emotionally Intelligent Interactions | Smashing UX Design

Seductive Design

Seductive Design

View more presentations from Andy Budd

Seductive Design

5D | The Future of Immersive Design

5D: The Future of Immersive Design is a global community of multi-disciplinary creators that are fascinated by a shared pursuit of worldbuilding for the sake of generating new storytelling experiences. The process that is being developed is one that begins with the construction of a world. Before a specific linear narrative is laid down, a coherent, logic-driven, integrated world is created for that story to take place in. Complete with an ecosystem, a world of characters and some general governing laws, this place of fiction becomes the platform for stories to unfold.

5D | The Future of Immersive Design

Fun with fallacies

Fun with fallacies [infographic] - Holy Kaw!

SitePoint

SitePoint  Learn CSS | HTML5 | JavaScript | Wordpress | Tutorials-Web Development | Reference | Books and More — and http://buildmobile.com

Mental Model Diagrams (Cartoon)

One way is to understand the motivations that drive users in general. A mental model diagram can be created to do just that—to dive deeper and discover what users are trying to accomplish, and then create solutions that match.

Mental Model Diagrams (Cartoon) | Smashing UX Design

Immersive Video

The Wilderness Downtown

(By Aaron Koblin, Page-online)

Joshua Davis

Joshua Davis Studios

Using Design Games - Boxes and Arrows

Using Design Games - Boxes and Arrows: The design behind the design

Service Design Tools

An open collection of communication tools used in design processe that deal with complex systems:

Service Design Tools | Communication methods supporting design processes

Udacity

"I feel this is something as fundamentally new to education as the invention of printing."

Udacity - Free Classes. Awesome Instructors. Inspiring Community.

HTML5 Tag Systematik

HTML5 Tag Systematik | html5 Referenz und Tutorials | Neuerungen | CSS 3 | Anleitung zum Programmieren von iPhone Apps

The world's biggest self portrait, drawn using GPS | Technology | guardian.co.uk

The world's biggest self portrait, drawn using GPS | Technology | guardian.co.uk

Cartographer

The blog of Andy Woodruff, a cartographer

Maperitive

Maperitive

NYC 8bit

http://8bitcity.com/map?New%20York

Microsoft's 3D Display

Microsoft's Wicked See-Through 3D Display - Core77

Kaminfeuer 2.0

10 Hours of Darth Vader Breathing - YouTube:

Gridpak

Select your Grid and Download png, css and java:
Gridpak - The Responsive grid generator

Live Coding

Bret Victor - Inventing on Principle from CUSEC on Vimeo.

Examples:
- water
- http://danielchasehooper.github.com/CodeBook/

Using an iOS device to control a game on your browser

Accelerometer support is available in Mobile Safari and this enables the browser to sense movement, speed and direction with Javascript on iPhone and iPad devices. If we push the movement data from the iOS device instantly through a nodejs server to a browser, then we can control a game on the browser. This is exactly what we have put together in this fun little html5 demo.

Read more: Using an iOS device to control a game on your browser - PHP, Web and IT stuff

Testing: http://www.webdigi.co.uk/fun/space/

Konsequente Suchfunktion

Designspiration — Bikes Design Inspiration Search Results

Focus on coreuse ;-)

Gesten für Taschenrechner

Schlicht, farbig, weitgehend Gesten-basiert und vor allem einfach. So in etwa lässt sich der Trend zusammenfassen den die Aufgabenverwaltung Clear Mitte Februar im AppStore angestoßen hat. Mit dem neuen Taschenrechner “Rechner Calculator” (AppStore-Link) haut das Design-Studio Berger & Föhr jetzt in die gleiche Kerbe.

Die neue App-Generation: “Rechner Calculator” setzt wie “Clear” auf Gesten | ifun.de/iPhone :: Alles zum iPhone

Twitter Bootstrap

Twitter Bootstrap: Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

Designing Design-forsch-ung not Re-search

http://www.designresearchnetwork.org/drn/content/designing-design-forsch-ung-not-re-search-(presentation-weimar-k.krippendorff-2011)

Designing iPhone Tips

Designing a user interface for iPhone is totally different than designing for the web. Small screen, fixed width, users are on the move etc.
1. Setup Photoshop
2. Have a PSD template
3. Download the iPhone 4 GUI PSD retina display
4. Use Liveview to preview your user interface
5. Know the Apple iOS Human Interface Guidelines and best practices

5 Tips for Designing iPhone Apps in Photoshop, by Lee Munroe
(Thx to David)


5 Tips for Designing iPhone Apps in Photoshop, by Lee Munroe

Comic Phd

http://www.crackajack.de/2012/03/07/ph-d-in-comics-form/

Sencha Touch 2

Für Entwickler: Sencha Touch 2 zaubert schöne Web-Anwendungen | ifun.de/iPhone :: Alles zum iPhone

Tutorial Videos: http://vimeo.com/sencha/videos

Gamification Links

- Gamification Blog
- Gamification Summit, San Francisco
- Weil wir alle Spielkinder sind, TAZ.de
- Gamification: Die Konsolidierung der Welt, DE:BUG


Books:
- Jane MCGonigal: Reality Is Broken: Why Games Make Us Better and How They Can Change the World (Amazon)
- Gamification by Design, Implementing Game Mechanics in Web and Mobile Apps, O'Reilly

Die 10 besten Programme, um Mind Maps zu erstellen

- MindNode
- Mindview
- simplemind
- ViewVourMind (VYM)
- XMind

via: Die 10 besten Programme, um Mind Maps zu erstellen :: deutsche-startups.de

Felton Report is out

Nicholas Felton | Feltron.com

Every iPhone-User should know this

via ABC News schickt Journalist Bill Weir zu Foxconn – iPhoneBlog.de

Hudle Sync

Huddle is the safe choice for your leap into the cloud. It offers secure external access across the firewall, lower TCO than on-premise competitors and is available on mobile devices including iPhone, iPad and BlackBerry.

Collaboration Software & Content Management for Enterprise

Die 7 Conversion-Geheimnisse des Auto-Suggest

1. Einstiege in alle relevanten Ebenen anbieten
2. Produktanzahl kommunizieren
3. Suchbegriffe hervorheben
4. Einstiegsebenen optisch deutlich differenzieren
5. Produktvorschau als Thumbnails anbieten
6. Beratende Inhalte integrieren
7. Suggested Search in Echtzeit ausführen

Read all: Die 7 Conversion-Geheimnisse des Auto-Suggest | Conversion Optimierung, Landingpage Optimierung - KonversionsKRAFT
(via: Studienprojekt: Verbesserung der Suchvorschläge auf der T-Online Suche)

Introducing Chrome for Android - Official Google Mobile Blog

via Introducing Chrome for Android - Official Google Mobile Blog

RSA Animate - Changing Education Paradigms

Cognitive Media | Home | Supercharge yourself. Think, talk and work more creatively.

Oculus netbook robot

Oculus netbook robot by Xaxxon

Adobe Proto

Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas with teams and clients using a touch-based interface.¹ Initially available for Android™.

http://www.adobe.com/products/proto.html

Kinotopic - iPhone app to create Kinos and Cinemagraphs

Kinotopic erstellt Bewegtbilder in denen nur Teilbereiche eures Fotos mit einer sich wiederholenden Animation versehen sind.

Kinotopic - iPhone app to create Kinos and Cinemagraphs

Portfolio WordPress Themes

21 Free Photo Gallery And Portfolio WordPress Themes | DeMilked

Elevator Pitch

The Elevator Pitch from TechStars on Vimeo.
Sehenswert: Tipps für den perfekten Elevator Pitch

Phone size comparison

Show the actual size of a phone on your screen! Adjust the settings in the top bar so they match your monitor (try to be as precise as possible). You can use offset to increase or decrease the size of all the phones. To add a phone, simply select one from the selection box and to remove it, click the remove button underneath it. When you hit "Toggle Screens", every phone will show the same picture, cropped to the resolution of the screen. More candy = higher resolution

Phone Size - Phone size comparison made easy!

Link-Viewer

Für Entwickler: Link-Viewer präsentiert den ersten Entwurf eurer App | ifun.de/iPhone :: Alles zum iPhone

Augmented Structures

Augmented Structures v1.1: Acoustic Formations / Salon2 | ArchDaily