[Playlisten] [Impressum und Datenschutzerklärung]

Elemente klassischer grafischer Oberflächen


CC-BY-NC-SA 3.0

Tempo:

Anklickbares Transkript:

jetzt – mal eine Übung um zu starten eine Übung mal genau hinzugucken – bei den klassischen – grafischen mit den Schnittstellen das was – eben seit Jahrzehnten so geschwungen ist – an – und zwar eins der simpelste Programme von allen Notepad – Windows Notepad – da mal genauer hinzugucken – wollte ich sie mal wissen ?? mal genauer hinzugucken – vielleicht – ?? überlassen Komma so wenn sie das sehen das Fenster von Windows Notepad den – dümmsten – Texteditor aller Zeiten und im einfachsten Texteditor aller Zeiten wenn sie sich das Fenster angucken was fällt Ihnen auf – Elementen in diesem Fenster ✂ richtig ?? sie als es hier oben rechts das scheint Steiner zu sein in allen Windows-Programmen – könnte so ein bisschen anders einstellen sie sehen hier – bei Diane – bin ich auf ?? wieder zu sehen sein ?? ?? sieht es leicht anders aus – einem von der Form her zumindest – das Info offensichtlich damit Elementen anderen ein Windows-Programm – der Rahmen als solcher – ist auch ein Standardelement – daran als solcher ist auch nicht ohne Bedeutung ich kenne den Rahmen greifen – und ziehen und ich kann den Rahmen benutzen – um Sachen – um das Fenster – großen klein zu machen – ähm dass hier der – Titel des Dokuments steht – müsste nicht so sein ist nicht in allen Programmen so aber – hat sich durchgesetzt es ein der Richtlinie – Brasil steht der Titel des Dokuments – und hier steht der Name des Programms – auch das ist Standard unter Windows und hier ist das eigen von dem Programm auch das Standard unter Windows – richtig gesehen Datei und bearbeiten – Fragezeichen auch diese Menü sind auch Standard – Komma dass in ein Programm verstanden hat – das unter Datei – gespeichert wird – und geöffnet wird und was neu gemacht wird und auch beendet wird was ein bisschen komisch aussieht nicht unter Datei beenden ist so komisch wie unter Staat – den Rechner runter fahren aber als ich eben eingebürgert und wir wissen es inzwischen das im Dateimenü das Beenden namens Wanders – das ganze Rechtshilfe steht – Format und an sich ist aber spezifisch für dieses Programm – sind ?? Bindestrich eine Leerzeichen wieder zu sehen ?? Format – gilt wahrscheinlich – ?? Blattansicht – aber das steht ?? direkt neben bearbeiten – als mein Programm bei dem man einstellen kann wie große Zoomfaktor ist das was ähnliches – sind hier auf der Statusleiste drin ist ?? mit seinen Ansichten – aber – bearbeiten unter Dischein immer drin zu sein bearbeiten – dass alle Fusion mit der Zwischenablage automatisch drin – das sind solche – Standards – und es lohnt sich natürlich für solch für die Hersteller – diesem Fall natürlich insbesondere Microsoft und Apple für die Hersteller vermittelte Sinn solche Standards vorzuschreiben – wenn sie einfach Google nicht von sich zeigen weil die Sachen sind wirklich haarsträubend – aus wenn sie Google nach ?? Guidelines – UI – User Interface Guidelines – oder heute heißen die gerne nicht User Interface – Guidelines sondern hält sich die besser an User – experience – Guidelines das Excel für experience – stehen also man hat kein Videointerface – mehr sondern – sich teurer an oder schicke an eine User experience – einen Benutzererlebnisrex – Unix – Guidelines – die gibt's bei Microsoft und bei Apple dann – seitenlang – in allen möglichen Details – auf dem Weg früher war das wirklich mal echte Bücher – immer noch nicht lesen konnte heute zur Seite um Seite – eine monströse Sammlung an Screenshots – und Vorschriften – und das es was ihm schon sachte Induktivität – solche – Richtlinien erzeugen Induktivität – ich weiß einfach A da links Datei Menü beenden – ich muss nicht suchen ich weiß da beenden – in Datei Menü und ich weiß der Unrecht werden – dadurch wird sich in intuitiv weil das in ein Programm sehen – das macht das plötzlich intuitiv – ich werde nicht mit dem Wissen geboren dass das X oben rechts ein Programm beendet das habe ich irgendwann gelernt und das im Dateimenü – das letzte wendet ist das auch irgendwann – gelernt – ?? ein paar – weitere Sachen über diese Guidelines lernen die hier in Aktion sind – an – einem – Arbeiten die – immer das was es war das – Format Menü wenn sich das Menü angucken – selbst ✂ das ist der in der Tat damaligen – Vorname drei Punkte dahinter auch das ist Teil dieser Guidelines – hat sich irgendwann angeführt man achte kann ?? wirklich drauf ich das Häkchen davor wenn sie einmal klicken ist das Heck hinweg zickigen normalen ist das Häkchen wieder da – ist kann ich kann Sachen einen ausstellen oder wenn ich Chimäre habe kann ich zwischen verschiedenen Wechseln und im Menü – steht ein Häkchen ?? Punkt davor – war eine Raute irgend ein Symbol zumindest je nach Betriebssystem je nach Einstellungen – dass es einer von diesen Standards – und hier diese drei Punkte sind auch ein Standard – an die man sich gewöhnen muss drei Punkte heißt es geht ein Dialog auf Mitglieder klicken – geht ein Dialogfenster – auf das es überall sowohl ?? Punkte stehen wenn sie öffentlichen drei Punkte – geht ein Dialogfenster – auf und wenn sie speichern unter und so weiter drucken Sie an ist überall gut ?? Punkt Stehen geht ein Fensterchen auf – ?? – aus Eisen – oder Info offensichtlich auch nicht Sisi Microsoft das nicht ganz konsequent durchgehalten – aber – bei den typischen Geschichten suchen – weiter suchen – wir weiter suchen im nicht ersetzen und so weiter stehen drei Punkte für ein – Dialog – sowas muss man tatsächlich dann durchziehen – Komma dass veranstaltet – an das Kino weiter wenn sie hier gucken offensichtlich – einige Sachen sind grau andere sind nicht grau – ist aber Programmier noch ?? großes Ärgernis muss dafür sorgen dass einige automatisch grau werden die anderen automatisch schwarz werden die grauen kann ich nicht wählen – ?? – die sind – nur da so zur allgemeinen Information – dass ich weiß die könnte ich wählen – wenn diesem Fall – irgendwas ausgewählt während ich kann nicht ausschneiden – und das was ausgewählt habe ich gar nicht löschen – was ausgewählt habe – ich gar nicht – so spannend suche und dass ich Text habe ich ?? stutzig – Examen suchen zu können – und ich muss Texter besuchen zu können Sie nach das jetzt schwarz geschaltet – dass es von der Programmierung ?? bisschen mehr Fichte müssen derzeit dafür sorgen dass einzelne von diesen Einträgen dann passend grau und – schwarz geschaltet werden Disebel ein Ebel – an – Deutschland – aktiv machen und inaktiv machen – auf deutschen – und – ihr das es auch relativ offensichtlich es gibt Tastaturkürzelsteuerung – soundsoviel – Stau Großbuchstaben bei den meisten – manchmal Funktionstasten – aber das ist nicht der einzige Weg – am – für mich jetzt tatsächlich interessieren – wenn sie in anderen wenig um Windowsprogramme – per Tastatur zu bedienen das ist der eine – ich drücke steil okay einer ist ein – Umfrage machen ✂ müssen jedoch noch erstaunlich viele – Jahrhunderte die Alt-Taste – das heißt wenn ich programmieren muss ich es aber Aussagen – in diesem Format – für das Format Menü ist obiges entscheidende – Kürzel – nicht ?? Taste drücke – als – O öffnet das Format – Menü – und jetzt müsste ich es drucken können – und das Schriftartfenster geht auf so sieht das aus das ist die Alternative Art Wasser wieder sehr – bedenklich ist eigentlich ?? zwei Arten des zu bedienen – mit der Tastatur ich kann direkt – in das Menü reingehen – ?? wenn sie Steuerung C zum Beispiel machen ?? X – Komma entfernen – das weit einfacher – wenn ich entfernen drücke – ich direkt in die Tiefe Funktion im Menü rein und wird ausgeführt oder wenn ich Steuerung – X drücke – bitte direkt das ausgeführt tief aus dem Menü – und mit alt – muss ich mich durch Angeln mit Alto sich jetzt erst B eingeben und das Bearbeiten Menü aufzumachen – und ?? kann hier – mit – was auch immer – er kann es ausgewählt – aber – was gerade noch mal – als – die für das Bearbeiten Menü und jetzt Asiens ist die Alternative der zu Menü gehen Art drücken – und dann dieses ausgeschnitten – das kann man schon wieder sehr zwiespältig sehen zwei Wege für dasselbe Resultat ein direkter Weg mit Steuerung und ein längerer Weg mit alt – der Vorteil von dem ist aber dass man tatsächlich im Prinzip jedes klassische Windows Programm voll mit der Tastatur bedienen kann das ist zum Beispiel was Accessibility – angeht – die Barrierefreiheit – sehr hilfreich – wenn jemand keine Maus bedienen kann – sondern nur das du bedienen kannst ?? zur Hilfstastatur – wie auch immer – sie an Herrn Hawking – im rollstuhljemandes – US Tastatur bedienen kann geht das trotzdem – sich irgendwie in Summe das Programm zurecht zu finden ?? gewartet hat das für mich wie komme ich von einem zum andern mit der Tabtaste zum Beispiel – dass es auch Sondergeschichte die hinter den Kulissen passiert als Entwickler muss ich mir Gedanken machen – wo geht's denn los mit dem Tab – in welcher Reihenfolge offensichtlich jetzt also in dieser Reihenfolge bei den Dialog ist es relativ klar welche Reihenfolge das geht bei anderen Dialogen Komma den Druckdialog – vermissen müssen klar sein – sich hier sind Bindestrich – und jetzt drück ich mal die Tabtaste den Tabulator – in das geht ja schon so bisschen quer durch den Garten aber ich Komma hoffentlich bei jedem Ding vorbei – insbesondere hierbei alles nützliches mit – obige das Haar – geht gar nicht weil nichts verkehrt ist – besser als gar – ich kann nur alles auswählen – Komma da der Hang – so – Tabulator sich kann jedes Windows Programm netterweise komplett mit der Tastatur bedienen wenn es vernünftig programmiert ist – sollte – das Problem – diese Knöpfe und sind – spannend Falls der Abweichungen gibt je nach Betriebssystem – sind drucken ist das was ich typischerweise – machen wollen würde – und abbrechen ist – das was sie typischerweise nicht machen wollen führen wird es was oder sichere ist – die übliche Option steht links und die sichere Option – steht rechts – das ist in Windows durchgängig – so wenn sie – ersetzen – zu Medailleninhabers – nicht miteinander stehen – Komma dass ?? verbunden Erbrechen statt unten oder gucken Schriftarten – sind einander – so – wie Schriftart – die übliche Option steht links und die sichere Auktion steht rechts Abbrechen ist die sichere – Senat sich tatsächlich einer Gedanken darüber gemacht – was unglaubliches – solche Kleinigkeiten – hatte das ?? keine Gedanken gemacht ?? wahrscheinlich nicht bei Microsoft sondern bei Apple habe Apple umgekehrt – der Witz ist hinweg haben – sie die Banken für andersrum – bei Mac ist das okay rechts und das ganze abbrechen ist auf der linken Seite – uns dann hat man schon kleines Problem beim Wechsel von ein Plattform auf die anderen immer gewohntes rechts unten ist Abbrechen – nie – nicht auf jeder Plattform – das ich je nachdem – das ?? Geschichte die dann wieder gelerntes – ist ist man jahrzehntelang – in Berlin ist es intuitiv – das rechts unten abbrechen ist – und links davon – etwas steht was zu machen ist ?? wirklich was passiert – auf dem Mac ist es andersrum ins offene großgeworden – sind müssen seine Stelle umlernen sich dann nicht mehr intuitiv – gucken – wir wo ich gerade unterschieden Mac Windows bin Beistrich ob sich offenbar – alle – Mac Enthusiasten dabei haben ein ganz wesentlicher Unterschied – muss – muss ich draufgestoßen werden manchmal merkt man es Beistrich – das gelernte Mann fragt das echt nicht sichtbar ist ein ganz wesentlicher Unterschied wenn sie ein Windows-Programm und gucken und ein Macintosh Programm ✂ doch nicht ?? dabei genau also die Menüleiste – dies beim Apple oben an der Kante – auf den Macintosh – bei Windows ist diese Menüleiste in jedem Fenster drin – und bei Mac sitzt sie oben an der Kante – wie später noch mal drauf eingehen – ich hatte den Herrn Fitts schon erwähnt – an der kommt ein Spiel wenn die Menüleiste oben anerkannte ist ist sie schneller zu erreichen ?? wir müssen sie genau zielen – in dieses – Rechteck mit der Maus – wenn die Menüleiste – oben sitzt kann sie auch darüber hinaus ziehen Hauptsache sie landen anerkannte – ?? sozusagen eine größere Fläche – ?? auf Markt hat eine größere Fläche – in die man ziehen kann mit der Maus und trotzdem funktioniert also wenn Sie bei Macian Mining haben können Sie mit der Maus in diese Fläche reinziehen – und werden trotzdem dieses Menü auslösen – und unter Windows – müsse sich dieses Rechteck treffen – und genau dieses Rechteck nicht anderes – Besteck tatsächlich Überlegung dahinter – solchen Kleinigkeiten – man sich das vorstellen Milliarden Leute kicken – jeden Tag Zigtausend Male summiert sich zum Schluss – wie viel Lebenszeit sowas einsparen kann – ?? zu den – zu den Dialogen – und was – können bei der Font gealterte Schriftart Dialog war der – Älteste – gesehen dass hier – der Okay Button ab Werk ausgewählt ist ich kann mit dem Tabulator – jedoch durch die Gegend gehen – aber der Okay Button hat diesen leicht schimmernden Rahmen – jetzt nicht mehr aber eher der Okay Button sind leicht schimmernde Uran das ist der Standard Button wenn ich hierum was auswählen – und hässlich – und mit ?? Brücke – gilt diese Schriftart ein Standardbutton – wenn sie unterdrücken zum Windows Dialog – nichts zu war nicht aber meine Schriftart hier – machen – eins in diesem Dialog die Returntaste die Enter-Taste drücken – gilt der Okay Button – zu Fuß über das ?? betrug beim normal – in eine komische Schriftart einstellen ich drücke die Returntaste so – auch seine Geschichte die quer durch Windows geht – auf die Mac natürlich wieder analog – an – der man sich da mal dran gewöhnt hat dass – die – unter Windows jetzt zumindest die übliche Funktion per Return ausgelöst wird – hat man da schon wieder einmal den Griff zum ausgespart – muss einmal weniger von der Tastatur zu Maus ich drücke einfach die Return Taste und ich drücke natürlich die Escape-Taste für Gänze – und das was man den oder steht hier nicht mit besteht nicht drücke die Returntaste für okay und drücke die Escape-Taste verkennt – das weiß man denn irgendwann das Escape-Taste das beendet – das ähm Problem natürlich auch dann auf alle möglichen anderen Plattform – in der Hoffnung dass sie ähnlich funktionieren und man ist dann überrascht – Stichwort Induktivität – nicht Induktivität – Mannes überrascht es nicht geht – das in so Elemente – das ist natürlich über die Zeit extrem gewachsen ?? Toolbars und so weiter ich vielleicht noch was zu den Ribbons sagen dir auch schon länger existierende Microsoft – etwas vergleichen – an diese Art ✂ an ✂ ?? zu speichern – diese Art an klassischen – grafischen bedienen Schnittstellen – den Namen wissen will heißen die in der Fachsprache – für Windows – Windows jetzt nicht von wegen Microsoft Windows und Hoffefensterfenster – eigens – mit News – Gänsefüßchen oben – nicht mit den – zum herausklappen ist das MANUALS die Speisekarte – und P steht für Pointer die Maus – neunter – das ist die klassische Art – an grafischen – bedienen Schnittstellen – und die ich natürlich nicht erst mit dem Apple Macintosh gekommen – neunzehn vierundachtzig sondern deutlich früher – ein Name den man kennen sollte – ein – wichtiger Name der der eine Erfinder der Moors Musik etwas dazu sagen der bekanntere Erfinder der Maus – eher – Douglas – sie Engel bald – sollte man in der Historie anerkennen – weil – mir ist nicht nur der Vater der Maus einer der Väter der Maus sondern auch einer der Väter der Livepräsentation – neunzehn achtundsechzig ?? etwas gehalten – dass die – Literatur nennt man ?? auf und Demos – ?? Mutter aller – soft und Hardwaredemonstrationen – ?? auf und Demos ✂ die eine Randnotiz – ist – offensichtlich die Demo von Herrn Engelbad – mit der Maus – zwei Monate nach dem in irgendeiner deutschen Veröffentlichung – AG Telefunken – die Rollkugel – abgebildet hatte – und – das Gerät bei dem das ganze zum ersten Mal – in schönster Aktion zu sehen war bei der Xerox Alto neunzehn hundert dreiundsiebzig – so alt ist das als ich wird sich das eine diesen Jahres sein Auswendiglernen – im sie das als Bildung im Hintergrund – es ist nicht das Apple alles erfunden hat – obwohl es natürlich dichter Beistrich dass es alles Silicon Valley – am Meilen – entfernt – zurück zu den halbwegs aktuellen – mit den Interfaces – wenn Sie sich – das aktuelle – WordPad angucken – ?? Bett so gänzlich das aktuelle WordPad angucken sieht das ja schon deutlich anders aus als – das Notbett was ich eben gezeigt habe ich Zeit obendrein mal das nicht ganz aktuelle WordPad – Alexander – von Windows Vista rüber geholt – unter Windows Vista gab's noch das – die ältere Version so sieht das aus unter Windows Vista so sah das aus unter Windows Vista – schon deutlich was anderes – irgendwann – zwei tausend sieben hat sicher Microsoft überlegt wir machen was neues – ?? Ribbons – Kamera den Schreiben – Begriff – und sieht es die ganze Zeit aber man streicht – also als Bedienen Festivals immer zwei Terminausnahmen – trüben – das Bändchen – das Band – Di jedoch – das alte Lied an – das es der Rippen – und das gab – massiven – Ärger am Anfang – mit den Leuten die das ?? gewohnt waren die klassischen Interface gewohnt war – was Markus aufgesagt hat okay aber das hier äh – war das mal neu – dass sie gegen die – sinnvolle Ausgabe das so machen – mit einem Löwen ein Bändchen oben entlang vom Fenster – das selber habe jetzt auch wieder mit Windows acht wenn Microsoft sagt Ach wir lassen mal den Startbutton weg – und ein gewissen Aufschrei – um die Welt wir wollen den Start Button zurück – denselben Aufschrei gab seinerzeit mit diesem Lebensfall – schon wieder Thema Liquidität – weil sich die Leute natürlich dann gefühlt hatten dass es so aussieht mit den Menüs – uns hier nicht wieder gefunden haben – ?? dieser Art – bis dato – gab es in den – Rahmen in den Fensterrahmen – keine Bedienelemente – Gutes gibt ?? gab diese drei der oben und es gibt diese ?? klicken – dann – aber es gab sonst keine Bedienelement – wirklich zum Anklicken im Fensterrahmen jetzt gibt es plötzlich Bedienelement – im Fensterrand zum Anklicken – das spart einerseits Platz – sehen – ich hab ihr diese leere Fläche genutzten – Fläche der als ?? verschenkt – diese leere Fläche genutzt aber – ist sehr ungewohnt dass man sich im Rahmen was klicken kann – ?? an je kleiner der Bildschirm ist umso – mehr bin ich auch gegen diese Art von oben – kann ich mich – selbst nach den ganzen Jahrzehnten nicht gut mit anfreunden – gewohnheitsmäßig – und vom Platzverbrauch her – aber das System meist durch das das Essen der Stand der Technik – selbst MATLAB hatte jüngst umgeschaltet – auf sein Leben Interface – beim Fenster kann ich mit einem Klick ziehen – und loslassen hat die Fusion ausgeführt – und hier – mal auswendig hier klicke festhalte – und ab jetzt zu Einfügen gehen mit Festsaal der Maustaste – wird der stetig muss noch mal ein zweites Mal klicken – ist das der Stick kann sie verbergen auch einen Ausweg mehr