[Playlisten] [Impressum und Datenschutzerklärung]

Regeln und Normen zur Gestaltung klassischer GUIs


CC-BY-NC-SA 3.0

Tempo:

Anklickbares Transkript:

ichwollte noch mal sammeln was denn so an Standardsbeim klassischengrafischenFensteroberflächenzu haben ist zu finden ist an was man denken müsse wenn Sie selbst ein Programm schreiben sollten?? Programm von anderen Leuten sehendass sie sagen könntendass sie komisch aus das müsste eigentlich klassischerseitsanders gemacht werden gibt es einen Grund warum dasso gemacht istoder ist das einfach nur versehen das es so gemacht istwie du's gemacht das anders als das klassische Fall wärezum Beispielich fang mal an?? sehen Sie das es Standardmenüsmit Standardeinträgengibtsie 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ägedamitmeine ich folgendesin diesem ?? das Datei Menü aufmachen neu öffnen und so weiter und so weiter beendendas muss im Dateimenü seinwenn so anders ist dies komisch aus ?? bearbeitenaus deinem Kopieren Einfügen das Gewitter hin und auf der rechten Seite des Mini sowas ist Geschenk desdahin tun Komma was woandershin tut das Ärger ?? sollte es nicht wieder finden Stichwort Induktivitätwas haben wir nochmir den gar nicht gedacht sieht man es auch gar nicht ihr Kleidhatte durch den Standardfensterrahmennichtsselbst gemachtes Standard Fensterrahmen die man ziehen kann zumindest unter Windows kann man in jeder Richtung zu ziehengreifen kann und man hat hier minimierenund schließen und so weiteralso man verstanden Menüs und Standard Menüeinträgesauberer Standardfensterist einemGrunddie Standardfensterhaben das dann im eingebautjadas Kürzel auf diverse Arten haben sie gesehen es gibt verschiedene ArtentastenkürzelTastaturkürzelvielleichtShortcuts Tastaturkürzelwarenunter Windows die Alt Kürze noch das ich mit all die Menüs auf ?? zu machen die Sachen die unterstrichen sindund dazu gehört auch die Tabulatorreihenfolgeder Finanzministersich den Tabulator durch die ganzen Geschichten durchgehen kannum mich von einem zum anderen einen zu handeln ?? das Programm komplett mit Tastaturzu bedienendasswenn ich hier so wenig AufmacherspeichernöffnenSie sagen Speicherung der Krise in Standarddialogzum speichernder siehtin dem Programmgleich aus es gibt alte Programme die noch in anderen Dialog eingebunden habenaber das sollte überall identisch seinPunkt also StandarddialogeLeertaste bevor sowohl ?? schreibt guckt man sich erst mal an was gibt's denn überhaupt geschenkt an Dialogenbeschreibbar zuspeichern und so weiterPunkt Dialog ist auchidentischKomma bis was selbst dann ändernKomma sowiesounter Windows an den meisten vorgegebenenDialogenähmaberim großen Ganzen sie das identische ?? verwendet also diese Standarddialogimmer malMünchen auf Müsli noch ein paarSachen auffallen die überall gleich sindganz viel ähm geeignetes hierdie Reihenfolgeder Mieter die Standardeinträgesoll auch ?? bestimmte Reihenfolge fängt an mit neu und es endet mit Beenden einer bestimmten Reihenfolge okayund ja nochunter Menüs Menüs können Untermenüs habenmit Dreieckendas ist die übliche Art jemanden die Untermenüs der markiertdas richtige für mich auch fast von selbst entsteht ?? praktisch automatischdie drei Punkte sind noch spannenddas wird häufiger vergessenwenn siesagen wollte geht ein Dialog auf der Nase drei Punkte dahinter Überarbeitdialogaufgeht importierenPunkt doch soweit entwickelt ein Dialog auf nicht verschließenüberall Dialog auf diedrei Punkte eine Ellipse Widersacher schonals Fremdwort heißtbei drei PunktePunktkriegtman das nicht machtist das überraschendwahrscheinlich kaum ein Benutzerdass das so zu verstehen ?? mit drei Punkten aber ich glaube man lernt sowas unterschwelligein schöner Test im ?? machendas unterschwelligdann das nächste MenübearbeitenMenü Ausschneiden kopieren einfügenwas ist das eigentlich technischerseitszwischenPort das ist doch noch im Tipp was sie wirklich mal anfangenmit ihren System zu arbeitensuchen sie nachHilfen in Richtung BoardZwischenablageClipboarddannzum Beispiel dieses Cloudhat eine Klasse drin denen sich you ClipboardKomma mit wenigen Zeilen dasfertig programmiert kann irgendwas in die Zwischenablage liegen oder was aus der Zwischenablage holenund sich in mein Haustypischen Fremdwörtern sowas dringeschenktwenn wiruns diesesmal angucken zwarkleiner machenBeistrich man siehtdannrückgängigund wieder herstellenAnton Tritonversteht sich heute für jedes Programm von selbstmeinezwei null Anwendung ist das andere GeschichteJapans im Zweifelsfall nicht aber die klassischenAnwendungen haben alle anderen und wiederumpacken sie in den üblichendannbeim wachsen Toolkitsnach irgendwas mit an Guido guckenSchumannKomma HandKlammer aufdas heißtauch Komma dass er so heiß aus der Finte eine Spezialklassein diesem Frameworkeine Spezialklassedie heißtduKomma Handund das ist nunder das Prinzip wie das läuft ist eigentlich durchgängig dann wenn das angeboten wird wird es so angebotendie Idee ist das man ein Objekt hat das sich merktwas eine bestimmte Aktion tutals wenn sie hiervoneine Instanz haben ein Objekt von dieser Sorte habenbeschreibt dieses Objekteine Aktiones wollte Buchstabe Xgetippt oder es wurdevom dreißigsten bis zum dreißigste Buchstaben auf Fettschrift umgeschaltet oder sowas ähnliches dass es dann eins von diesen Dingernund damit ein ?? gehtmuss manauß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 programmierenwie sie rückgängig gemacht wirdwenn die Aktiondie Buchstabennummerdreißig bis zweiundvierzigfeststelltdann müssen wir mit dem Andrew der Lage sein das rückgängig zu machenPunktsie 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 ?? typischerweisebauenund was dann unter anderem gespeichert wird wenn mir Andrew aufgerufen wird rückgängig letzter Strich und so weiterist eine Listesolcher Aktionendiese Aktion ist in der Lage sich rückgängig zu machenoder in der Lage sich auch selbst wiederherzustellenwie dudas typischerweise gelösten beiJugend ist das dann auchschon eingebautdas man also nicht zu Fuß machensowas wird man sichsowas ?? man sich bedienen bei den Vorlagen die Mandatsmenüshaben Sie sind hierEinträgein ein Menü könnenangehakt seinhier Beistrichdie kein Häkchen sein Punktalsodas ?? wird Fragezeichenordentlich sortierenEinträgePunktdas ist ein gewähltdas gilt gerade bei dem Menüeintragund es hat immer das Vergessen der Menüs natürlichist eine ähnliche Geschichtegrafischer Leisten auf der SeiteSchichtder hier entfernt Funktion die aktuell keinen Sinn ergeben werden ausgebautund sind dann nicht anzuklickenPunkt darüber Beistrich dann auch noch Gedanken machenPunkt das heißt müssen jeweils gucken waswas ?? Modus hat dieses Programm geradeist dann nicht angewählt ?? kann ich nichts feststellenund sowas ähnlichesschon mal ausgenommenso weiter das gilt auch für Einträge dannin Dialogenfür Knöpfe die ausgebaut werden wenn Sie aktuell keinen Sinn ergeben bis Ebel würde das dann offiziell heißenDialoge Klammer zu sind an Dialogenein mehr oder minder vernünftigen aufdie typischen DialogbestandteileRegiobuttonsCheckboxendie Texte die Kartei Reiterweit seltener zu sehenwir solche teils also insbesondere wichtig ist dadurch was schief gehen kann sie ging an das Werk wichtigder 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 davonund Checkboxenkönnen an oder aus sein unabhängig voneinander entwickeln die Scans stapelnins glätten oder nicht und eine oder fern egal das ist meine Stelle wichtig bei den Dialogensind in dem bei Stoffes ausgebaut weil aktuell gibt es ganz in der sich doch mache es läuft gerade keinAutorisierungsvorgangkann ich auch kein stoppen des ausgebautoder bei den in Dialogen natürlich auch die Reihenfolgevon abbrechen und okay das Wiki gar nicht aufich notiere mir gerade erst mal also den Unterschied zwischen CheckboxCheckboxenversusPrägebuttonsdassollte man nicht falsch machen ist aber nicht Beistrichihrenwichtigen Unterschiedanund dann in den Dialogboxendie Anordnung von okay und Kanzelspeichernund guckendas Abbrechen steht untenoder rechts unter Windowsanderswo steht es nicht unten oder rechts und das ist dann total irritierendwenn ich hier sage schließendas bringt mich immer umdas Abbrechen ist in der Mitte und der Speicher ist ganz Rechtsdialogmacht nicht nur fertig ich klicke dann grundsätzlichauf die falschen auf den falschen ?? angebotendass das Speichern auf der rechten Seite steht?? unter Windows steht Kinzel auf der rechten Seite oder untennirgends woandersalles andere ist irritierendAbbruch staatlich ganzeAbbruchuntenrechtsunter Windowsmussdannwas man jetzt hier nicht siehtbeim Wartenmuss ich was tun Programm muss immer reagierenein Programm darf nicht scheinbar hängenPunkt das verlangt insbesonderedas man Fortschrittsbalkenmachtwenn ihr ?? länger Aktion passiert denken Sie an Downloads oder aufwendige RechnungenPunktdann muss man sehen dass was passiertsonst denkt man als Benutzer das Ding hängt und schießt das ProgrammUrsachen erklären sich von selbstnormalen Dialog aufAktualisierengesehendas es spannender gemacht die Sachen sind ausgerechnet die stehen nicht raus wer es versteht sich von selbst dass man die Sachen Pixel genau ausrichtetdass die ordentlich Übernahme stehen dass die Abstände auch gleich sind zwischen dem relevantenDemo und Demo-Themensind 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 dasHausmuss nicht seindannhier sehenwenn sie sonnige Notebooks habenwir die typischerweisevon links oben nach rechts unten abgearbeitetund siearbeitet typischerweiseso in Schreibrichtunglinks nach rechts links nach rechts und von oben nach untendas Passwort mit den Tabs ich wähle erst mal Steppwas möchte ich überhaupt tunund so weiter und so weiter dann habe ich also Zweifel verbunden spezieller Sachen und oben allgemeinealso in Schreibgesangin der Reihenfolge des Schreibens arbeitenmit dazuausrichtenBeistrich AusrichtungundArbeit von links oben nachrechts untennoch ein Kleinkram haben sie Genossen müssen Kleinkramwegen grafische Ausrichtung in dieselbe Ecke gehörtsie groß geschrieben sehendie Anfangsbuchstabensind immer großgeschriebenwenn sie das außen Kleinbuchstaben machenfest ?? kein wirklich auf aber es sieht komisch aus Großschreibungdas gilt auch fürBeschriftungen von Relevanz und so weiterKommaaufmachensprechenderDateinamen Klammer zu sowieso schreibenreitet wieder auf Englischähmspeichern das Staffelstein auf zuletzt Besuch nicht speichern großgeschrieben zuletzt Besuch großgeschriebenhätte sehr kleinschreiben könnenmacht man offensichtlich nichtman großtotalmäßiger Krempelaberstandardisiertund dann haben wir noch Hilfefunktionan der Stelle und vor allem unter Windowsauchwenn siein ein irgendeines Programm gehen welche Rechte man gerade aufunddrücken F einskommt hier zumindest die Windows Hilfe und Support und so weiterdas sollte kontextsensitiveigentlich seinwenn sie in irgendein Dialog sieht und drücken unter Windows F eins dann sollte kontextsensitiveHilfe Kommadas ist natürlich extrem viel Arbeit das zu leistenKomma Leute anstellenam Institutnebenbei gibt's auch das Risiko unterdue Helptensionyou HelpEngineman kann tatsächlich dann seine Hilfetextein vernünftiger Form aufschreibenundautomatisch raussuchen lassendass es üblich in solchen Fremdparkszwei Sachen mit ?? noch als letztes angefallenaus dem RechtskontextMenüswenn sie auf irgend ein Link Rechtsklickenkriegen Sie ein passendesMenü dazuMenüsunddann haben wir nochirgend 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 wirklichgreifen kann mit der MausPunktdas sollte typischerweiseeingebaut seinBeistrich als sie noch kreuz und Quergruppenbilden das wäre noch hilfreichKlammer zu?? Gruppen also alles was mit Menüs zu tun hatweiches Andromeda bei den Menüs einsortiert habe das wahrscheinlich nicht gutausallgemeine Geschichte ?? im StandardfensterDrag and Drop ich nehme an du wie dues sichtlich seheich sehr an Dubidufourähm Wortes beim genauso ?? dass es sich allgemein hier genommener Wasser zu Dialogenim Standard dialogisch sorgen dafür dassdas Element in den Dialogen ausgerichtet sindund rechts ist Grenzen unter Windowsso weiterund das ist so?? Doppelpunkt sensitive Komma auch zur allgemeinen Geschichte noch nie dass sie es so Kleinkramnoch Menüs so weiter ausbauenwenn sie gerade nichtzur Verfügung stehen drei Punkte in der Menüeinträgeund anderswo auch verknüpfen Messingsknopf haben auf den Dialoghinauf geht der Richter natürlich eine Beschaffung ?? Punkt und das istdas sollte manbeachtenmüsse das nicht beachten sieht komisch ausnicht intuitivdas man als Sammlung wahrscheinlich etwa zwanzig Sachen werden sie nicht anKomma dass meiner Sammlungist Komma dann einen Schritt weitergehenund sich überlegen okay wie kann man sowas abstrakt formulierenkann man sowas als AnforderungenSoftware formulierenda haben sich ein paar Gremien Gedanken darüber gemachtinsbesonderefür unswichtig dann gibt es die dinEN isoNormenreihemit der Nummer zweiundneunzigeinundvierzigversteht jeder Kram von wie viel Pixel dürfen auf dem Bildschirm kaputt sein bisdiese grafische Oberfläche zu gestaltenda gibt's ein Teilder genau sowas Punktein hundert dreiundvierziges einfach Beistrich hundert dreiundvierzigZifferdiste Skizze klein durchgeblutetwie man Dialoge zu besteigen hatwenn ich sage zu gestaltenist das weniger sensationell seinen Normsicherlich ?? halten oder nicht erinnern ?? sie kommt nicht ins Gefängnis Beistrich nicht normalPunktinsofernist das keine Anweisungdass das so sein musserst mal vergleichen was wies eine ?? ist ein anweisen wird Beistrich die Gesetzeslageaber erst mal ist das nureine Hand reichenmusste sie Aufnahme ausmachen weil die din Normenleider nicht Public Domainsindwas ich ziemlich komisch finde ist dasich da ich das hier mal als Zitataus der Norm das wieder den klitzekleinensowas drin übers ?? gesehen habenauch 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 Standardaktiondie Default Aktion das im wenn in Dialogdann ein fetter Knopf ist innigmit Rittern auslösen kann sich in der Übersicht noch vergessen überhauptsowie das dann aus bis ins kleinste durch die Finger die Standardaktion sollte durch eine einheitliche Benutzeraktion ausgelöst werden nämlich Enter-Taste Eingabetasteklicken mit der Maustastewenn sich der Zeiger auf dem Element findetalsozig Seiten mehr oder minder einfach nur runter geschrieben was der gesunde Menschenverstanderwarten würde bei solchen Formular die ??das es diese Normergibt eine allgemeinere Normgenauer gesagt einen anderen Teil derselben Normfamiliedas ist die din endrei hundert zehnund der nennt sich Grundsätze der dialogisch ?? Punkt er ist allgemeinerund damitschon fast zu allgemein für meinen Geschmackund setztGestaltungdas ist so als ob jemand versucht hat den Pudding an die Wand zu nageln was ist einegute?? zu verwendendegrafische Bedienschnitstelledarum sich die Aufnahmeaus ihren?? finden Sie etwas abgehobenauf von denNacken wechseln und von den nackten Mausklicks formuliertwas eine Oberfläche machen sollte in Bezug auf Aufgabenangemessenheitdass man auch sinnvoll die Aufgabe damit wirklich lösen kann die man damit lösen soll das Daten sieht die von Interesse sind Selbstbeschreibungsfähigkeitwas man weiß Komma ist im Programm und was man wie eingeben soll Erwartungskonformitätes soll das passieren was man glaubt das passierthat auch was mit Induktivitätzu tun dann also Lernförderlichkeitwas mithilfe zum Beispiel zu tun und interessanterweiseist auch hier das an du einsortiert damit man gefahrlos rum spielen kann Steuerbarkeitzum Beispiel dass man basierend ?? zwischendurch etwas anderes erledigen kann Fehlertoleranzdie Prüfung auf plausible Eingabenbei Datum und Adressebrauchbarer FehlermeldungenWarnhinweis bevor das gelöscht wird Individualisierbarkeitdass ich Sachen anpassen kann Punktvielleicht sogar sagen können welches Menü wohin kommt welche Toolbarfolienkommen solche Geschichtendass es jeweilsbisschen aufgeschlüsseltin Einzelpunktemit Beispielenaber ?? ziemlich weich formuliert??das ist diesem haben wiralso Teil hundert zehnterzwoundneunzigeinundvierzigdas sindNormenNormen sind keine Gesetzees 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 weiterKomma später zu ?? aber dieses hier ist das wesentliche GesetzNormsack eine Verordnungsieht die BildschirmarbeitsverordnungBild Schraubfraugeht erst solche Geschichten mit BlendfreiheitundArbeitsablaufuntersuchungder Augen und solche Geschichtenaber es gibt dannauch auch auf auch Komma der durchs ColtZusammenwirkenMensch Arbeitsmitteldie Grundsätze der Ergonomie sind insbesondere auf die Verarbeitung von Informationen durch den Menschen anzuwenden die Software muss an die auszuführendeAufgabe angepasst seinwas immer das immer vor das Gericht gehtund will das einklagen würde man höchstwahrscheinlich dann in den Normen nachgucken undmit 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ächlicheffektiv werdendas ist also quasi in vier Sätzen zusammengefasstwas enorm stehtundvor Gericht würde man dann höchst wahrscheinlich die Normen gucken aufwendige nicht erwähntdass es dann eigentlich die Grundlageals wenn jemand klagen will müsste sich hierauf berufenund dann als Referenz?? die Daumen mitgeben sagen das ist wie eine Software aussieht die an die auszuführendeAufgabe angepasst ist die Dialogabläufeverständlich machen und so weiter und so weiterdas wäre der rechtliche Ebene die Bildschirmarbeitsverordnungdas eswas man an Normen und Gesetzenvon dieser warte hat eine Norm sicherlich die allererste die ich genannt habe die spannendsteWeidenchecklistekönnen Sie wirklich ihrerDental hundert einundvierzig den können sie nehmen und gehen von Absätze Checkliste durchsie sicherte ihm sie auch vergessenStandardaktionhatte ich vergessendas es der vordere Checkliste hat man vergisst nichts von den üblichen Verdächtigeninsofern ist die schon relativ hilfreich