richtig schön einfach
DESCRIPTION
Richtig Schön Einfach. Bernhard Pichler. Warum gibt es Software???. Warum gibt es Software???. Menschen haben Ziele. Dazu treffen Sie Entscheidungen. Software ist Mittel zum Zweck, nicht Selbstzweck. Anwendungen. Ziele erreichen f ehlerfrei wenig Aufwand Freude an der Arbeit. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/1.jpg)
Richtig SchönEinfach
Bernhard Pichler
![Page 2: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/2.jpg)
Warum gibt es Software???
![Page 3: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/3.jpg)
Warum gibt es Software???
Menschen haben Ziele.
Dazu treffen Sie Entscheidungen.
Software ist Mittel zum Zweck, nicht Selbstzweck.
![Page 4: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/4.jpg)
Ziele erreichen
fehlerfreiwenig AufwandFreude an der Arbeit
Anwendungen
![Page 5: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/5.jpg)
FehlerfreiEntwicklung
Wenig AufwandUsability
Freude an der ArbeitDesign
Anwendung
![Page 6: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/6.jpg)
Kognitive Arbeit Programm verstehen
Gedächtnis-Arbeit Passwörter, Shortkeys, Menus, Workflow
Visuelle Arbeit Interface entschlüsseln, Icons
Körperliche Arbeit Mausklicks, Tastatur, Gesten..
Wenig Aufwand
![Page 7: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/7.jpg)
Fehlerfrei allein reicht nicht!
Fehlerfrei Einfach?
Anwendung
![Page 8: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/8.jpg)
Auktion!!!
![Page 10: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/10.jpg)
Warum Design
![Page 11: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/11.jpg)
Einheit und KonsistenzGleichgewichtRhythmusVarianzHierarchie
Allgemeine Design-Richtlinien
![Page 12: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/12.jpg)
Symetrie und Reinheit
![Page 13: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/13.jpg)
Rhythmus
![Page 14: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/14.jpg)
Gewichtung
![Page 15: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/15.jpg)
Varianz
![Page 16: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/16.jpg)
![Page 17: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/17.jpg)
Klarer Einstieg
![Page 18: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/18.jpg)
DEMO
![Page 19: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/19.jpg)
Löffel
Aufgabe des Designs?
![Page 20: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/20.jpg)
„Design ist perfekt, wenn man nichts mehr wegnehmen kann, ohne dass es kaputt geht“
Design
![Page 21: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/21.jpg)
1975 von Adrian Frutiger entworfen
Frutiger
![Page 22: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/22.jpg)
Frutiger: Seit 2003 für Schweizer Autobahnen
![Page 23: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/23.jpg)
Münchner Flughafen
![Page 24: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/24.jpg)
Ästhetik der SchriftSchriftgröße als RhythmusEindeutiger als IconsRuhiger als Icons
Schriften
![Page 25: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/25.jpg)
King Country Metro
![Page 26: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/26.jpg)
Design PrinzipienMetro Sprache
Metro
![Page 27: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/27.jpg)
Prinzip: Mut zur freien Fläche
Sprache: Weiß auf Schwarzwegen Stromverbrauch Display
Metro
![Page 28: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/28.jpg)
Metro Sprache: Segoe WP
![Page 29: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/29.jpg)
Klar, hell, offen und reaktionsschnell
Inhalt vor Verzierung
Gesamterlebnis Hardware/Software
Animationen sollen Benutzerführung unterstützen
Auf Person zugeschnittene Inhalte sorgen für Relevanz
Prinzipien
![Page 30: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/30.jpg)
Grid und Rhythmus
![Page 31: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/31.jpg)
Grid als Ordnungsrahmen
![Page 32: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/32.jpg)
Grid konkret
![Page 33: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/33.jpg)
Beispiel
![Page 34: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/34.jpg)
Beispiel
![Page 35: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/35.jpg)
Vhs Layout
![Page 36: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/36.jpg)
Vhs Layout
![Page 37: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/37.jpg)
Vhs Layout im Metro Style
![Page 38: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/38.jpg)
Multitouch360 GradNUI
Beispiel I
![Page 39: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/39.jpg)
Voller BildschirmKeine Popups und Messageboxen
Windows?
![Page 40: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/40.jpg)
„Persons and things I care about“
Emotionen durch Personalisierung!
![Page 41: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/41.jpg)
Lock Screen
![Page 42: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/42.jpg)
Inhalt
Medium
Kontext
Mensch
Einfluß auf das Design
Anwendungs-Design
![Page 43: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/43.jpg)
PersonasMotiveSzenarien
Menschen haben Ziele
![Page 44: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/44.jpg)
Schichten – Was vor Wie
User NeedsFunctional DesignInteraction DesignInformation DesignVisual Design
![Page 45: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/45.jpg)
Schichten – Was vor Wie
Was will der KundeWelche FunktionenWelche HandlungsabläufeWie ordne ich die Information anWie soll es aussehen
![Page 46: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/46.jpg)
AnfängerFortgeschrittenerPoweruser
Zielgruppe
![Page 47: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/47.jpg)
Vorschläge (Undo!!!)
Entscheidungen statt Optionen
Ernst nehmen
Hilfsbereit
![Page 48: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/48.jpg)
Wer ist schuld, wenn es einen Fehler gibt?
Fehler
![Page 49: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/49.jpg)
Für das Wahrscheinliche designen, aber mit dem Unwahrscheinlichen rechnen.
Entscheidungen
![Page 50: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/50.jpg)
RAM / HD Buchregal
Excel in Word eingebettet
Kunde = Mitarbeiter
Implementierungsmodell Usermodell
![Page 51: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/51.jpg)
SpeichernSpeichern unterSchließen
Datei
![Page 52: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/52.jpg)
UmbenennenVerschiebenKopie erstellen
Neue Version erstellenAlte Version laden
Änderungen verwerfen
Dokument
![Page 53: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/53.jpg)
Um was geht es letztendlich?
![Page 54: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/54.jpg)
StabilitätPerformance
EchtGefühlt
Asynchron (vorausschauend Daten sammeln…)Reaktion zeigen (Dispatcher)Animated Gif
Vertrauen ist die Grundlage!
![Page 55: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/55.jpg)
Performance im Restaurant
Auslagern Während an der Theke von einer anderen Person eingeschenkt wird, bringt der Ober das Besteck
Kleine BrockenDie Speise wird in Beilage und Hauptspeise getrennt und die Beilage schon einmal serviert.
CachingEs wird immer etwas Brot aufgeschnitten und auf Vorrat gehalten / Soße
Eigenschaften aktualisieren, keine KlassenWenn die Soße ausgeht, wird nicht noch einmal ein Gericht gekocht, sondern nur die Soße nachgereicht
![Page 56: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/56.jpg)
UNDO ermöglichen!Feedback geben
„Habe Ihren Wunsch verstanden“Previews verwenden, um Angst zu nehmen
Vertrauen ist die Grundlage!
![Page 57: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/57.jpg)
DEMO Preview
![Page 58: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/58.jpg)
Error ManagementValidierung im UI!Geschlossene WorkflowsVorschläge erarbeitenKunden zum Agieren, nicht reagieren zwingen
Entweder: Festplatte ist voll –> Mach was du Idiot!Oder: Wartungsvorschlag: Festplatte bereinigen…
WIR sind für ein reibungsloses Funktionieren verantwortlich!
Vertrauen ist die Grundlage!
![Page 59: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/59.jpg)
100 % statt MehrheitOptionen statt EntscheidungAlle Möglichkeiten erlaubenConstraints einhalten
Entwickler = Designer = Usability Spezialisten?
![Page 60: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/60.jpg)
Constraints einhaltenValidierung erst in Business LogikKeine Alternativen
100 % der Fälle müssen abgedeckt seinMenu statt WizardOptionen statt EntscheidungenJede Aktion zu jedem Zeitpunkt
Blockaden - IT
![Page 61: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/61.jpg)
Taschenrechner mit „Division durch 0“ Handling
Beispiel „Sonderfall“
![Page 62: Richtig Schön Einfach](https://reader036.vdocuments.mx/reader036/viewer/2022062315/5681661f550346895dd971d4/html5/thumbnails/62.jpg)
FirmennetzwerkAusbildungen (Studiengang)ForschungsprojekteInnovationen
EF.EU