Nur geschickt aufbereitete Formulare erfüllen ihren Zweck. Das ist besonders dann wichtig, wenn man auf Feedback angewiesen ist oder einfach mehr davon möchte. Trotzdem darf man sich gelegentlich eine Portion Kreativität leisten. Auch und gerade wenn es um das scheinbar so langweilige Formular geht. Siehe auch diesen neueren Artikel: Showcase: Kontakt-Formulare von Portfolio Sites
Auch ‘ne Idee, der Seitenbetreiber ragt via Foto ins Formular hinein
Große Felder und Handschrift sorgen für Abwechslung. Das Formular befindet sich gleich auf der Startseite des Portfolios.
Mehr gekritzelt denn gezeichnet wurde dieses Exemplar
Kann das funktionieren? Diese Ausgabe im Stile eines Notizzettels ist auf den ersten Blick gar nicht als Formular zu erkennen.
OPX – auch das ist ein Formular
Holzklasse
Die Idee zur Postkarte liegt irgendwie nahe…
Sven Lennartz
Sven ist der Erfinder des Dr. Web Magazins, Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Texter früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH.
Coole Ideen dabei, man sieht, das man mit Einsatz gute Formulare gestalten kann.
Ich würde das Post-it und das Formular darunter eher nicht einsetzen. Ist m.E. auch auf den zweiten Blick nur schwer als Formular zu erkennen und wenn man es seinen Benutzern nicht unnötig schwer machen möchte, dann lässt man sowas lieber sein.
Hey,
vielen Dank für die Tipps, also sind schon paar echt coole Sachen dabei.
Grüße
Olli
Hey,
echt coole Sachen Dabei. Finde aber auch diese Idee recht nett: http://www.flexib.de/kontakt/
mfg
David
Sehr schön! Ich finde ganz allgemein, die Gestaltung von Formularen in HTMl ist sehr eingeschränkt. Dass es auch anders geht, zeigt dieses Beispiel.
Die Surfer sind Gewohnheitstiere: Wenn sie meist zu 99% Formulare, die mit den Standard-Felder bestückt sind (vom Aussehen her) sehen und benutzen, dann werden sie sich sehr schwer tun so ein Formular evtl. überhaupt als solches zu erkennen geschweige denn es zu benutzen.
“Cool” ist das was funktioniert – ohne Nachdenken am besten! ;-)
Nice! Natürlich sollte man ein stylen von Formularen vorsichtig angehen. Grundsätzlich zeigen diese Beispiele was alles möglich ist. Vor ein paar Jahren wäre das noch undenkbar gewesen. Ich denke, dass dies erst der Anfang ist und freue mich schon auf weitere Formulare, welche es den Usern noch einfacher machen ;-)!
Eine schöne Liste findet man auch auf dieser .
schicke sachen dabei aber alles andere wäre bei den seiten ja auch ein unding!
Wie schon gesagt, OPX ist supercool, ist aber kaum als Formular erkennbar. Und klickt man durch Zufall in die Textarea, ist die Anleitung weg, kein JS hilft, sie wieder herzustellen.
Andererseits ist OPX das einzige Formular, das das Haupteingabefeld an die m.E. richtige Stelle setzt: nach oben. Ich will meine Nachricht loswerden, nicht meinen Namen oder meine Mailadresse.
Ich finde, dass die Formulare zwar gut aussehen aber ich muss BillyG recht geben, ein paar davon erkennt man nicht sofort als Formular
Erfreulich ist meiner Meinung nach die Entwicklung, dass man Formulare etwas kreativer gestaltet. Es wird Zeit brauchen, bis wir Nutzer dies annehmen werden. Ich bin aber zuversichtlich.
Ralph
[...] das nichts für die Formularsammlung bei Dr. Web oder das Smashing [...]
Ich finde eigentlich all diese Formulare nicht besonders gelungen. Sie sind zu sehr in der Anstrengung gestaltet, etwas originelles zu machen, und zwar rein übers Grafische.
Die Ideen dazu stammen auch eher aus dem Print- als aus dem Webdesign: Imitaion von Oberflächen, Illustrationen, Metaphern.
Ich denke: Bei Formularen ist Usability das A und O, und die leidet bei den genannten Besipielen unter der Gestaltung.
Coole Sache sowas. Ich hatte bisher immer ziemliche Probleme damit, die typischen HTML-Objekte dafür grafisch zu gestalten. Ich finde aber, dass man sich mit den Browser-Standard-Layouts dieser Elemente nicht sein eigenes Design zerhauen sollte (kommt natürlich immer drauf an wofür das ist). Dann lieber an die Seite angleichen; so wie oben :-)
[...] 7 interessante Formular-Ideen [...]