[Playlisten] [Impressum und Datenschutzerklärung]

Regeln und Normen zur Gestaltung klassischer GUIs


CC-BY-NC-SA 3.0

Tempo:

Anklickbares Transkript:

ich – wollte noch mal sammeln was denn so an Standards – beim klassischen – grafischen – Fensteroberflächen – zu haben ist zu finden ist an was man denken müsse wenn Sie selbst ein Programm schreiben sollten – ?? Programm von anderen Leuten sehen – dass sie sagen könnten – dass sie komisch aus das müsste eigentlich klassischerseits – anders gemacht werden gibt es einen Grund warum das – so gemacht ist – oder ist das einfach nur versehen das es so gemacht ist – wie du's gemacht das anders als das klassische Fall wäre – zum Beispiel – ich fang mal an – ?? sehen Sie das es Standardmenüs – mit Standardeinträgen – gibt – sie natürlich jeweils vom System ab aber an der Stelle ist auch der Unterschied zwischen Windows und MacOS zum Beispiel nicht zu groß – ist mit – ?? – und Standard Menüeinträge – damit – meine ich folgendes – in diesem ?? das Datei Menü aufmachen neu öffnen und so weiter und so weiter beenden – das muss im Dateimenü sein – wenn so anders ist dies komisch aus ?? bearbeiten – aus deinem Kopieren Einfügen das Gewitter hin und auf der rechten Seite des Mini sowas ist Geschenk des – dahin tun Komma was woandershin tut das Ärger ?? sollte es nicht wieder finden Stichwort Induktivität – was haben wir noch ✂ mir den gar nicht gedacht sieht man es auch gar nicht ihr Kleid – hatte durch den Standardfensterrahmen – nichts – selbst gemachtes Standard Fensterrahmen die man ziehen kann zumindest unter Windows kann man in jeder Richtung zu ziehen – greifen kann und man hat hier minimieren – und schließen und so weiter – also man verstanden Menüs und Standard Menüeinträge – sauberer Standardfenster – ist einem – Grund – die Standardfenster – haben das dann im eingebaut ✂ ja – das Kürzel auf diverse Arten haben sie gesehen es gibt verschiedene Artentastenkürzel – Tastaturkürzel – vielleicht – Shortcuts Tastaturkürzel – waren – unter Windows die Alt Kürze noch das ich mit all die Menüs auf ?? zu machen die Sachen die unterstrichen sind – und dazu gehört auch die Tabulatorreihenfolge – der Finanzminister – sich den Tabulator durch die ganzen Geschichten durchgehen kann – um mich von einem zum anderen einen zu handeln ?? das Programm komplett mit Tastatur – zu bedienen – dass – wenn ich hier so wenig Aufmacher – speichern – öffnen – Sie sagen Speicherung der Krise in Standarddialog – zum speichern – der sieht – in dem Programm – gleich aus es gibt alte Programme die noch in anderen Dialog eingebunden haben – aber das sollte überall identisch sein – Punkt also Standarddialoge – Leertaste bevor sowohl ?? schreibt guckt man sich erst mal an was gibt's denn überhaupt geschenkt an Dialogen – beschreibbar zu – speichern und so weiter – Punkt Dialog ist auch – identisch – Komma bis was selbst dann ändern – Komma sowieso – unter Windows an den meisten vorgegebenen – Dialogen – ähm – aber – im großen Ganzen sie das identische ?? verwendet also diese Standarddialog – immer mal – München auf Müsli noch ein paar – Sachen auffallen die überall gleich sind ✂ ganz viel ähm geeignetes hier – die Reihenfolge – der Mieter die Standardeinträge – soll auch ?? bestimmte Reihenfolge fängt an mit neu und es endet mit Beenden einer bestimmten Reihenfolge okay – und ja noch – unter Menüs Menüs können Untermenüs haben – mit Dreiecken – das ist die übliche Art jemanden die Untermenüs der markiert – das richtige für mich auch fast von selbst entsteht ?? praktisch automatisch – die drei Punkte sind noch spannend – das wird häufiger vergessen – wenn sie – sagen wollte geht ein Dialog auf der Nase drei Punkte dahinter Überarbeitdialog – aufgeht importieren – Punkt doch soweit entwickelt ein Dialog auf nicht verschließen – überall Dialog auf die – drei Punkte eine Ellipse Widersacher schon – als Fremdwort heißt – bei drei Punkte – Punkt – kriegt – man das nicht macht – ist das überraschend – wahrscheinlich kaum ein Benutzer – dass das so zu verstehen ?? mit drei Punkten aber ich glaube man lernt sowas unterschwellig – ein schöner Test im ?? machen – das unterschwellig – dann das nächste Menübearbeiten – Menü Ausschneiden kopieren einfügen – was ist das eigentlich technischerseits ✂ zwischen – Port das ist doch noch im Tipp was sie wirklich mal anfangen – mit ihren System zu arbeiten – suchen sie nach – Hilfen in Richtung Board – Zwischenablage – Clipboard – dann – zum Beispiel dieses Cloud – hat eine Klasse drin denen sich you Clipboard – Komma mit wenigen Zeilen das – fertig programmiert kann irgendwas in die Zwischenablage liegen oder was aus der Zwischenablage holen – und sich in mein Haus – typischen Fremdwörtern sowas drin – geschenkt – wenn wir – uns dieses – mal angucken zwar – kleiner machen – Beistrich man sieht – dann – rückgängig – und wieder herstellen – Anton Triton – versteht sich heute für jedes Programm von selbst – meine – zwei null Anwendung ist das andere Geschichte – Japans im Zweifelsfall nicht aber die klassischen – Anwendungen haben alle anderen und wiederum – packen sie in den üblichen – dann – beim wachsen Toolkits – nach irgendwas mit an Guido gucken – Schumann – Komma Hand – Klammer auf – das heißt – auch Komma dass er so heiß aus der Finte eine Spezialklasse – in diesem Framework – eine Spezialklasse – die heißt – du – Komma Hand – und das ist nun – der das Prinzip wie das läuft ist eigentlich durchgängig dann wenn das angeboten wird wird es so angeboten – die Idee ist das man ein Objekt hat das sich merkt – was eine bestimmte Aktion tut – als wenn sie hiervon – eine Instanz haben ein Objekt von dieser Sorte haben – beschreibt dieses Objekt – eine Aktion – es wollte Buchstabe X – getippt oder es wurde – vom dreißigsten bis zum dreißigste Buchstaben auf Fettschrift umgeschaltet oder sowas ähnliches dass es dann eins von diesen Dingern – und damit ein ?? geht – muss man – außerdem eben immer mitliefern wie geht es rückwärts und sie müssen für jede Aktion sie haben dann in das entsprechende an du auch noch obendrein rein programmieren – wie sie rückgängig gemacht wird – wenn die Aktion – die Buchstabennummer – dreißig bis zweiundvierzig – feststellt – dann müssen wir mit dem Andrew der Lage sein das rückgängig zu machen – Punkt – sie muss eine wie du können Sie muss die Aktion vorwärts und rückwärts können damit auch ein Video geht so wird ?? typischerweise – bauen – und was dann unter anderem gespeichert wird wenn mir Andrew aufgerufen wird rückgängig letzter Strich und so weiter – ist eine Liste – solcher Aktionen – diese Aktion ist in der Lage sich rückgängig zu machen – oder in der Lage sich auch selbst wiederherzustellen – wie du – das typischerweise gelösten bei – Jugend ist das dann auch – schon eingebaut – das man also nicht zu Fuß machen – sowas wird man sich – sowas ?? man sich bedienen bei den Vorlagen die Mandatsmenüs – haben Sie sind hier – Einträge – in ein Menü können – angehakt sein – hier Beistrich – die kein Häkchen sein Punkt – also – das ?? wird Fragezeichen – ordentlich sortieren – Einträge – Punkt – das ist ein gewählt – das gilt gerade bei dem Menüeintrag – und es hat immer das Vergessen der Menüs natürlich – ist eine ähnliche Geschichte – grafischer Leisten auf der Seite – Schicht – der hier entfernt Funktion die aktuell keinen Sinn ergeben werden ausgebaut – und sind dann nicht anzuklicken – Punkt darüber Beistrich dann auch noch Gedanken machen – Punkt das heißt müssen jeweils gucken was – was ?? Modus hat dieses Programm gerade – ist dann nicht angewählt ?? kann ich nichts feststellen – und sowas ähnliches – schon mal ausgenommen – so weiter das gilt auch für Einträge dann – in Dialogen – für Knöpfe die ausgebaut werden wenn Sie aktuell keinen Sinn ergeben bis Ebel würde das dann offiziell heißen – Dialoge Klammer zu sind an Dialogen – ein mehr oder minder vernünftigen auf – die typischen Dialogbestandteile – Regiobuttons – Checkboxen – die Texte die Kartei Reiter – weit seltener zu sehen – wir solche teils also insbesondere wichtig ist dadurch was schief gehen kann sie ging an das Werk wichtig – der Unterschied zwischen Radio Buttons und Checkboxen welche Buttons wenn nur eine der Möglichkeiten gilt entweder diese oder diese oder diese – ?? und noch ein unabhängig davon – und Checkboxen – können an oder aus sein unabhängig voneinander entwickeln die Scans stapeln – ins glätten oder nicht und eine oder fern egal das ist meine Stelle wichtig bei den Dialogen – sind in dem bei Stoffes ausgebaut weil aktuell gibt es ganz in der sich doch mache es läuft gerade kein – Autorisierungsvorgang – kann ich auch kein stoppen des ausgebaut – oder bei den in Dialogen natürlich auch die Reihenfolge – von abbrechen und okay das Wiki gar nicht auf – ich notiere mir gerade erst mal also den Unterschied zwischen Checkbox – Checkboxen – versus – Prägebuttons – das – sollte man nicht falsch machen ist aber nicht Beistrich – ihren – wichtigen Unterschied – an – und dann in den Dialogboxen – die Anordnung von okay und Kanzel – speichern – und gucken – das Abbrechen steht unten – oder rechts unter Windows – anderswo steht es nicht unten oder rechts und das ist dann total irritierend – wenn ich hier sage schließen – das bringt mich immer um – das Abbrechen ist in der Mitte und der Speicher ist ganz Rechtsdialog – macht nicht nur fertig ich klicke dann grundsätzlich – auf die falschen auf den falschen ?? angeboten – dass das Speichern auf der rechten Seite steht – ?? unter Windows steht Kinzel auf der rechten Seite oder unten – nirgends woanders – alles andere ist irritierend – Abbruch staatlich ganze – Abbruch – unten – rechts – unter Windows – muss – dann – was man jetzt hier nicht sieht – beim Warten – muss ich was tun Programm muss immer reagieren – ein Programm darf nicht scheinbar hängen – Punkt das verlangt insbesondere – das man Fortschrittsbalken – macht – wenn ihr ?? länger Aktion passiert denken Sie an Downloads oder aufwendige Rechnungen – Punkt – dann muss man sehen dass was passiert – sonst denkt man als Benutzer das Ding hängt und schießt das Programm – Ursachen erklären sich von selbst – normalen Dialog auf – Aktualisieren – gesehen – das es spannender gemacht die Sachen sind ausgerechnet die stehen nicht raus wer es versteht sich von selbst dass man die Sachen Pixel genau ausrichtet – dass die ordentlich Übernahme stehen dass die Abstände auch gleich sind zwischen dem relevanten – Demo und Demo-Themen – sind typischerweise von slawischen Programm mit dem man die Oberfläche zusammenklickt unterstützt es automatisch ausgerichtet wird Beistrich trotzdem manchmal in das Thema zwei Pixel Schrägstrich das – Haus – muss nicht sein – dann – hier sehen – wenn sie sonnige Notebooks haben – wir die typischerweise – von links oben nach rechts unten abgearbeitet – und sie – arbeitet typischerweise – so in Schreibrichtung – links nach rechts links nach rechts und von oben nach unten – das Passwort mit den Tabs ich wähle erst mal Stepp – was möchte ich überhaupt tun – und so weiter und so weiter dann habe ich also Zweifel verbunden spezieller Sachen und oben allgemeine – also in Schreibgesang – in der Reihenfolge des Schreibens arbeiten – mit dazu – ausrichten – Beistrich Ausrichtung – und – Arbeit von links oben nach – rechts unten – noch ein Kleinkram haben sie Genossen müssen Kleinkram – wegen grafische Ausrichtung in dieselbe Ecke gehört – sie groß geschrieben sehen – die Anfangsbuchstaben – sind immer großgeschrieben – wenn sie das außen Kleinbuchstaben machen – fest ?? kein wirklich auf aber es sieht komisch aus Großschreibung – das gilt auch für – Beschriftungen von Relevanz und so weiter – Komma – aufmachen – sprechender – Dateinamen Klammer zu sowieso schreiben – reitet wieder auf Englisch – ähm – speichern das Staffelstein auf zuletzt Besuch nicht speichern großgeschrieben zuletzt Besuch großgeschrieben – hätte sehr kleinschreiben können – macht man offensichtlich nicht – man groß – total – mäßiger Krempel – aber – standardisiert – und dann haben wir noch Hilfefunktion – an der Stelle und vor allem unter Windows – auch – wenn sie – in ein irgendeines Programm gehen welche Rechte man gerade auf – und – drücken F eins – kommt hier zumindest die Windows Hilfe und Support und so weiter – das sollte kontextsensitiv – eigentlich sein – wenn sie in irgendein Dialog sieht und drücken unter Windows F eins dann sollte kontextsensitive – Hilfe Komma – das ist natürlich extrem viel Arbeit das zu leisten – Komma Leute anstellen – am Institut – nebenbei gibt's auch das Risiko unter – due Helptension – you Help – Engine – man kann tatsächlich dann seine Hilfetexte – in vernünftiger Form aufschreiben – und – automatisch raussuchen lassen – dass es üblich in solchen Fremdparks – zwei Sachen mit ?? noch als letztes angefallen – aus dem Rechtskontext – Menüs – wenn sie auf irgend ein Link Rechtsklicken – kriegen Sie ein passendes – Menü dazu – Menüs – und – dann haben wir noch – irgend ob das natürliche Zeichenprogramm einfach vorzuführen aber das geht natürlich anderswo Drag and Drop dass ich Sachen anfassen kann und loslassen kann ?? möglichst für alles was man so hat was sich anbietet dass ich das wirklich – greifen kann mit der Maus – Punkt – das sollte typischerweise – eingebaut sein – Beistrich als sie noch kreuz und Quergruppen – bilden das wäre noch hilfreich ✂ Klammer zu – ?? Gruppen also alles was mit Menüs zu tun hat – weiches Andromeda bei den Menüs einsortiert habe das wahrscheinlich nicht gut – aus – allgemeine Geschichte ?? im Standardfenster – Drag and Drop ich nehme an du wie du – es sichtlich sehe – ich sehr an Dubidufour – ähm Wortes beim genauso ?? dass es sich allgemein hier genommener Wasser zu Dialogen – im Standard dialogisch sorgen dafür dass – das Element in den Dialogen ausgerichtet sind – und rechts ist Grenzen unter Windows – so weiter – und das ist so – ?? Doppelpunkt sensitive Komma auch zur allgemeinen Geschichte noch nie dass sie es so Kleinkram – noch Menüs so weiter ausbauen – wenn sie gerade nicht – zur Verfügung stehen drei Punkte in der Menüeinträge – und anderswo auch verknüpfen Messingsknopf haben auf den Dialog – hinauf geht der Richter natürlich eine Beschaffung ?? Punkt und das ist – das sollte man – beachten – müsse das nicht beachten sieht komisch aus – nicht intuitiv – das man als Sammlung wahrscheinlich etwa zwanzig Sachen werden sie nicht an – Komma dass meiner Sammlung – ist Komma dann einen Schritt weitergehen – und sich überlegen okay wie kann man sowas abstrakt formulieren – kann man sowas als Anforderungen – Software formulieren – da haben sich ein paar Gremien Gedanken darüber gemacht – insbesondere – für uns – wichtig dann gibt es die din – EN iso – Normenreihe – mit der Nummer zweiundneunzig – einundvierzig – versteht jeder Kram von wie viel Pixel dürfen auf dem Bildschirm kaputt sein bis – diese grafische Oberfläche zu gestalten – da gibt's ein Teil – der genau sowas Punkt – ein hundert dreiundvierzig – es einfach Beistrich hundert dreiundvierzig – Ziffer – diste Skizze klein durchgeblutet – wie man Dialoge zu besteigen hat – wenn ich sage zu gestalten – ist das weniger sensationell seinen Norm – sicherlich ?? halten oder nicht erinnern ?? sie kommt nicht ins Gefängnis Beistrich nicht normal – Punkt – insofern – ist das keine Anweisung – dass das so sein muss – erst mal vergleichen was wies eine ?? ist ein anweisen wird Beistrich die Gesetzeslage – aber erst mal ist das nur – eine Hand reichen – musste sie Aufnahme ausmachen weil die din Normen – leider nicht Public Domain – sind – was ich ziemlich komisch finde ist das ✂ ich da ich das hier mal als Zitat – aus der Norm das wieder den klitzekleinen – sowas drin übers ?? gesehen haben – auch mit einer ellenlangen Checkliste am Ende die man Stück für Stück durchgehen kann ob wirklich alles erfüllt ?? alles richtig gemacht sie zum Beispiel die Aktivierung der Standardaktion – die Default Aktion das im wenn in Dialog – dann ein fetter Knopf ist innig – mit Rittern auslösen kann sich in der Übersicht noch vergessen überhaupt – sowie das dann aus bis ins kleinste durch die Finger die Standardaktion sollte durch eine einheitliche Benutzeraktion ausgelöst werden nämlich Enter-Taste Eingabetaste – klicken mit der Maustaste – wenn sich der Zeiger auf dem Element findet – also – zig Seiten mehr oder minder einfach nur runter geschrieben was der gesunde Menschenverstand – erwarten würde bei solchen Formular die ?? – das es diese Norm – ergibt eine allgemeinere Norm – genauer gesagt einen anderen Teil derselben Normfamilie – das ist die din en – drei hundert zehn – und der nennt sich Grundsätze der dialogisch ?? Punkt er ist allgemeiner – und damit – schon fast zu allgemein für meinen Geschmack – und setzt – Gestaltung – das ist so als ob jemand versucht hat den Pudding an die Wand zu nageln was ist eine – gute – ?? zu verwendende – grafische Bedienschnitstelle – darum sich die Aufnahme – aus ihren – ?? finden Sie etwas abgehoben ✂ auf von den – Nacken wechseln und von den nackten Mausklicks formuliert – was eine Oberfläche machen sollte in Bezug auf Aufgabenangemessenheit – dass man auch sinnvoll die Aufgabe damit wirklich lösen kann die man damit lösen soll das Daten sieht die von Interesse sind Selbstbeschreibungsfähigkeit – was man weiß Komma ist im Programm und was man wie eingeben soll Erwartungskonformität – es soll das passieren was man glaubt das passiert – hat auch was mit Induktivität – zu tun dann also Lernförderlichkeit – was mithilfe zum Beispiel zu tun und interessanterweise – ist auch hier das an du einsortiert damit man gefahrlos rum spielen kann Steuerbarkeit – zum Beispiel dass man basierend ?? zwischendurch etwas anderes erledigen kann Fehlertoleranz – die Prüfung auf plausible Eingaben – bei Datum und Adresse – brauchbarer Fehlermeldungen – Warnhinweis bevor das gelöscht wird Individualisierbarkeit – dass ich Sachen anpassen kann Punkt – vielleicht sogar sagen können welches Menü wohin kommt welche Toolbarfolien – kommen solche Geschichten – dass es jeweils – bisschen aufgeschlüsselt – in Einzelpunkte – mit Beispielen – aber ?? ziemlich weich formuliert – ?? – das ist diesem haben wir – also Teil hundert zehnter – zwoundneunzig – einundvierzig – das sind – Normen – Normen sind keine Gesetze – es gibt ein Gesetz ?? und es gibt mehrere Gesetze zum Beitritt zur Barrierefreiheit – ?? man muss auch an Leute denken die nicht gut sehen können und nicht gut hören können und so weiter – Komma später zu ?? aber dieses hier ist das wesentliche Gesetz – Normsack eine Verordnung – sieht die Bildschirmarbeitsverordnung – Bild Schraubfrau – geht erst solche Geschichten mit Blendfreiheit – und – Arbeitsablaufuntersuchung ✂ der Augen und solche Geschichten – aber es gibt dann – auch auch auf auch Komma der durchs Colt – Zusammenwirken – Mensch Arbeitsmittel – die Grundsätze der Ergonomie sind insbesondere auf die Verarbeitung von Informationen durch den Menschen anzuwenden die Software muss an die auszuführende – Aufgabe angepasst sein – was immer das immer vor das Gericht geht – und will das einklagen würde man höchstwahrscheinlich dann in den Normen nachgucken und – mit enormen Benutzern zu sagen okay was ist denn eine Software die an die Aufgabe angepasst ist auf diese Weise würden dann die Normen tatsächlich – effektiv werden – das ist also quasi in vier Sätzen zusammengefasst – was enorm steht – und – vor Gericht würde man dann höchst wahrscheinlich die Normen gucken aufwendige nicht erwähnt – dass es dann eigentlich die Grundlage – als wenn jemand klagen will müsste sich hierauf berufen – und dann als Referenz – ?? die Daumen mitgeben sagen das ist wie eine Software aussieht die an die auszuführende – Aufgabe angepasst ist die Dialogabläufe – verständlich machen und so weiter und so weiter – das wäre der rechtliche Ebene die Bildschirmarbeitsverordnung ✂ das es – was man an Normen und Gesetzen – von dieser warte hat eine Norm sicherlich die allererste die ich genannt habe die spannendste – Weidencheckliste – können Sie wirklich ihrer – Dental hundert einundvierzig den können sie nehmen und gehen von Absätze Checkliste durch – sie sicherte ihm sie auch vergessen – Standardaktion – hatte ich vergessen – das es der vordere Checkliste hat man vergisst nichts von den üblichen Verdächtigen – insofern ist die schon relativ hilfreich