19.06.08IA kompakt
Wir brauchen keine Wireframes. Standard 3-Spalten-Layout mit Header und Footer.
Ja, Ja, alles klar.
2 Kommentare | 
IA, Worte 2 Kommentare | IA, Worte 17.12.07Dokumentation von RIAs mit Wireflows
Rich Internet Applications (RIA) stellen höhere Anforderungen an Interaktions- und Webdesigner als normale Websites. Eine besondere Schwierigkeit besteht darin, die verschiedenen Zustände eines Elements oder einer Komponente eindeutig/zweifelsfrei zu definieren und für andere zu dokumentieren. So z.B. beim Einsatz von AJAX-Komponenten.
Der Artikel Documenting the Design of Rich Internet Applications: A Visual Language for State beschreibt einen guten Ansatz. Eine Mischung aus Wireframes und Flowcharts: Wireflows. Dazu gibt es noch den passenden Visio Stencil.
3 Kommentare | Applications, IA, UX 06.12.07Simulierte Heatmap
Der ViewFinder Heatmap Service aus dem Hause Feng-GUI ist ein Onlineservice, der auf Basis künstlicher Intelligenz Heatmaps erzeugt. Dazu muss lediglich ein Screenshot hochgeladen werden.
[…] an artificial intelligence service which simulates human visual attention and creates an attention heatmap.
Gefunden von meinem Kollegen Wolfgang
19.11.07SEO & Findability
Alberto Mucignats Präsentation SEO & IA, a findability challenge beschäftigt sich mit dem Zusammenhang SEO und Informationsarchitektur. Viele Websites beziehen einen großen Anteil des Traffic über Suchmaschinen bzw. Suchanfragen der Nutzer. Das meiste davon landet auf Unterseiten. Bei der Informationsarchitektur von Websites muss diesem Umstand Rechnung getragen werden und das Konzept einer zentralen Einstiegsseite überdacht werden. In bestimmter Weise handelt es sich bei vielen Seiten einer Webpräsenz um Einstiegsseiten.
10.10.07Skalierbare UI Designs
Die Konzeption und Entwicklung skalierbarer Web-Oberflächen stellt eine große Herausforderung dar. Websites und -anwendungen ändern sich im Verlauf der Zeit stetig. Um dennoch flexibel zu bleiben und effiziente Design- und Entwicklungsprozesse zu ermöglichen, gilt es sich der Sache systematisch anzunähern. Dabei sind Screenframeworks behilflich. Der Artikel Scalable Design beschäftigt sich mit diesem Thema und kommt zu folgenden Schlüssen:
- Using screen frameworks lets your applications scale to accommodate new features.
- Choosing appropriately flexible user interface structures ensures they can accommodate expanding or contracting sets of features.
- Designing dynamic components that take content resizing and varying amounts of content into account can ensure a layout that scales with the content.
28.09.07Richtig TABezieren
Herr Nielsen beschreibt im Artikel »Tabs, Used right« die Grundregeln für den Einsatz von Tabs als Navigationselement. Er geht dabei im konkreten Fall näher auf die Website von YAHOO!® Finance ein. Dazu gibt’s eine Liste mit 13 Richtlinien/Grundregeln.
10.09.07Gut in Form - Grundlagen Web-Formulare
EfA präsentiert eine ausführliche Serie zum Thema Formulare für Websites und Webanwendungen. Die fünfteilige Serie Reine Formsache liefert Grundlagen und -regeln zu Konzeption und Aufbau von HTML-Formularen.
Inhalte
- HTML-Elemente für Formulare
- Formulardesign
- Toleranz und Rücksicht
- Dynamik in Formularen
- Testen von Formularen und Web-basierten Anwendungen
