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 :)

Très cool! UX Methoden von A/B Testing bis Wireframes kurz & anschaulich erklärt – meist mit weiterführenden Links:
http://nform.ca/tradingcards/

„There has been increasing interest in our professional community around the research that informs our designs. Traditional user research may shed light on superficial complaints or wish-list items, but we want to talk more about how we can uncover opportunities for ground-breaking experiences.“

Als erstes muss man alle Elemente, die auf der Webseite bzw. in der Appplikation vorkommen identifizieren und am besten gruppieren. Was kann man vereinheitlichen?
Ich habe mir dann eine Liste gemacht, um einen Gesamtüberblick zu bekommen, die ich systematisch abgearbeitet habe und jedes Element bzw Gruppe von Elementen daraufhin für die Library gestaltet. (z.B Primary Call to Action Buttons, Secondary Buttons, Tabs, Accordionelemente, alle(!) Icons nach Maßen gruppiert etc…
Die Library ist als *.psd und *.png File (wegen Transparenz) dann für jeden verfügbar.
Man kann auch gleich alle Elemente daraus exportieren.

Was ich persönlich als Vorteil empfinde:
-Eine Library ist schneller erstellt als komplette Screendesigns oder gar pdf-Styleguides (grusel).
-Ich bewahre Konsistenz in meinen Designs, was besonders bei Webapplications wichtig ist (!)
-Man hat einen kompletten Überblick und erkennt wiederkehrende Patterns schneller
-Sie ist weiterverwendbar/ ausbaufähig (und behält ihre Design-Konsistenz)
-Fürs Frontenddevelopment besser, da die meisten Elemente schon existieren und man nicht “on the fly” irgendwas darauf losbasteln muss und man sich event. auch schon ein Bild zur HTML Struktur von bestimmten Elementen machen kann.

Was habt ihr für Erfahrungen gemacht? Bin gespannt auf eure Meinungen und eure Workflows :)

„Most to-do list creatives cannot drop everything to spend days lost in monk-like focus.”

An alle Designer, UX-Menschen, Web/Screen & Interactiondesigner, Developer, Chefs und sonstig kreativ tätiges Volk: Wir kennen bestimmt alle das Problem – irgendwie muss eine Lösung für ein Problem X her und uns fehlt einfach im Alltag ausreichend Zeit, uns einzugraben und nächtelang darüber zu sinnieren, bzw. es ist einfach nicht machbar.
Wie schafft man es, sich im stressigen Alltag zwischen Mails, Kollegen, Telefon und sonstigem Gehupe, Zeiten von unterbrechungsfreien hochkonzentrierten Workflows zu sichern? Hier ist ein toller Artikel, der sich genau mit diesem Problem beschäftigt.
Ich mag die Idee/ den Ansatz, sich fixe Zeiten für genau diese Art von Arbeit in den Kalender einzutragen/zu blocken. Das Gehirn “freizuschalten” zwischen den ganzen anderen To dos etc…. Ich gehe sogar gerne einen Schritt weiter und stimme einem Kommentar zu, der sagt: ” “Place” plays an odd role when I am trying to do creative thinking.”

Ich denke, qualitativ gute lösungsorientierte Arbeit benötigt genau solche Phasen. Wie seht ihr das? Nicht umsetzbar? Utopisch? Geht nicht auf Abruf? Ich bin gespannt auf eure Meinungen.

http://the99percent.com/tips/6956/Getting-Creative-Things-Done-How-To-Fit-Hard-Thinking-Into-a-Busy-Schedule

Die Slides sind übrigens mit einer Tonspur versehen – etwas länger, aber es lohnt sich.

( via usercentered.de )

Etwas älter – aber nicht veraltet – Slides von Liz Bacon.

Eine wirklich tolle, nützliche Sammlung von Arbeitsweisen, die helfen soll, designbezogene Probleme/Aufgaben zu lösen, stellt der Designmethoden Finder bereit.

Die Infos sind modular aufgebaut, so das man sich schrittweise tiefer in die einzelnen Methoden einarbeiten kann. Es werden passende Methodenvorschläge zu Suchbegriffen ausgegeben, die Methoden werden erklärt, Beispiele geliefert und für Neulinge gibt es die Design Methoden Schule.

Sehr empfehlenswertes Tool, zudem top aufbereitet!

http://www.designmethodenfinder.de

( via Design made in Germany )

“The cognitive walkthrough is a formalised way of imagining people’s thoughts and actions when they use an interface for the first time. Walkthroughs identify problems that new users will have when they first use an interface. You select one of the tasks that the design is intended to support and then you step through the task, action by action, seeing if you can identify any problems with the interface.”

http://www.userfocus.co.uk/articles/cogwalk.html