Donnerstag, Juni 28, 2007

IA Methode - Sitemap (D)

(Bild-Quelle: Thunkdesign, Fatow)

Was ist eine Sitemap?
Ein Diagramm, welches den Überblick über die allgemeine Seitenstruktur und den Zusammenhang von Inhaltselementen gibt. Anstatt jede einzelne Seite aufzulisten kann es bei großen Sites s.g. Organisationsmuster(Pattern) wiedergeben, welche in vergleichbaren Bereichen angewandt werden.

Welchen Nutzen hat es?
Die Website-Struktur wird dokumentiert, um sicherzustellen, dass der gesamte Inhalt ausgewiesen wird. Es ist die Grundlage für das Navigations-Design, den Seitenindex und die Inhaltsübernahme. Eine Sitemap eignet sich speziell für hierarchische Organisationen, sie ist jedoch weniger geeignet als Anzeige von extrem großen Sites, Facets oder Tags.

Links:
- Thunkdesign
- Fatow
- Juxtaprose
- Cybergeography

IA Methode - Swimlane (D)

(Bild-Quelle: Swimmlane.info, Sycat)

Was ist versteht man unter Swimlane?
Ein Diagramm, welches parallel die Abläufe für den Anwender, das Unternehmen, das System und weitere kontext-relevante Kriterien beschreibt. Es kann zusätzlich auch eine Storyboard-Zeitlinie eingeführt sein. Beschrieben werden die Haupt-Arbeitsschritte in einem jeweiligen Anwendungsfall, welche wiederum Grundlage für beispielsweise detailliertere Use Cases sind.

Welchen Nutzen hat es?
Es stellt die Integration der Anwendungsfälle mit dem Geschäftsprozess und den technischen Anforderungen sicher. Dadurch entsteht eine Übersicht aller im Kontext der späteren Lösung stehenden Komponenten in einem Dokument. Diese ermöglicht die Betrachtung der Bestandteile eines spezifischen Prozesses, getrennt nach Verantwortung und Delegationen.

Links:
- Swimlane
- Sycat

Mittwoch, Juni 27, 2007

IA Methode - Flowchart/Process Flow (D)

(Bild-Quelle: Wolf H. Nöding Spirit Link, Mezzoblue)

Was ist ein Flowchart/Process Flow?

Darstellung eines abstrakten Ablaufdiagramms (Flow Chart) für ein Informationssystem. Die Grundelemente der Beschreibung sind die Operation(Process), Entscheidung, Dokument, Data, Start/Stop, Unterprogramm. Vier unterschiedliche Arten von Flow Charts haben sich im Rahmen der Prozess Analyse etabliert:
  • Top-Down Flow Chart
  • Detaillierter Flow Chart
  • Workflow Diagramm
  • Development Chart
Informationsarchitekten nutzen Flow Charts in der frühen Entwicklung für Prozessfluss Analyse, Conceptual Models und Screen Flows.

Welchen Nutzen hat es?

Es unterstützt die Kommunikation, speziell das gemeinsame Verständnis, über ein Projekt oder ein Prozess zwischen allen Stakeholdern. Sie eignen sich sehr gut zur Dokumentation von Prozessen und oft nützlich beim Verständnis, wie unterschiedliche Schritte eines Prozesses zusammenarbeiten.
Die konzeptionellen Modelle und Screen Flows, auf welche man sich geeinigt hat, sind Grundlage für die Beschreibung der Anwendungsfälle(Use Cases).

Montag, Juni 25, 2007

IA Solution - Topic Map (D)

(Bild-Quelle: TAO of Topic Maps, Omnigator, NetworkedPlanet, )

>> Are Halland erwähnt u.a. Topic Maps in seinem Interview bei IA Voice.

Was
ist eine Topic Map?
Ein abstraktes Modell zur Entwicklung und Darstellung von Wissensstrukturen (speziell auch z. Formulierung f. Ontologien o. als Semantik Web Agent) im Kontext von Wissensmanagement. Das Topic Map Paradigma (ISO Standart seit 1999) basieren auf den drei Grundelementen Topics, Associations und Occurrences (TAO). Die Hautgegenstände/-Themen in einer Topic Map werden als Topics beschrieben. Associations (Assoziierungen) stellen die relevanten Beziehungen zwischen den Topics dar, und die mit externen Dateien verbundene Dokumente (und Webseiten) als Occurrences.

Welchen Nutzen hat es?
Unterstützung unzähliger Business Anforderungen, nach welchen in großen Informationslandschaften relevante Informationen zur Unterstützung einer besseren Collaboration dienen sollen. Topic Maps liefern folgende Vorteile:
- Die Darstellung und Nutzung von zunehmend komplexen Informationsstrukturen.
- Visualisierungen von Topic Maps mit Hilfe intuitiver Navigationen
- Nach Scope gefilterte Inhalte in semantischen Netzwerken
- Effiziente Suche - Darstellung von Suchergebnissen in relevanten Kategorien.
- Customizing der unterschiedlichen Darstellungen
- Ermöglicht die Indexierung von Dokumenten zur Unterstützung der späteren Findability(Aufindbarkeit).

Links:
- TAO of Topic Maps
- Ontopia
- NetworkedPlanet
- Topic Maps Wikipedia

Sonntag, Juni 24, 2007

IA Methode - Use Cases (D)

(Bild-Quelle: IBM Developers, IAI concept Wolf H. Nöding)

Was ist ein Use Case?

Die Definition eines Anwendungsfalls(Use Case Diagramm, Use Case Schablone) zwischen dem Anwender (User) und dem System. Im Hauptteil des Use Case wird in einem "typischen Szenario" die Interaktion beschrieben, welche zwischen dem Akteur und System abläuft, um ein bestimmtes Ziel (User/Business goal) zu erreichen. Ein Use Case wird in folgenden Informationen strukturiert: UC Name, Ziel, Akteur(e), Systemkontext, Abstraktions-Level, Auslöser, Vorbedingungen, Ergebnis, Notizen, das typische Interaktions-Szenario (zw. Anwender und System), Ausnahmen.

Welchen Nutzen hat es?

Bestandteil einer System-Spezifikation, mit welcher die Interaktion des Anwenders mit dem System, in unterschiedlicher Granularität, dokumentiert wird. Use Cases unterstützen als
Kommunikations-Grundlage die Abstimmungs-Prozesse zwischen den unterschiedlichen Projekt-Stakeholdern(Kunde, User, Inhouse Team, Entwickler, ...).

Links:
- Wikipedia
- IBM Developers

Freitag, Juni 22, 2007

IA Methode - Wireframe (D)

(Bild-Quelle: Donna Maurer, Wolf H. Nöding)

Was ist ein Wireframe?

Ein Wireframe beschreibt/dokumentiert das User Interface (UI) einer Informationsplattform. Beschrieben werden die Elemente und Verhalten auf jedem Screen (der Schnittstelle zwischen dem Anwender und dem System). Der Fokus liegt dabei auf der Navigation, Informations-Strukturierung, der Interaktionsform und dem (zielgruppenspezifischen) Wording.

Welchen Nutzen hat es?

Darstellung der Informations(strukturierungs)-Anforderungen an einzelne Webseiten oder Seitenvorlagen, um die Lösung mit Projekt-Beteiligten (Kunden, Zielgruppe, Inhouse-Team) zu kommunizieren. Wireframes werden auch als (Papier-)Prototypen in Usability-Tests und als Dokumentations-Mittel in der Spezifikation der Lösung verwendet. Verhindert werden dadurch voreilige Gespräche über das Interface-Design (z.B. die Farbe, Visuals, Logo...) und richtet die Diskussion auf korrekte und vollständige Inhalte und Funktionalität.

Links:
- The interaction designer's coffee break
- URLGREYHOT
- Smartdraw
- Axure
- Fireworks

Mittwoch, Juni 20, 2007

IA Methode - Mental Model (D)

(Bild-Quelle: Indi Young, Adaptive Path)

-> Interview mit Indi Young(Erfinderin der hier gezeigten Mental Models Methode) bei IA Voice

Was ist ein Mental Model?

Ein Diagramm zur "User-Task-Analyse". Die in Workshops oder in Zielgruppen-Analyse ermittelten Anwender-Tätigkeiten werden in getrennte Aufgaben(Tasks) einteilt, diese in Säulen anordnet und dann dieselben Säulen genutzt, um die Produkteigenschaften, die Funktionen, und den Inhalt abzugleichen, welcher die Aufgaben und Tätigkeiten wiederum unterstützt. Es können zusätzlich auch Geschäftsziele abglichen werden.

Welchen Nutzen hat es?

Es weist auf Lücken in der Analyse hin (Gap Analysis), hilft mögliche (Produkt-)Opportunities zu ermitteln und hilft eine nach User-Task orientierte Informationsarchitektur zu entwickeln. Zusätzlich dient es als Roadmap und dokumentiert User-Requirements (zukünftige Eigenschaften und Inhalte) im Kontext der Business-Goals.

