//search something?


Changing Peoples behaviour – or the Good, the Bad and the Ugly

So, first of all – this one is the Good :)

I got this from the current print issue of weave magazine (a German interactive design magazine) where you can find an interesting article dealing with the forms of persuasive design. This is much about psychology and how to guide users to make (the right?) decisions.

I think this one is a great and inspiring example how to change peoples behaviour by making something more funny (and getting them perhaps onto a more better or healthy lifestyle)

’66% more people than normal chose the stairs over the esculator’

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Writing User-Scenarios with Scrivener

Index Card View

Organizing and structuring the Chaos

If you want to build an easy to use and appealing piece of software, writing Scenarios for your Usergroups is not a new thing and has been around for a while – User Scenarios are a really great and powerful conceptual Design Tool.
Writing Scenarios does help us to think much more in a way like our Users do and to rethink and reflect the Design / IA we’re building.
Today I found a Mac Desktop Tool, originally made for Screenwriters/Writers called “Scrivener” which seems perfect in helping us building these narrative User-Stories/Flows/ Scenarios with a simple non-linear approach, working with adjustable index cards on a corkboard, according to interaction design, which is definitely a non-linear design process.

There are different view modes available ( list, cards, etc..) and you can write the underlying story containing a little more depth of what should happen “behind” each index card – you’ll find there also very customizable labeling options ( name them e.g. something like “required in v1″ or “nice to have” or “later” ) which will allow you to write down your conceptual ideas quickly and save them for a later Version of the Product – but already within the flow.
Features included : Creating Folders, Insert Images, Export etc.. There is an extra Folder for all the Research Stuff perfect for quick reference since you’re able to put all the related things in just one place, what I think is pretty cool.

List View of Index Cards

Composite View with Subdocuments/ Stories behind

I think this is a really GREAT Tool to do structural and conceptual work before and during the Design Process, due it allows you to generate a much more human centered approach to the “Product Backlog” of what is required instead of boring written spec lists without knowing the WHY of the “requirements” and the Users Goals and Needs.
Cost: $45, 30 Days Trial free

+++http://www.literatureandlatte.com/scrivener.php

By the way, there is a similar interesting iPad app too, called “Index Card” .

P.S. I hope my written English is not too bad, since this is my first Article in English – trying to switch this blog to English, due the Interaction/UX Design Community is an international one and we should share all the interesting things and not exclude people due languages :)

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Human Computer Interaction – real Basics

„One must never drop the User into the Basement“

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

You’re A Comic Sans Criminal – but we’re here to help you

„Helping People like you learn to use Comic Sans appropriately“

Großartig aufbereitete Seite, die Menschen über den unsachgemäßen Gebrauch der von allen Gestaltern verhassten Schriftart aufklärt und gleichzeitig Alternativen aufzeigt. <3!!!

http://www.comicsanscriminal.com/

( via Create or Die! )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

HTML5 is the Future – HTML5 is NOW

Den kompletten Artikel sowie das Video vom Vortrag findet ihr hier.

Nutzt ihr bereits HTML5?

Edit:
Hier noch ein interessanter Artikel, wie man den IE auch ohne Verwendung von js dazu “zwingt”, die Elemente zu erkennen und darzustellen (thx Christoph )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

A 1140px wide, 12 column grid. Fluid all the way down to a mobile version.

„The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.
Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.“

Ausprobieren! Das Photoshop Template dazu gibt es hier.

( via swissmiss )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Your Designs should always be….

( via flowingdata )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

DropMocks – Bilder einfach teilen


Wow! Bilder austauschen made easy. Ein Paradebeispiel für geniales UCD. Es geht einfach nur darum, Bilder auszutauschen, kein Drumherumgedöns, Nichts, nada. Punkt. :)
Funktioniert bis jetzt leider nur im Chrome, oder ab Firefox 4.

http://www.dropmocks.com/

( via swissmiss & techcrunch )

Edit:
Es gibt auch http://min.us, praktisch das gleiche Tool, welches auch in Safari funktioniert! :)

( thx @boerge30 )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

20 Things I learned about the Browser and the Web

20 Things I learned about the Browser and the Web ist ein auf HTML5 basierendes interaktives Buch, in welchem die Grundlagen über das Internet und Browser mit Illustrationen untermalt erklärt werden. Herausgegeben wurde es vom Google Chrome Team.

Man kann es jederzeit schließen, denn die Entwickler haben ein Lesezeichen eingebaut, welches sich merkt, wo man gerade war.

( thx @chriscoyier )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

SymbolAssist: More Symbols, Less Work

SymbolAssist ist eine browserbasierte, kategorisierte Unicode Chars Map. Click, Copy, Paste.
Nettes Tool und – wie praktisch – auch als Bookmarklet verfügbar :)

http://plasticmind.com/toybox/symbolassist/

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Qwiki – Information Experience reloaded

qwiki
„Information becomes an Experience that I can watch”

The Future is now. Qwiki ist ein neues, hochinteraktives, visuelles Wiki, welches sich zum Ziel gesetzt hat, einen neuen Weg in Punkto Informationsaufnahme/das Erleben von Information zu bestreiten.
Interessant daran ist, wo es seine Daten herbezieht – nämlich ausschliesslich dem Internet selbst.

Ich selbst probiere es gerade aus – die mechanische Stimme der Dame ist schon etwas spooky – hat wirklich alles einen etwas futuristischen Touch, die Möglichkeiten/Ausbaufähigkeiten sind aber denke ich superspannend, Stichwort: Verbindung mit Augmented Reality etc…

Mashable vergibt gerade Invites, um das Tool in der alpha Version zu testen.

Qwiki Vorstellung auf der TechCrunch:

Qwiki at TechCrunch Disrupt from Qwiki on Vimeo.

http://www.qwiki.com/

( via mashable )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Playbutton

playbutton

Großartig! – Can’t wait.

http://www.playbutton.co/

Hier gibt es noch mehr Infos dazu.

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

LittleIpsum

littleipsum1

Mac OS Desktop App (ab 10.6 +) zum Erstellen von Blindtexten mit einigen Optionen.
http://littleipsum.com

via swissmiss )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Markup Bookmarklet

markup

Draw on any webpage with MarkUp to quickly share your thoughts. Try it now by choosing a shape to trace. Get MarkUp to use it any time.

Feedback auf Webseiten oder Prototypen – einfach schnell und unkompliziert. Bookmarklet installieren, einfach drauf losmalen/ tippen – fertig.
Der so kommentierte Screen kann auch direkt aus dem Browser mithilfe einer URL publiziert werden. Es gibt einige solcher Tools, aber dies gefällt mir bislang am besten.

http://markup.io/

( via Smashing Magazine)

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

How great leaders inspire action

Super spannender TED Talk von Simon Sinek.
„People don’t buy what you do – People buy why you do it.“

Passion sells. In jeder Hinsicht.

( thx to iam.curiousabout )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati