04.10.2007

SnTT: Anzeige der noch verbleibenden Zeichen während der Eingabe

Category: Show-n-Tell Thursday, Interface Design


SNTT.gif Im Web ist die Anzeige der noch in ein Feld eingebbaren Zeichen ein beliebtes Hilfsmittel um dem Anwender ein unmittelbares Feedback zu geben, statt ihn anschließend mit Fehlermeldungen zu belasten.

Mit ein wenig JavaScript geht dieses auch im Lotus Notes Client.
A picture named M2
Read More

Posted by Bernd Hort At 11:48:07 Location Hamburg

| Comments (5)

08.03.2007

SnTT: Abgerundete Ecken und Layer

Category: Show-n-Tell Thursday, Lotus Notes, Entwicklung, Interface Design


SNTT.gif
Seit dem Ben Langhinrichs gezeigt hat, wie mit einfachen Mitteln Tabellen mit runden Ecken im Notes Client realisiert werden können, wollte ich es immer mal produktiv einsetzen. Bisher habe ich es nie getan, weil das alt bekannte Thema "Notes und Drucken" dem im Wege stand. Während der Lotusphere - Session: Designing the User Experience: Why Your Interface Matters von Chris Blatnick und Nathan T Freeman ist mir eine Lösung dazu eingefallen.

Aber erst einmal der Reihe nach. Für runde Ecken in Tabellen benötigt man zwei Zutaten. Eine Image Ressource wie z.B. diese A picture named M2 und natürlich eine Tabelle.

Tabellen-Eigenschaften
In den Tabellen-Eigenschaften muss beim Rand der Typ "Image" ausgewählt werden und unter Image muss der Name der Image Ressource angegeben werden. Damit der Effekt auch gut sichtbar wird, muss der Rand eine ausreichende Breite haben. In unserem Beispiel sind es 9 Pixel.
Das Ergebnis kann sich durchaus sehen lassen.A picture named M4



Zumindest bis es ans Drucken geht.

Druckvorschau/ 

Wie nicht anders erwartet, wird beim Drucken nicht die Image Ressource verwendet. Aber dafür wird auf jeder Seite ein 9 Pixel breiter Rand angefügt, was einen nicht wirklich schönen Trauerrand ergibt.

Aber es gibt eine Lösung für das Problem: Layers. In der Maske werden zwei Tabellen verwendet. Die Tabelle mit den abgerundeten Ecken befindet sich in einem Layer. Die zweite Tabelle ist nur für die Druckausgabe da und wird von dem Layer mit der ersten Tabelle vollständig verdeckt. (In dem Screenshot habe ich den Layer bewusst so verschoben, dass die darunter liegende Tabelle zu sehen ist.)

A picture named M6


 Jetzt muss nur noch in der Zeile, in der sich der Layer Anchor befindet, beim Hide-When die Option für das Drucken ausgewählt werden.

A picture named M7 

Somit wird der Layer mit den runden Ecken zwar auf dem Bildschirm angezeigt, aber auf dem Papier kommt nur die einfache Tabelle zum Vorschein.

Posted by Bernd Hort At 21:39:53 Location Hamburg

| Comments (7)

24.01.2007

Lotusphere-Session: Designing the User Experience: Why Your Interface Matters

Category: Lotusphere, Interface Design, Konferenzen


Lotusphere 2007
Das schöne an Konferenzen wie der Lotusphere ist, dass sie einen dazu bringen, über vermeintlich Bekanntes neu nachzudenken. In dieser Hinsicht war die heutige Session von Chris Blatnick und Nathan Freeman: "Designing the User Experience: Why Your Interface Matters" die bisher beste Session der Lotusphere.

Das Herausragende an der Session war die Präsentation von Benutzungsschnittstellen, die in keinster Weise nach Lotus Notes aussahen. Es wurden fantastische Anregungen geben, die aus dem bekannten Schema "Navigation links - Ansicht rechts - Vorschau unten" ausberechen.  
Sie waren nicht dabei? Sie müssen sich nicht ärgern. Eine Präsentation mit ausführlichen Anleitungen auf über 200(!) Seiten wird Ende dieser Woche im Blog von Nathan Freeman "ESCAPE VELOCITY" zum Download bereit stehen.

Wenn Sie sich für das Thema "Interface Design für Lotus Notes" interessieren, sollten Sie auf keinen Fall den Blog von Chris Blatnick "Interface Matters" verpassen.

Posted by Bernd Hort At 02:59:42 Location Orlando, FL

| Comments (0)

Suche (Search)

Tags

Archiv (Archive)

assono

Deutsche RSS-Feeds (German)

Custom Button Custom Button

English RSS feeds

Custom Button Custom Button