Die Sache mit den Schaltflächen

Ganz viele Schaltflächen, es ist ein Graus
Ein Chaos an Schaltflächen

Wenn du den Formularassistenten von Intrexx bemühst, wirst du zwar eine ganz gute Grundlage für ein Formular bekommen, inklusive des CUD-Teils des altbekannten CRUDs, aber perfekt ist es natürlich nicht – und das ist auch völlig ok, denn dafür sind wir ja da.
Im Beispiel oben siehst du Konstellationen von Schaltflächen, denen ich sehr oft begegne. Auf einer mobilen Seite sind Schaltflächen übereinander total sinnvoll, auf einer Desktopansicht aber nicht unbedingt. Sollten da die Schaltflächen alle gleich breit und nebeneinander sein? Auf einer schmalen Seite, bspw. einem Tooltip, womöglich schon, aber auf einer Seite der vollen Breite des Portal bestimmt nicht.
Am Schönsten finde ich es dann immer, wenn es auf jeder Seite einer Applikation, aber auch zwischen den Applikationen, komplett unterschiedlich ist.

Also schön im Sinne von furchtbar.

Daher mein wichtigster Tipp direkt: Baue dir Vorlagen. Bastle dir einfach ein Raster mit drei Containern und lege in diese Container Schaltflächen ohne Ziele. Das speicherst du als Vorlage ab und kannst es im Grunde auf jeder Seite benutzen, musst dann nur noch die Sprungziele definieren und viel wichtiger, nicht weiter drüber nachdenken.
Vergiss aber nicht die unterschiedlichen Layouts für die verschiedenen Auflösungen.
Du wirst vermutlich mehrere Vorlagen benötigen: eine für breite Seiten (volle Breite des Portals), eine für schmale Seiten (Tooltips und Pop-Ups) und eine für Bestätigungsdialoge (Ja/Nein), die dann natürlich nur zwei Container beinhaltet.

Wenn deine Schaltflächen nun aufgeräumter sind

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Hallo! Mein Name ist Marco Friedersdorf und bin Freelancer im Bereich der Software-Entwicklung und IT-Beratung. Mit Artikeln wie diesem möchte ich einen kleinen Einblick in meine Arbeit geben und über die Dinge sprechen, die mich als Informatiker beschäftigen.
tripadvisor flickr americanexpress bandcamp basecamp behance bigcartel bitbucket blogger codepen compropago digg dribbble dropbox ello etsy eventbrite evernote facebook feedly github gitlab goodreads googleplus instagram kickstarter lastfm line linkedin mailchimp mastercard medium meetup messenger mixcloud paypal periscope pinterest quora reddit rss runkeeper shopify signal sinaweibo skype slack snapchat soundcloud sourceforge spotify stackoverflow stripe stumbleupon trello tumblr twitch twitter uber vimeo vine visa vsco wechat whatsapp wheniwork wordpress xero xing yelp youtube zerply zillow px aboutme airbnb amazon pencil envelope bubble magnifier cross menu arrow-up arrow-down arrow-left arrow-right envelope-o caret-down caret-up caret-left caret-right