Link: Rosenfeld Media - Mental Models, Aligning design stragtegy with human behavior

Freitag, Juni 15, 2007

IA Institute website concept - Part I (E)

(Image: Method - Global Mental Model, Wolf H. Nöding)

Since the launch party of the new IA Institute website at this years IA Summit in Las Vegas 2007 I was asked quite often from people how the concept deliverables of the new website look like. Well, here we start with describing some main steps of development.

Note: I was told from people of the IAI Community that they used this Global Mental Model as a communication tool with their clients very successfully already. And a while ago I was asked by James Kalbach to write a brief method description of this Global Mental Model for his upcoming book where he mentions this method briefly which I developed during the conceptional phase for the IA Institute website.

The following is a short description of the method:
-----------------------------------------------------------------------------------------------------------

High level Mental Model

Short description of a Diagram that's part of the concept for the IA Institute website.

As one part of a concept for the IA Institute website the diagram shows an abstract(higher level) mental model. With it's molecular like appearance this model presents the main tasks of the website(arranged on middle circle) in it's Top Down and Bottom up stakeholder context.

The goal - create communication base

The general goal here was to deliver a complete(global) scenario with its strongest leverages, relations(active and passive) and POIs (Point of interests). Business goals and requirements as well as user requirements will be able to be discussed, based on this overall scenario.

Method - process of development

The input for the diagram results from surveys and interviews with IA members(US and Europe) and was first clustered in a mindmap. According to the given information the diagram is developed and growing iteratively based on all important relations (visualised as active/passive and less/strong demand arrows ). A variety of keys indicate relations like:

• one way/two way relations
• active/passive
• Top-Down, Bottom-Up
• strong Demand
• regular focus
• strong focus
• sub case

There is an active/passive relation between “Contribute” and “Find IA information” for example. This indicates that the contribution of documents is related to their findability and therefore can actively support the process.
The strong relation between Contribution and Collaboration indicates a higher amount of requirements which address the relation between them.

The complete diagram finally reflects the given input during the information gathering process e.g. interviews and surveys. In the continuing concept workflow the diagram is used as an information source to develop detailed use cases and wireframes. Until the final launch it’s also always useful to support the iteration steps including optimisations and fine tunings as a “consulting” document.

Consolidated findings

  • Useful to receive an awareness over the complex relation scenario of the website
  • The scenario is global and should therefore be complete.
  • As an information visualisation it’s valuable for communication purposes between team participants.
  • Using an abstract model like this it’s necessary that all concept team participants have a sense for abstract thinking. This might not always be the case.
Your feedback is very welcome, Wolf

Sonntag, Juni 10, 2007

User Centered Design - Workshop at Namahn (E)

(Images UCD Solutions: Namahn)

Related to this article:
Listen to: Podcast at IA Voice with Joannes Vandermeulen (Namahn Founder and head of business development)

I was invited recently to participate in a two days workshop, led by Tom Stevens, at the Namahn agency in Brussels. While I know already quite a bit about User Centered Design, Usability and IA I still learned a lot more about solutions and methods to solve Business Pains in this two days master class.









The following topics were learned to the master class participants:

  • User Centered Design as a discipline
The UCD process:
  • Field Study
  • Personas
  • User Requirements/Use Cases
  • Scenarios of Use
  • Conceptual Model
  • Conceptual Design
  • Mock-up
  • Graphic Design
  • Usability Test
  • Detailed Specification/ Style Guide
After the UCD process the class learned even more about the development process and the ROI which was important to know in order to use and implement these methods in the daily project workflows. Alltogether I'd recommend this master class to all people who are interested in the IA and UCD methodology.

What do you think about the UCD process?

Freitag, Juni 08, 2007

IA Magazine - suits not just for myself (E)

(Image: Wolf's IA Magazine)

A while ago I set up my own IA Magazine just for fun to syndicate usefull information about my favourite subject, Information Architecture (IA News, IA Job Offers, IA Bookmarks, Relevant IA info, IA Podcasts, IA Fotos, IAs in Europe, ...), into one comfortable overview for myself. I used Pageflakes (or alternatively: Netvibes)as a service platform which gives you the option to build your own website by adding so calles "flakes" to it. The palette of flakes offers quite interesting functionalities to receive relevant information from other platforms. I experienced that this IA Magazine works quite effective since the information suits my own information requirements just like a tailor-made suit.
And I experienced that the information is also appreciated by others. I'd like to know if you have made similar experiences with platforms like pageflakes. Where are they?