Prinzip 1: Sichtbarkeit & Feedback<\/h2>\n\n\n\nSichtbarkeit<\/strong><\/h3>\n\n\n\nDamit er seine Aufgabe erledigen kann, muss der Nutzer jederzeit wissen wo<\/strong> er sich befindet und welche<\/strong> Aktionen wie<\/strong> ausgef\u00fchrt werden k\u00f6nnen. Mit anderen Worten bedeutet das: was der Nutzer nicht sieht, gibt es nicht. Bevor er sich lange mit dem Produkt besch\u00e4ftigt, wird er lieber zur Konkurrenz wechseln! Zeigen Sie dem Nutzer daher stets, wo er sich gerade in der Anwendung befindet und wie er dorthin gelangt ist. Das Wichtigste an Information und Funktion muss immer griffbereit sein \u2013 lassen Sie den Nutzer nicht erst danach suchen.<\/p>\n\n\n\n<\/div>\n\n\n\nFeedback<\/strong><\/h3>\n\n\n\nNachdem der Nutzer eine Aktion ausgef\u00fchrt hat, will er wissen, ob ihn das System \u201everstanden\u201c hat. Er erwartet zudem eine Auskunft dar\u00fcber, was als n\u00e4chstes passiert. Das System sollte den Nutzer deshalb in vertretbarer Zeit, durch angemessenes Feedback, d.h. visuell, auditiv oder haptisch, \u00fcber den aktuellen Status zu einer Aktion informieren. Geben Sie dem Nutzer Bescheid, falls es l\u00e4nger dauert.<\/p>\n\n\n\n
<\/div>\n\n\n\nPrinzip 2: Die Sprache der Benutzer sprechen<\/h2>\n\n\n\n
Leider wird oft technisch \u00fcber Dinge gesprochen, statt in der Sprache der Anwender. Bestes Negativ-Beispiel daf\u00fcr sind Fehlermeldungen mit kryptischem Code, der zwar f\u00fcr den Entwickler von Wert sein kann, dem Nutzer aber nichts sagt. Gestalten Sie daher Fehlermeldungen hilfreich, indem Sie nicht nur das Problem verst\u00e4ndlich erkl\u00e4ren, sondern auch einen L\u00f6sungsvorschlag bereitstellen.<\/p>\n\n\n\n
Um den Nutzer vor der Ratlosigkeit zu bewahren, sollten ihm vertraute Begriffe verwendet werden und abgebildete Arbeitsabl\u00e4ufe seiner Denkweise entsprechen. Pflegen Sie Bezeichnungen und Prozesse in der Fachsprache der Anwender. Pr\u00fcfen Sie genau: Sind die \u00dcbersetzungen korrekt? Sind Abk\u00fcrzungen verst\u00e4ndlich? Hier kann es helfen Feldforschung zu betreiben, d.h. herauszufinden, welche Begriffe der Benutzer verwendet und wie er arbeitet.<\/p>\n\n\n\n
<\/div>\n\n\n\nPrinzip 3: Steuerbarkeit<\/h2>\n\n\n\n
Wer kennt das nicht: Etwas in Eile startet man am Morgen den Rechner, und das System beginnt beim Hochfahren ungefragt, 10 Minuten lang Updates zu installieren. Es gibt kein Entkommen.<\/p>\n\n\n\n
Das Prinzip der Steuerbarkeit ruft uns die Macht des Nutzers in Erinnerung. Der Nutzer soll eine Aktion initiieren und die Richtung beeinflussen k\u00f6nnen, sodass er beispielsweise unvertraute Funktionen ausprobieren und bei Missfallen wieder r\u00fcckg\u00e4ngig machen kann. Auch sollte er Teilaktionen unterbrechen k\u00f6nnen, beispielsweise die Teilnahme an einer Meinungsumfrage zwischenspeichern, um zu einem sp\u00e4teren Zeitpunkt fortzusetzen.<\/p>\n\n\n\n
Einfach formuliert gilt beim Prinzip der Steuerbarkeit: Der Mensch sagt dem Computer was er tun soll, nicht umgekehrt. Bieten Sie dem Nutzer immer einen Ausweg.<\/p>\n\n\n\n
<\/div>\n\n\n\nPrinzip 4: Konsistenz<\/h2>\n\n\n\n
Die Einarbeitung in ein neues System f\u00e4llt umso leichter, je mehr sich seine Bedienung und Gestaltung auf Bekanntes berufen und somit erwartungskonform sind. Erschaffen Sie durch die einheitliche Verwendung von Begriffen, Farben, Layouts und Icons ein konsistentes Look-and-Feel innerhalb der Anwendung und innerhalb von Produkt-Familien. Indem Sie sich an verbreitete Plattform-Konventionen und Design-Styleguides halten, vermeiden Sie \u00dcberraschungen f\u00fcr den Nutzer.<\/p>\n\n\n\n
Die wichtigste Regel ist in letzter Instanz jedoch die \u00dcbereinstimmung mit den Nutzererwartungen. Etwas kann von Ihnen als vermeintlicher Experte noch so logisch durchdacht sein, aber wenn Nutzer eine andere Funktionsweise erwarten, l\u00e4sst sich diese Erwartungshaltung nur schwer \u00e4ndern.<\/p>\n\n\n\n
<\/div>\n\n\n\nPrinzip 5: Fehler tolerieren und vorbeugen<\/h2>\n\n\n\n
Jeder Mensch ist mal unkonzentriert bei der Arbeit, sei es aus M\u00fcdigkeit oder Zeitnot, so dass ihm Fehler unterlaufen. Umso wichtiger ist eine hohe Toleranz der Anwendung, die Fehler erkennt und dem Nutzer eine einfache Korrektur erm\u00f6glicht. Google beispielsweise macht direkt einen Vorschlag f\u00fcr \u00e4hnliche Suchbegriffe mit mehr Ergebnissen:<\/p>\n\n\n\n![\"Fehlertoleranz](\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_1.png\")
Abbildung 1: Fehlertoleranz bei Google<\/em><\/figcaption><\/figure>\n\n\n\n<\/div>\n\n\n\nErlauben Sie dem Nutzer, ungewollte Aktionen r\u00fcckg\u00e4ngig zu machen. Einen Datenverlust gilt es jedoch immer zu verhindern. Bei kritischen Aktionen ist es daher sinnvoll, erst eine Best\u00e4tigung vom Nutzer einzuholen \u2013 beispielsweise vor dem Formatieren der Festplatte.<\/p>\n\n\n\n
Noch besser als eine gute Fehlerbehandlung ist nat\u00fcrlich eine entsprechende Vorbeugung, sodass es gar nicht erst zu Bedienfehlern kommen kann. Schr\u00e4nken Sie daher gezielt Nutzer-Aktionen ein, wenn diese unzul\u00e4ssig oder zwecklos sind. Deaktivieren Sie Schaltfl\u00e4chen und erkl\u00e4ren Sie durch Tooltipps, warum diese gerade nicht nutzbar sind, wie es beispielsweise bei Amazon.de gehandhabt wird (s.u.). An Stelle eines Freitextfeldes, das anf\u00e4llig f\u00fcr Schreibfehler ist, k\u00f6nnen Sie dem Nutzer eine Vorauswahl an Optionen anbieten.<\/p>\n\n\n\n![\"Fehlertoleranz](\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_2.png\")
Abbildung 2: Fehlertoleranz bei Amazon<\/em><\/figcaption><\/figure>\n\n\n\n<\/div>\n\n\n\nPrinzip 6: Erkennen vor Erinnern<\/h2>\n\n\n\n
Es f\u00e4llt leichter, bekannte Dinge wiederzuerkennen, als diese aus dem Ged\u00e4chtnis abzurufen. Man vergleiche hier nur einmal den Aufruf einer Funktion durch Klick auf einen Button, mit dem Aufruf der gleichen Funktion \u00fcber die Kommandozeile.<\/p>\n\n\n\n
Entlasten Sie daher den Nutzer kognitiv, indem Sie Objekte, Aktionen und Optionen f\u00fcr ihn sichtbar machen: Assoziieren Sie Text- mit Bildinformation; bieten Sie beispielsweise zum Dateinamen einer Grafik auch eine Bildvorschau an. Versehen Sie Suchmasken und Formularfelder mit aussagekr\u00e4ftigen Beschriftungen, sodass der Nutzer sofort wei\u00df welche Information verlangt wird. Helfen Sie dem Nutzer bei der Recherchearbeit, indem Sie ihm seine letzten Suchanfragen auflisten oder Vorschl\u00e4ge machen, wie bei Foursquare.com auf die Frage \u201eWas gef\u00e4llt dir?\u201c:<\/p>\n\n\n\n![\"Erkennen](\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png\")
Abbildung 3: Erkennen vor Erinnern bei Foursquare<\/em><\/figcaption><\/figure>\n\n\n\n<\/div>\n\n\n\nVermeiden Sie es hingegen, dass sich der Nutzer Informationen beim Wechsel zwischen Dialogen merken muss, beispielsweise den 10-stelligen Registrierungscode bei der Einrichtung einer Software.<\/p>\n\n\n\n
<\/div>\n\n\n\nPrinzip 7: Flexibilit\u00e4t & Effizienz<\/h2>\n\n\n\n
Nutzer bringen verschiedene Anforderungen an eine Anwendung mit, sei es in Hinblick auf die technische Expertise, Herkunft, oder physischen Bed\u00fcrfnisse. Wird die Software diesen Anforderungen nicht gerecht, kann der betroffene Nutzer aufgrund der erforderlichen Umstellung nicht effizient arbeiten. Das grunds\u00e4tzliche Ziel sollte es jedoch sein, dass der Nutzer seine Aufgabe mit minimalem Aufwand erledigen kann. Dies gilt insbesondere f\u00fcr die Annahme, dass er mit steigender Nutzungsfrequenz und Expertise schneller arbeiten will.<\/p>\n\n\n\n
Erm\u00f6glichen Sie es daher dem Nutzer, Standardeinstellungen konfigurieren zu k\u00f6nnen. Bieten Sie erfahrenen Nutzern Shortcuts f\u00fcr h\u00e4ufig genutzte Funktionen an und geben Sie Neulingen Tipps, wie sie schneller zum Ziel kommen. Verwenden Sie im Sinne von Fitts\u2018 Gesetz<\/a> f\u00fcr wichtige Funktionen eine gr\u00f6\u00dfere Darstellung, da diese schneller erreicht werden k\u00f6nnen als kleine Objekte.<\/p>\n\n\n\nDoch Achtung<\/strong>: Die Nutzer-Erwartung steht \u00fcber der Effizienz! Sie m\u00f6chten gerne auf einen Button zum Speichern des aktuellen Zustands verzichten, weil automatisch gespeichert wird? Keine gute Idee, weil das Fehlen des Knopfes den Nutzer verwirren und ihn zum Suchen veranlassen wird.<\/p>\n\n\n\n<\/div>\n\n\n\nPrinzip 8: Einfachheit<\/h2>\n\n\n\n
Dialoge sollten nur relevante oder h\u00e4ufiger ben\u00f6tigte Informationen enthalten. Jede zus\u00e4tzliche Information lenkt den Nutzer von den wichtigen Inhalten ab und relativiert die Sichtbarkeit anderer Elemente. Gestalten Sie Ihre L\u00f6sung daher so einfach wie m\u00f6glich. Was ist wirklich die Aufgabe, die Sie unterst\u00fctzen wollen? Pr\u00fcfen Sie beispielsweise f\u00fcr jedes Oberfl\u00e4chen-Element, ob es wirklich essentiell ist und einen Zweck erf\u00fcllt (z.B.: \u201eBrauchen wir die Tabelle wirklich, und dann mit einem roten Rahmen?\u201c) Enth\u00fcllen Sie vertiefende Funktionen der Anwendung nur schrittweise, n\u00e4mlich genau dann, wenn sie ben\u00f6tigt werden. Alles andere k\u00f6nnte den Nutzer \u00fcberfordern.<\/p>\n\n\n\n
In diesem Zuge auch der Tipp, komplexe Abl\u00e4ufe zu vereinfachen, statt sie auszublenden. Einfachheit wird durch die Vereinfachung<\/strong> von Dingen erreicht: nicht durch Ausblenden von Komplexit\u00e4t und auch nicht durch Eliminierung notwendiger Funktionen.<\/p>\n\n\n\nLassen Sie kurz gesagt alles weg was m\u00f6glich ist. Aber bitte \u00fcbertreiben Sie es nicht: Was der Nutzer nicht findet, gibt es f\u00fcr ihn auch nicht!<\/p>\n\n\n\n
<\/div>\n\n\n\nPrinzip 9: Wahrnehmbarkeit<\/h2>\n\n\n\n
Informationen und Interface-Komponenten m\u00fcssen dem Nutzer so pr\u00e4sentiert werden, dass er sie wahrnehmen bzw. lesen kann. Diese Anforderungen stellen insbesondere sehbehinderte und blinde Nutzer. Gew\u00e4hren Sie daher ausreichend Farbkontrast von Bildschirmvordergrund zu -hintergrund, sodass insbesondere Nutzer-Eingaben klar lesbar sind. Machen Sie Inhalt und Styling voneinander unabh\u00e4ngig, damit der Inhalt z.B. auch mit einem einfacheren Layout pr\u00e4sentiert werden kann und durch Lesehilfen interpretierbar ist.<\/p>\n\n\n\n
Verwenden Sie Farbe nicht als einziges Mittel der Informations\u00fcbertragung, beispielsweise bei Status-Indikatoren. Dies ist ein Erschwernis f\u00fcr farbenblinde Nutzer. Sie k\u00f6nnen eines der vielen kostenlosen Simulationstools nutzen, um diesen Aspekt in Ihrer Software zu optimieren, z.B. Contrast-Ratio<\/a>.<\/p>\n\n\n\nStellen Sie auch Textalternativen f\u00fcr alles Grafische zur Verf\u00fcgung, so dass dieses in andere vom Benutzer ben\u00f6tigte Formen transformiert werden kann (z.B. Braille oder einfachere Sprache).<\/p>\n\n\n\n
<\/div>\n\n\n\nPrinzip 10: Visuelle Struktur<\/h2>\n\n\n\n
Eine bewusste Gruppierung und Anordnung von Elementen auf der Oberfl\u00e4che unterst\u00fctzt den Nutzer bei der Erkennung von Zusammenh\u00e4ngen. Erschaffen Sie in Ihrer Anwendung eine visuelle Hierarchie, bei der die wichtigsten Informationen hervorstechen. Platzieren Sie im Zuge dessen Kerninformationen in der oberen H\u00e4lfte der Titelseite, damit diese sofort gesehen werden.<\/p>\n\n\n\n
Ist die Grobstruktur konzipiert, empfiehlt sich f\u00fcr das Arrangieren von Interface-Komponenten innerhalb einer Ansicht die Ber\u00fccksichtigung der Gestaltgesetze<\/a>. Sie helfen zu verstehen, wie r\u00e4umliche und zeitliche Anordnungen auf den Betrachter wirken und liefern wichtige Hinweise f\u00fcr ein funktionierendes Design.<\/p>\n\n\n\n<\/div>\n\n\n\nPrinzip 11: Hilfe & Dokumentation<\/h2>\n\n\n\n
Auch wenn es erstrebenswert ist, dass ein Produkt ohne Anleitung benutzbar ist: Hilfesysteme unterst\u00fctzen bei der Arbeit mit der Anwendung und erleichtern Anf\u00e4ngern den Einstieg.<\/p>\n\n\n\n
Hilfen sollten daher<\/p>\n\n\n\n
- leicht zu finden sein<\/li>
- sich auf die Aufgabe des Nutzers beziehen<\/li>
- konkret auszuf\u00fchrende Schritte auflisten und<\/li>
- nicht zu umfangreich sein.<\/li><\/ul>\n\n\n\n
Dennoch wird Hilfe am Meisten gesch\u00e4tzt, wenn sie in dem Moment kommt, in dem sie gebraucht wird \u2013 wer liest schon gerne Handb\u00fccher? Wenn m\u00f6glich sollten daher eingebettete Hilfen wie Tooltipps, Platzhalter bzw. Wasserzeichen und Assistenten verwendet werden. Ist dies nicht ausreichend, sollte die n\u00e4chste Wahl auf kontextuelle Hilfen wie einem Hilfe-Panel, Einstiegsseiten und Suchfunktion fallen.<\/p>\n\n\n\n
<\/div>\n\n\n\nPrinzip 12 \u2013 Abschluss: Fragt die Nutzer!<\/h2>\n\n\n\n
Die hier vorgestellten Prinzipien bieten einen Leitfaden f\u00fcr die Sicherstellung hoher Usability in einem Software-Projekt. Wie die Prinzipien ausgelegt und priorisiert werden, ist dabei jedem selbst \u00fcberlassen. Es gibt keine einzig wahre, benutzerfreundliche L\u00f6sung f\u00fcr eine Problemstellung und nur wenige, allgemeing\u00fcltige Antworten. Vielmehr geht jede L\u00f6sung mit Kompromissen einher. Wie es der Informatiker und UX-Designer Bill Buxton<\/a> so treffend formuliert hat:<\/p>\n\n\n\nEverything is best for something and worst for something else. The trick is knowing for what, when, for whom, where, and most importantly, why.\u201d<\/em><\/p><\/blockquote>\n\n\n\nEin Interface ist demnach immer nur f\u00fcr einen konkreten Anwendungsfall und eine bestimmte Nutzergruppe gut geeignet. Grunds\u00e4tzlich gilt es daher, vorab die Aufgabe zu untersuchen sowie die Bed\u00fcrfnisse ihrer Nutzer kennen zu lernen. Dazu m\u00fcssen diese fr\u00fchzeitig in den Entwicklungsprozess einbezogen und kontinuierlich um Feedback gebeten werden. Die vorgestellten Design-Prinzipien bieten dabei zwar gute Anhaltspunkte f\u00fcr die Beurteilung der Usability, dennoch treffen wir damit nur Annahmen. Der Nutzer kennt sich selbst am Besten, man muss ihn nur fragen.<\/p>\n\n\n\n
<\/div>\n\n\n\n
\n\n\n\n<\/div>\n\n\n\nWeiterf\u00fchrende Literatur:<\/strong><\/p>\n\n\n\n- J. Nielsen\u2018s 10 Usability Heuristiken (Web<\/a>)<\/li>
- B. Shneiderman: 8 Golden Rules of Interface Design, In: \u201eDesigning the User Interface: Strategies for Effective Human-Computer Interaction\u201c (Web<\/a>)<\/li>
- DIN-Norm EN ISO 9241-110: Grunds\u00e4tze der Dialoggestaltung (Web<\/a>)<\/li>
- B. Tognazzini, Principles of Interaction Design (Web<\/a>)<\/li>
- J. Johnson, GUI Bloopers 2.0: Common User Interface Design Don\u2018ts and DOs, 2007<\/li>
- D. Norman, The Design of Everyday Things: Revised and Expanded Edition, 2013<\/li>
- Web Content Accessibility Guidelines 2.0 (Web<\/a>)<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"
Eine Software, die eine nutzungsfreundliche Bedienung bietet, hebt sich positiv von Konkurrenzprodukten ab. Doch das zu erreichen ist nicht ganz trivial.<\/p>\n","protected":false},"author":30,"featured_media":988,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[14],"tags":[394,395,396,397,126,393],"topics":[333],"class_list":["post-983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-usability","tag-prinzipien","tag-design-prinzipien","tag-nutzer","tag-user","tag-usability","tag-design","topics-usability"],"acf":[],"yoast_head":"\n
11+1 Design Prinzipien - ZEISS Digital Innovation Blog<\/title>\n<meta name=\"description\" content=\"Eine Software, die eine nutzungsfreundliche Bedienung bietet, hebt sich positiv von Konkurrenzprodukten ab. Doch das zu erreichen ist nicht ganz trivial.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"11+1 Design Prinzipien - ZEISS Digital Innovation Blog\" \/>\n<meta property=\"og:description\" content=\"Eine Software, die eine nutzungsfreundliche Bedienung bietet, hebt sich positiv von Konkurrenzprodukten ab. Doch das zu erreichen ist nicht ganz trivial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Innovation Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ZEISSDigitalInnovation\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-30T09:08:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-30T08:16:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"698\" \/>\n\t<meta property=\"og:image:height\" content=\"608\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Eva Schliep\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ZEISS_di\" \/>\n<meta name=\"twitter:site\" content=\"@ZEISS_di\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eva Schliep\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"9\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/\",\"name\":\"11+1 Design Prinzipien - ZEISS Digital Innovation Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png\",\"datePublished\":\"2016-05-30T09:08:12+00:00\",\"dateModified\":\"2020-07-30T08:16:27+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/7637b001b0ef32a2df9f7c8fa3ddf191\"},\"description\":\"Eine Software, die eine nutzungsfreundliche Bedienung bietet, hebt sich positiv von Konkurrenzprodukten ab. Doch das zu erreichen ist nicht ganz trivial.\",\"breadcrumb\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#primaryimage\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png\",\"contentUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png\",\"width\":698,\"height\":608},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"11+1 Design Prinzipien\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#website\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/\",\"name\":\"Digital Innovation Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/7637b001b0ef32a2df9f7c8fa3ddf191\",\"name\":\"Eva Schliep\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/05\/brumme_eva-150x150.jpg\",\"contentUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/05\/brumme_eva-150x150.jpg\",\"caption\":\"Eva Schliep\"},\"description\":\"Eva Schliep ist Medieninformatikerin (MSc.) und arbeitet als Business Analystin f\u00fcr die ZEISS Digital Innovation in Dresden. Mit ihrem fachlichen Schwerpunkt im Bereich Mensch-Computer-Interaktion und User Experience ber\u00e4t sie in Projekten zur Bedienbarkeit eines Software-Produkts.\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/author\/evabrumme\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"11+1 Design Prinzipien - ZEISS Digital Innovation Blog","description":"Eine Software, die eine nutzungsfreundliche Bedienung bietet, hebt sich positiv von Konkurrenzprodukten ab. Doch das zu erreichen ist nicht ganz trivial.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/","og_locale":"de_DE","og_type":"article","og_title":"11+1 Design Prinzipien - ZEISS Digital Innovation Blog","og_description":"Eine Software, die eine nutzungsfreundliche Bedienung bietet, hebt sich positiv von Konkurrenzprodukten ab. Doch das zu erreichen ist nicht ganz trivial.","og_url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/","og_site_name":"Digital Innovation Blog","article_publisher":"https:\/\/www.facebook.com\/ZEISSDigitalInnovation\/","article_published_time":"2016-05-30T09:08:12+00:00","article_modified_time":"2020-07-30T08:16:27+00:00","og_image":[{"width":698,"height":608,"url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png","type":"image\/png"}],"author":"Eva Schliep","twitter_card":"summary_large_image","twitter_creator":"@ZEISS_di","twitter_site":"@ZEISS_di","twitter_misc":{"Verfasst von":"Eva Schliep","Gesch\u00e4tzte Lesezeit":"9\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/","name":"11+1 Design Prinzipien - ZEISS Digital Innovation Blog","isPartOf":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#primaryimage"},"image":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png","datePublished":"2016-05-30T09:08:12+00:00","dateModified":"2020-07-30T08:16:27+00:00","author":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/7637b001b0ef32a2df9f7c8fa3ddf191"},"description":"Eine Software, die eine nutzungsfreundliche Bedienung bietet, hebt sich positiv von Konkurrenzprodukten ab. Doch das zu erreichen ist nicht ganz trivial.","breadcrumb":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#primaryimage","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png","contentUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3.png","width":698,"height":608},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/11-1-design-prinzipien\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/"},{"@type":"ListItem","position":2,"name":"11+1 Design Prinzipien"}]},{"@type":"WebSite","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#website","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/","name":"Digital Innovation Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/7637b001b0ef32a2df9f7c8fa3ddf191","name":"Eva Schliep","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/image\/","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/05\/brumme_eva-150x150.jpg","contentUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/05\/brumme_eva-150x150.jpg","caption":"Eva Schliep"},"description":"Eva Schliep ist Medieninformatikerin (MSc.) und arbeitet als Business Analystin f\u00fcr die ZEISS Digital Innovation in Dresden. Mit ihrem fachlichen Schwerpunkt im Bereich Mensch-Computer-Interaktion und User Experience ber\u00e4t sie in Projekten zur Bedienbarkeit eines Software-Produkts.","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/author\/evabrumme\/"}]}},"author_meta":{"display_name":"Eva Schliep","author_link":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/author\/evabrumme\/"},"featured_img":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/06\/201605_111_Design-Prinzipien_3-600x523.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/category\/usability\/\" class=\"advgb-post-tax-term\">Usability<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Usability<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/category\/usability\/\" class=\"advgb-post-tax-term\">Prinzipien<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/category\/usability\/\" class=\"advgb-post-tax-term\">Design-Prinzipien<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/category\/usability\/\" class=\"advgb-post-tax-term\">Nutzer<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/category\/usability\/\" class=\"advgb-post-tax-term\">User<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/category\/usability\/\" class=\"advgb-post-tax-term\">Usability<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/category\/usability\/\" class=\"advgb-post-tax-term\">Design<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Prinzipien<\/span>","<span class=\"advgb-post-tax-term\">Design-Prinzipien<\/span>","<span class=\"advgb-post-tax-term\">Nutzer<\/span>","<span class=\"advgb-post-tax-term\">User<\/span>","<span class=\"advgb-post-tax-term\">Usability<\/span>","<span class=\"advgb-post-tax-term\">Design<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 10\u00a0Jahren ago","modified":"Updated 6\u00a0Jahren ago"},"absolute_dates":{"created":"Posted on Mai 30, 2016","modified":"Updated on Juli 30, 2020"},"absolute_dates_time":{"created":"Posted on Mai 30, 2016 9:08 a.m.","modified":"Updated on Juli 30, 2020 8:16 a.m."},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/posts\/983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/comments?post=983"}],"version-history":[{"count":4,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/posts\/983\/revisions"}],"predecessor-version":[{"id":991,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/posts\/983\/revisions\/991"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/media\/988"}],"wp:attachment":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/media?parent=983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/categories?post=983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/tags?post=983"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/topics?post=983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Damit er seine Aufgabe erledigen kann, muss der Nutzer jederzeit wissen wo<\/strong> er sich befindet und welche<\/strong> Aktionen wie<\/strong> ausgef\u00fchrt werden k\u00f6nnen. Mit anderen Worten bedeutet das: was der Nutzer nicht sieht, gibt es nicht. Bevor er sich lange mit dem Produkt besch\u00e4ftigt, wird er lieber zur Konkurrenz wechseln! Zeigen Sie dem Nutzer daher stets, wo er sich gerade in der Anwendung befindet und wie er dorthin gelangt ist. Das Wichtigste an Information und Funktion muss immer griffbereit sein \u2013 lassen Sie den Nutzer nicht erst danach suchen.<\/p>\n\n\n\n Nachdem der Nutzer eine Aktion ausgef\u00fchrt hat, will er wissen, ob ihn das System \u201everstanden\u201c hat. Er erwartet zudem eine Auskunft dar\u00fcber, was als n\u00e4chstes passiert. Das System sollte den Nutzer deshalb in vertretbarer Zeit, durch angemessenes Feedback, d.h. visuell, auditiv oder haptisch, \u00fcber den aktuellen Status zu einer Aktion informieren. Geben Sie dem Nutzer Bescheid, falls es l\u00e4nger dauert.<\/p>\n\n\n\n Leider wird oft technisch \u00fcber Dinge gesprochen, statt in der Sprache der Anwender. Bestes Negativ-Beispiel daf\u00fcr sind Fehlermeldungen mit kryptischem Code, der zwar f\u00fcr den Entwickler von Wert sein kann, dem Nutzer aber nichts sagt. Gestalten Sie daher Fehlermeldungen hilfreich, indem Sie nicht nur das Problem verst\u00e4ndlich erkl\u00e4ren, sondern auch einen L\u00f6sungsvorschlag bereitstellen.<\/p>\n\n\n\n Um den Nutzer vor der Ratlosigkeit zu bewahren, sollten ihm vertraute Begriffe verwendet werden und abgebildete Arbeitsabl\u00e4ufe seiner Denkweise entsprechen. Pflegen Sie Bezeichnungen und Prozesse in der Fachsprache der Anwender. Pr\u00fcfen Sie genau: Sind die \u00dcbersetzungen korrekt? Sind Abk\u00fcrzungen verst\u00e4ndlich? Hier kann es helfen Feldforschung zu betreiben, d.h. herauszufinden, welche Begriffe der Benutzer verwendet und wie er arbeitet.<\/p>\n\n\n\n Wer kennt das nicht: Etwas in Eile startet man am Morgen den Rechner, und das System beginnt beim Hochfahren ungefragt, 10 Minuten lang Updates zu installieren. Es gibt kein Entkommen.<\/p>\n\n\n\n Das Prinzip der Steuerbarkeit ruft uns die Macht des Nutzers in Erinnerung. Der Nutzer soll eine Aktion initiieren und die Richtung beeinflussen k\u00f6nnen, sodass er beispielsweise unvertraute Funktionen ausprobieren und bei Missfallen wieder r\u00fcckg\u00e4ngig machen kann. Auch sollte er Teilaktionen unterbrechen k\u00f6nnen, beispielsweise die Teilnahme an einer Meinungsumfrage zwischenspeichern, um zu einem sp\u00e4teren Zeitpunkt fortzusetzen.<\/p>\n\n\n\n Einfach formuliert gilt beim Prinzip der Steuerbarkeit: Der Mensch sagt dem Computer was er tun soll, nicht umgekehrt. Bieten Sie dem Nutzer immer einen Ausweg.<\/p>\n\n\n\n Die Einarbeitung in ein neues System f\u00e4llt umso leichter, je mehr sich seine Bedienung und Gestaltung auf Bekanntes berufen und somit erwartungskonform sind. Erschaffen Sie durch die einheitliche Verwendung von Begriffen, Farben, Layouts und Icons ein konsistentes Look-and-Feel innerhalb der Anwendung und innerhalb von Produkt-Familien. Indem Sie sich an verbreitete Plattform-Konventionen und Design-Styleguides halten, vermeiden Sie \u00dcberraschungen f\u00fcr den Nutzer.<\/p>\n\n\n\n Die wichtigste Regel ist in letzter Instanz jedoch die \u00dcbereinstimmung mit den Nutzererwartungen. Etwas kann von Ihnen als vermeintlicher Experte noch so logisch durchdacht sein, aber wenn Nutzer eine andere Funktionsweise erwarten, l\u00e4sst sich diese Erwartungshaltung nur schwer \u00e4ndern.<\/p>\n\n\n\n Jeder Mensch ist mal unkonzentriert bei der Arbeit, sei es aus M\u00fcdigkeit oder Zeitnot, so dass ihm Fehler unterlaufen. Umso wichtiger ist eine hohe Toleranz der Anwendung, die Fehler erkennt und dem Nutzer eine einfache Korrektur erm\u00f6glicht. Google beispielsweise macht direkt einen Vorschlag f\u00fcr \u00e4hnliche Suchbegriffe mit mehr Ergebnissen:<\/p>\n\n\n\n Erlauben Sie dem Nutzer, ungewollte Aktionen r\u00fcckg\u00e4ngig zu machen. Einen Datenverlust gilt es jedoch immer zu verhindern. Bei kritischen Aktionen ist es daher sinnvoll, erst eine Best\u00e4tigung vom Nutzer einzuholen \u2013 beispielsweise vor dem Formatieren der Festplatte.<\/p>\n\n\n\n Noch besser als eine gute Fehlerbehandlung ist nat\u00fcrlich eine entsprechende Vorbeugung, sodass es gar nicht erst zu Bedienfehlern kommen kann. Schr\u00e4nken Sie daher gezielt Nutzer-Aktionen ein, wenn diese unzul\u00e4ssig oder zwecklos sind. Deaktivieren Sie Schaltfl\u00e4chen und erkl\u00e4ren Sie durch Tooltipps, warum diese gerade nicht nutzbar sind, wie es beispielsweise bei Amazon.de gehandhabt wird (s.u.). An Stelle eines Freitextfeldes, das anf\u00e4llig f\u00fcr Schreibfehler ist, k\u00f6nnen Sie dem Nutzer eine Vorauswahl an Optionen anbieten.<\/p>\n\n\n\n Es f\u00e4llt leichter, bekannte Dinge wiederzuerkennen, als diese aus dem Ged\u00e4chtnis abzurufen. Man vergleiche hier nur einmal den Aufruf einer Funktion durch Klick auf einen Button, mit dem Aufruf der gleichen Funktion \u00fcber die Kommandozeile.<\/p>\n\n\n\n Entlasten Sie daher den Nutzer kognitiv, indem Sie Objekte, Aktionen und Optionen f\u00fcr ihn sichtbar machen: Assoziieren Sie Text- mit Bildinformation; bieten Sie beispielsweise zum Dateinamen einer Grafik auch eine Bildvorschau an. Versehen Sie Suchmasken und Formularfelder mit aussagekr\u00e4ftigen Beschriftungen, sodass der Nutzer sofort wei\u00df welche Information verlangt wird. Helfen Sie dem Nutzer bei der Recherchearbeit, indem Sie ihm seine letzten Suchanfragen auflisten oder Vorschl\u00e4ge machen, wie bei Foursquare.com auf die Frage \u201eWas gef\u00e4llt dir?\u201c:<\/p>\n\n\n\n Vermeiden Sie es hingegen, dass sich der Nutzer Informationen beim Wechsel zwischen Dialogen merken muss, beispielsweise den 10-stelligen Registrierungscode bei der Einrichtung einer Software.<\/p>\n\n\n\n Nutzer bringen verschiedene Anforderungen an eine Anwendung mit, sei es in Hinblick auf die technische Expertise, Herkunft, oder physischen Bed\u00fcrfnisse. Wird die Software diesen Anforderungen nicht gerecht, kann der betroffene Nutzer aufgrund der erforderlichen Umstellung nicht effizient arbeiten. Das grunds\u00e4tzliche Ziel sollte es jedoch sein, dass der Nutzer seine Aufgabe mit minimalem Aufwand erledigen kann. Dies gilt insbesondere f\u00fcr die Annahme, dass er mit steigender Nutzungsfrequenz und Expertise schneller arbeiten will.<\/p>\n\n\n\n Erm\u00f6glichen Sie es daher dem Nutzer, Standardeinstellungen konfigurieren zu k\u00f6nnen. Bieten Sie erfahrenen Nutzern Shortcuts f\u00fcr h\u00e4ufig genutzte Funktionen an und geben Sie Neulingen Tipps, wie sie schneller zum Ziel kommen. Verwenden Sie im Sinne von Fitts\u2018 Gesetz<\/a> f\u00fcr wichtige Funktionen eine gr\u00f6\u00dfere Darstellung, da diese schneller erreicht werden k\u00f6nnen als kleine Objekte.<\/p>\n\n\n\n Doch Achtung<\/strong>: Die Nutzer-Erwartung steht \u00fcber der Effizienz! Sie m\u00f6chten gerne auf einen Button zum Speichern des aktuellen Zustands verzichten, weil automatisch gespeichert wird? Keine gute Idee, weil das Fehlen des Knopfes den Nutzer verwirren und ihn zum Suchen veranlassen wird.<\/p>\n\n\n\n Dialoge sollten nur relevante oder h\u00e4ufiger ben\u00f6tigte Informationen enthalten. Jede zus\u00e4tzliche Information lenkt den Nutzer von den wichtigen Inhalten ab und relativiert die Sichtbarkeit anderer Elemente. Gestalten Sie Ihre L\u00f6sung daher so einfach wie m\u00f6glich. Was ist wirklich die Aufgabe, die Sie unterst\u00fctzen wollen? Pr\u00fcfen Sie beispielsweise f\u00fcr jedes Oberfl\u00e4chen-Element, ob es wirklich essentiell ist und einen Zweck erf\u00fcllt (z.B.: \u201eBrauchen wir die Tabelle wirklich, und dann mit einem roten Rahmen?\u201c) Enth\u00fcllen Sie vertiefende Funktionen der Anwendung nur schrittweise, n\u00e4mlich genau dann, wenn sie ben\u00f6tigt werden. Alles andere k\u00f6nnte den Nutzer \u00fcberfordern.<\/p>\n\n\n\n In diesem Zuge auch der Tipp, komplexe Abl\u00e4ufe zu vereinfachen, statt sie auszublenden. Einfachheit wird durch die Vereinfachung<\/strong> von Dingen erreicht: nicht durch Ausblenden von Komplexit\u00e4t und auch nicht durch Eliminierung notwendiger Funktionen.<\/p>\n\n\n\n Lassen Sie kurz gesagt alles weg was m\u00f6glich ist. Aber bitte \u00fcbertreiben Sie es nicht: Was der Nutzer nicht findet, gibt es f\u00fcr ihn auch nicht!<\/p>\n\n\n\n Informationen und Interface-Komponenten m\u00fcssen dem Nutzer so pr\u00e4sentiert werden, dass er sie wahrnehmen bzw. lesen kann. Diese Anforderungen stellen insbesondere sehbehinderte und blinde Nutzer. Gew\u00e4hren Sie daher ausreichend Farbkontrast von Bildschirmvordergrund zu -hintergrund, sodass insbesondere Nutzer-Eingaben klar lesbar sind. Machen Sie Inhalt und Styling voneinander unabh\u00e4ngig, damit der Inhalt z.B. auch mit einem einfacheren Layout pr\u00e4sentiert werden kann und durch Lesehilfen interpretierbar ist.<\/p>\n\n\n\n Verwenden Sie Farbe nicht als einziges Mittel der Informations\u00fcbertragung, beispielsweise bei Status-Indikatoren. Dies ist ein Erschwernis f\u00fcr farbenblinde Nutzer. Sie k\u00f6nnen eines der vielen kostenlosen Simulationstools nutzen, um diesen Aspekt in Ihrer Software zu optimieren, z.B. Contrast-Ratio<\/a>.<\/p>\n\n\n\n Stellen Sie auch Textalternativen f\u00fcr alles Grafische zur Verf\u00fcgung, so dass dieses in andere vom Benutzer ben\u00f6tigte Formen transformiert werden kann (z.B. Braille oder einfachere Sprache).<\/p>\n\n\n\n Eine bewusste Gruppierung und Anordnung von Elementen auf der Oberfl\u00e4che unterst\u00fctzt den Nutzer bei der Erkennung von Zusammenh\u00e4ngen. Erschaffen Sie in Ihrer Anwendung eine visuelle Hierarchie, bei der die wichtigsten Informationen hervorstechen. Platzieren Sie im Zuge dessen Kerninformationen in der oberen H\u00e4lfte der Titelseite, damit diese sofort gesehen werden.<\/p>\n\n\n\n Ist die Grobstruktur konzipiert, empfiehlt sich f\u00fcr das Arrangieren von Interface-Komponenten innerhalb einer Ansicht die Ber\u00fccksichtigung der Gestaltgesetze<\/a>. Sie helfen zu verstehen, wie r\u00e4umliche und zeitliche Anordnungen auf den Betrachter wirken und liefern wichtige Hinweise f\u00fcr ein funktionierendes Design.<\/p>\n\n\n\n Auch wenn es erstrebenswert ist, dass ein Produkt ohne Anleitung benutzbar ist: Hilfesysteme unterst\u00fctzen bei der Arbeit mit der Anwendung und erleichtern Anf\u00e4ngern den Einstieg.<\/p>\n\n\n\n Hilfen sollten daher<\/p>\n\n\n\n Dennoch wird Hilfe am Meisten gesch\u00e4tzt, wenn sie in dem Moment kommt, in dem sie gebraucht wird \u2013 wer liest schon gerne Handb\u00fccher? Wenn m\u00f6glich sollten daher eingebettete Hilfen wie Tooltipps, Platzhalter bzw. Wasserzeichen und Assistenten verwendet werden. Ist dies nicht ausreichend, sollte die n\u00e4chste Wahl auf kontextuelle Hilfen wie einem Hilfe-Panel, Einstiegsseiten und Suchfunktion fallen.<\/p>\n\n\n\n Die hier vorgestellten Prinzipien bieten einen Leitfaden f\u00fcr die Sicherstellung hoher Usability in einem Software-Projekt. Wie die Prinzipien ausgelegt und priorisiert werden, ist dabei jedem selbst \u00fcberlassen. Es gibt keine einzig wahre, benutzerfreundliche L\u00f6sung f\u00fcr eine Problemstellung und nur wenige, allgemeing\u00fcltige Antworten. Vielmehr geht jede L\u00f6sung mit Kompromissen einher. Wie es der Informatiker und UX-Designer Bill Buxton<\/a> so treffend formuliert hat:<\/p>\n\n\n\n Everything is best for something and worst for something else. The trick is knowing for what, when, for whom, where, and most importantly, why.\u201d<\/em><\/p><\/blockquote>\n\n\n\n Ein Interface ist demnach immer nur f\u00fcr einen konkreten Anwendungsfall und eine bestimmte Nutzergruppe gut geeignet. Grunds\u00e4tzlich gilt es daher, vorab die Aufgabe zu untersuchen sowie die Bed\u00fcrfnisse ihrer Nutzer kennen zu lernen. Dazu m\u00fcssen diese fr\u00fchzeitig in den Entwicklungsprozess einbezogen und kontinuierlich um Feedback gebeten werden. Die vorgestellten Design-Prinzipien bieten dabei zwar gute Anhaltspunkte f\u00fcr die Beurteilung der Usability, dennoch treffen wir damit nur Annahmen. Der Nutzer kennt sich selbst am Besten, man muss ihn nur fragen.<\/p>\n\n\n\n Weiterf\u00fchrende Literatur:<\/strong><\/p>\n\n\n\n Eine Software, die eine nutzungsfreundliche Bedienung bietet, hebt sich positiv von Konkurrenzprodukten ab. Doch das zu erreichen ist nicht ganz trivial.<\/p>\n","protected":false},"author":30,"featured_media":988,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[14],"tags":[394,395,396,397,126,393],"topics":[333],"class_list":["post-983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-usability","tag-prinzipien","tag-design-prinzipien","tag-nutzer","tag-user","tag-usability","tag-design","topics-usability"],"acf":[],"yoast_head":"\nFeedback<\/strong><\/h3>\n\n\n\n
Prinzip 2: Die Sprache der Benutzer sprechen<\/h2>\n\n\n\n
Prinzip 3: Steuerbarkeit<\/h2>\n\n\n\n
Prinzip 4: Konsistenz<\/h2>\n\n\n\n
Prinzip 5: Fehler tolerieren und vorbeugen<\/h2>\n\n\n\n
Prinzip 6: Erkennen vor Erinnern<\/h2>\n\n\n\n
Prinzip 7: Flexibilit\u00e4t & Effizienz<\/h2>\n\n\n\n
Prinzip 8: Einfachheit<\/h2>\n\n\n\n
Prinzip 9: Wahrnehmbarkeit<\/h2>\n\n\n\n
Prinzip 10: Visuelle Struktur<\/h2>\n\n\n\n
Prinzip 11: Hilfe & Dokumentation<\/h2>\n\n\n\n
Prinzip 12 \u2013 Abschluss: Fragt die Nutzer!<\/h2>\n\n\n\n
\n\n\n\n