Netzpolitik & Belletristik
PHP 8 und MySQL
Dynamische Webseiten mit PHP und MySQL programmieren: Alles, was Sie dafür wissen müssen, steht in diesem Buch. Profitieren Sie von einer praxisorientierten Einführung und lernen Sie alle neuen Sprachfeatures von PHP 8 kennen. Die Autoren Christain Wenz und Tobias Hauser sind erfahreren PHP-Programmierer und Datenbankspezialisten. Sie zeigen Ihnen, wie Sie MySQL und andere Datenbanksysteme effektiv einsetzen. Mit diesem Wissen machen Sie sich rundum fit für die Entwicklung dynamischer Websites. Aus dem Inhalt: Installation von PHP und MySQLEinstieg in PHPAlle neuen Sprachfeatures von PHP 8Strings, Arrays, mathematische Funktionen und Datumsfunktionen, reguläre AusdrückeObjektorientiert programmieren, Namespaces, EntwurfsmusterFormulare, Cookies, Sessions, E-MailEinführung in SQLDatenbanken: MySQL, SQLite, Microsoft SQL Server, Oracle, PostgreSQL, NoSQLFrameworks: Zend Framework, Symfony
Webseiten programmieren und gestalten
Gute Webseiten zu entwickeln ist eine vielseitige Kunst: Ein Gespür für die Gestaltung ist ebenso gefragt wie solide Kenntnisse der Web-Sprachen HTML und JavaScript; und für die Serverseite ist PHP die beliebteste Wahl. Der erfahrene Webexperte und Dozent Uwe Mutz beweist hier, dass sich lehren und lernen lässt, was Sie als Webseiten-Profi brauchen. Ob es um Markup und Protokolle geht, die richtige Story für die Zielgruppe, den wirkungsvollen Einsatz von Bildelementen oder die performante Datenbankanbindung – dieses Handbuch ist der perfekte Begleiter für eine ganzheitliche Ausbildung und für den Beruf. Von den Grundlagen bis zu Themen wie Performanz, Sicherheit und gutem Webdesign ideal zum Lernen, Auffrischen und Nachschlagen. Aus dem Inhalt: Eine Arbeitsumgebung einrichtenGrundlagen von HTML bis PHPGestaltungs-PrinzipienBilder skalieren und zurechtschneidenFarben und Designs wirkungsvoll einsetzenEin Datenbankschema entwerfenVerschlüsselungsstandardsMail-Funktionen anbietenSQL-Injections und anderen Angriffen vorbeugenBeispielprojekte: Bibliotheksverwaltung, Onlineshop, Mitglieder-Webseite, Dienstpläne u. v. mBarrierefreiheit im Web Materialien zum Buch ... 17 1. Websites, Webentwicklung, Full Stack -- was Sie in diesem Buch erwartet ... 19 1.1 ... Frontend vs. Backend ... 21 1.2 ... Was müssen Sie können? ... 22 1.3 ... Umfassendes oder gar vollständiges Wissen? ... 23 1.4 ... Wie korrekt ist korrekt? ... 24 1.5 ... In eigener Sache -- Danksagung ... 24 2. Good to know -- etwas Vorwissen ... 25 2.1 ... Die Planung einer Website ... 25 2.2 ... Ziele einer Website ... 27 2.3 ... Marktanalyse, um den Markt zu verstehen ... 29 2.4 ... Der User, das (un)bekannte Wesen ... 30 2.5 ... Konkurrenzanalyse: Wie sieht die Konkurrenz aus? ... 46 2.6 ... Content is King -- die Content Strategy ... 50 2.7 ... Zielorientiertes Interaktionsdesign ... 51 2.8 ... Ein wenig Wahrnehmungspsychologie ... 52 2.9 ... Wie Farbe wirkt ... 53 2.10 ... Die Unternehmensphilosophie wird in der Corporate Identity ausgedrückt ... 80 3. Das liebe Internet -- ein wenig Basiswissen ... 83 3.1 ... Dienste im Internet, Server und Client ... 84 3.2 ... Protokolle und Ports -- eine Frage der Kommunikation ... 85 3.3 ... IP-Adressen -- unsere Anschrift im Internet ... 91 3.4 ... Domains ... 97 3.5 ... Mime Types und Content Types -- Sein und Schein ... 104 3.6 ... Ein paar notwendige Begriffsdefinitionen ... 105 3.7 ... Wie gelangen unsere Daten auf den Server? FTP macht's vor ... 106 3.8 ... Wie ein Webserver funktioniert ... 107 3.9 ... Ach ja, und wie funktioniert nun eine Website? ... 116 4. Die lokale Entwicklungsumgebung ... 121 4.1 ... Server-Software -- wir spielen Provider ... 121 4.2 ... Editoren ... 123 4.3 ... Der Browser als Interpreter und Testumgebung ... 125 5. HTML -- Die Grundlage einer Website ... 133 5.1 ... Ein bisschen in der Geschichte von HTML stöbern ... 135 5.2 ... Das Grundgerüst einer HTML-Seite ... 139 5.3 ... Der Dokumentbaum ... 142 5.4 ... Die Elemente einer HTML-Seite ... 145 5.5 ... Easy: Block vs. Inline -- die grundlegendste Unterscheidung von Elementen ... 187 5.6 ... Not so easy: Content Categories ab HTML5 ... 191 5.7 ... Bedeutungslose Elemente -- nichts für echte Webdesigner*innen ... 194 5.8 ... Elemente mit (besonderer) Bedeutung ... 195 5.9 ... Formulare als Schnittstelle zwischen Client und Server ... 212 5.10 ... Multimedia mit Audio, Video & Co. ... 236 5.11 ... Meta-Informationen sind der Mehrwert von Websites ... 238 6. CSS -- Formatierung rulez ... 249 6.1 ... Die drei Säulen von CSS ... 250 6.2 ... Die Stylesheets -- so geht der Browser vor ... 250 6.3 ... CSS und HTML -- ein schönes Paar ... 256 6.4 ... Und die Schreibweise von CSS-Regeln? ... 258 6.5 ... Ein Muss: Selektionen und Spezifitäten ... 260 6.6 ... Die Vererbung -- mehr Pro als Kontra ... 277 6.7 ... Einheiten in CSS -- nicht alles ist relativ ... 280 6.8 ... Sind ja alles nur Boxen -- das Box-Modell ... 282 6.9 ... Glanz und Gloria -- Farben ... 294 6.10 ... Das geschriebene Wort -- Schriften ... 295 6.11 ... Textumfluss (float) -- umflossene Elemente wie in Druckmedien ... 320 6.12 ... Der Hintergrund als Gestaltungselement ... 325 6.13 ... Positionierungsarten -- Normal Flow vs. individuelle Positionierung ... 332 6.14 ... Tabellenartiges Design mit CSS ... 343 6.15 ... Listenartiges Design mit CSS ... 350 6.16 ... CSS Counters -- Individuelle Nummerierung mit CSS gefällig? ... 352 6.17 ... Fortgeschrittenes Layout -- Jetzt wird's fein ... 356 6.18 ... Alles ist in Bewegung -- Übergänge und Animationen ... 379 6.19 ... Ein erster Schritt in Richtung Programmierung mit CSS-Variablen ... 391 6.20 ... Media Queries und @-Regeln aus Rücksichtnahme auf die User-Anforderungen ... 395 6.21 ... Advanced Stuff: CSSOM ... 408 6.22 ... Sass, LESS & Co -- der Einsatz von CSS-Präprozessoren ... 411 6.23 ... Übungsbeispiel ... 412 7. JavaScript -- die logische Abteilung auf der Clientseite ... 415 7.1 ... Eine erste Abgrenzung zu anderen Sprachen und Frameworks ... 417 7.2 ... Scriptsprachen und HTML -- her mit der Interaktion ... 418 7.3 ... Bevor es los geht, ein wenig Vorbereitung ... 419 7.4 ... Die essenziellen Grundlagen der Programmierung ... 435 7.5 ... Das Zusammenspiel zwischen HTML und JavaScript -- das Dokumentobjektmodell (DOM) ... 510 7.6 ... Ereignisse bestimmen den Ablauf ... 527 7.7 ... Wir haben ja Zeit: Zeitlich gesteuerte Befehle ... 550 7.8 ... Mehr als nur document: Das window-Objekt ... 552 7.9 ... Das mühselige Arbeiten mit Datum und Uhrzeit ... 556 7.10 ... Synchron oder besser asynchron? AJAX, Promises und die fetch-API ... 557 7.11 ... Web-APIs ... 579 7.12 ... Auslagern von Code und Modulen ... 581 7.13 ... Robuste Programmierung -- der Umgang mit Fehlern ... 587 7.14 ... Wo das W3-Konsortium nicht mehr weiter wusste: HTML-Elemente mit JS-API ... 597 7.15 ... Lokale Datenspeicherung -- wohin mit den Daten? ... 602 7.16 ... Vorlagen (Template Literals) ... 605 7.17 ... Das Finale? Prototypen, Klassen, Architektur und Co. ... 605 7.18 ... Übungsbeispiel ... 608 8. Responsive Webdesign -- Verantwortung dem User gegenüber ... 611 8.1 ... Die Grundlagen des Responsive Design ... 611 8.2 ... Wie geht man's an? Der Workflow ... 614 8.3 ... Content- und Layoutstrategien für responsive Websites ... 616 8.4 ... Umbruchpunkte definieren, wo das Layout ein anderes wird ... 623 8.5 ... Die Grundbausteine einer responsiven Site ... 625 8.6 ... Mobile Usability -- Usability weitergedacht ... 693 8.7 ... Alles performt -- optimiert geht's schneller ... 697 8.8 ... Über den Tellerrand geblickt: Fortgeschrittene Themen ... 707 8.9 ... Ausblick ... 716 9. Veröffentlichung und Versionierung ... 717 9.1 ... Der Veröffentlichungsprozess ... 717 9.2 ... Die Versionierung ... 720 10. Usability, User Experience und Barrierefreiheit ... 723 10.1 ... Usability ... 724 10.2 ... User Experience ... 744 10.3 ... Barrierefreiheit ... 747 11. Die Serverseite bzw. das Backend -- Programmieren mit PHP ... 761 11.1 ... PHP gegen den Rest der Welt? ... 762 11.2 ... Aller Anfang ist leicht ... 763 11.3 ... Die Entwicklungsumgebung ... 766 11.4 ... Imperativer oder objektorientierter Ansatz? ... 768 11.5 ... Jeder macht Fehler -- das Fehlermodell von PHP ... 769 11.6 ... Die Unterschiede in der Schreibweise von JavaScript und PHP ... 771 11.7 ... Trial and Error: try-catch ... 782 11.8 ... Hilfreich: Code in externe Dateien auslagern ... 784 11.9 ... Debugging für PHP-Entwickler? ... 786 11.10 ... Der Anknüpfungspunkt an HTML -- Formulare als wesentliches Kommunikationsmittel ... 793 11.11 ... Den HTTP-Header manipulieren -- serverseitige Weiterleitungen ... 804 11.12 ... »Kennst Du mich noch?« -- Sessions (Sitzungen) ... 807 11.13 ... Formulare aufgebohrt: Datei-Upload ... 819 11.14 ... Die Dateistruktur auf der Serverseite -- unsere Ablage ... 828 11.15 ... Bilder skalieren ... 855 11.16 ... Die Kommunikation mit der Außenwelt -- der Versand von E-Mails ... 864 11.17 ... Ausblick ... 872 12. Wohin mit all den Daten? Datenbanken liefern die Antwort ... 875 12.1 ... Alles Datenbank, oder was? Ein paar Begriffe ... 876 12.2 ... Wir sind Administrator -- die Verwaltung der Datenbank ... 876 12.3 ... Tabellen und Co. -- der Aufbau einer Datenbank ... 878 12.4 ... Sicher ist sicher -- Sichern einer Datenbank ... 889 12.5 ... Die zwei Freunde Webserver und Datenbankserver -- Datenbankanbindung mittels PHP ... 891 12.6 ... Noch eine Sprache -- SQL ... 898 12.7 ... Alles eine Sache der Vorbereitung: Prepared Statements ... 933 12.8 ... Datenbankzugriff verbessert: PDO aufgebohrt ... 936 12.9 ... Praxis vs. Theorie -- Normalformen, Beziehungen, Joins ... 937 12.10 ... Auch die Datenbank kann's -- rekursive Datenspeicherung ... 972 12.11 ... Ende der Fahnenstange? Weitere SQL-Befehle ... 978 13. 1984 und Big Brother -- Sicherheitsaspekte ... 985 13.1 ... Angriffsszenario 1: Cross-Site Scripting (XSS) ... 985 13.2 ... Angriffsszenario 2: SQL-Injections ... 992 13.3 ... Angriffsszenario 3: Formulardaten entfernter Sites ... 998 13.4 ... Angriffsszenario 4: Upload von Dateien ... 1000 13.5 ... Sichere Verschlüsselung von Passwörtern -- asymmetrische Verschlüsselungsverfahren ... 1001 13.6 ... Ver- und Entschlüsselung von Daten -- symmetrische Verschlüsselungsverfahren ... 1005 13.7 ... Damit haben wir nicht gerechnet -- Variablentypen und Konvertierungsfunktionen ... 1008 13.8 ... Weitere Tipps zur Sicherheit einer Site ... 1009 Index ... 1011
Einstieg in Flutter mit Dart
Dieses Buch vermittelt kompakt und praxisorientiert die wesentlichen Grundlagen von Flutter und Dart. Die Praxismodule, aufgebaut als Schritt-für-Schritt-Anleitungen, sind durchgehend mit Screenshots und Abbildungen illustriert und bieten eine fundierte Basis auch für die weitergehende Arbeit mit Flutter. Dartcodes veranschaulichen ergänzend Wort und Bild der Anleitungen, so kann das Programm durch praktische Arbeit erlernt werden.Die im Buch verwendeten Codedateien stehen zum Download auf GitHub bereit.PETER BÜHLER war viele Jahre als Lehrer für Mediengestaltung Digital und Print an der Johannes-Gutenberg-Schule in Stuttgart tätig. Gleichzeitig war er Fachberater im Berufsfeld Druck- und Medientechnik am Regierungspräsidium Stuttgart. Er war Mitglied in Rahmenlehrplankommissionen für Mediengestalter sowie für Industriemeister und Medienfachwirte in den Bereichen Print und Digital. Darüber hinaus in IHK-Prüfungsausschüssen, in der Koordinierungsgruppe Druck und Medien am Kultusministerium Baden-Württemberg sowie im Zentral-Fachausschuss für Druck und Medien.Peter Bühler ist Autor mehrerer Fachbücher im Bereich Medientechnik, unter anderem in der Reihe Bibliothek der Mediengestaltung, die ebenfalls bei Springer Vieweg erscheint.Installation.- New Flutter Project.- Erste App - Hallo Welt.- Layout.- Dart.- Interaktion - Projekte.- Navigation.- SQFLite - Offline-Datenbank.
Samsung Galaxy A55 5G
Die verständliche Anleitung für Ihr Smartphone:- Alle Funktionen & Einstellungen auf einen Blick- Schritt für Schritt erklärt – mit praktischen TippsMit diesem smarten Praxisbuch gelingt Ihnen der schnelle und sichere Einstieg in Ihr Smartphone. Lernen Sie das Samsung Galaxy A55 5G von Grund auf kennen und beherrschen!Anschauliche Anleitungen, Beispiele und Bilder zeigen Ihnen gut nachvollziehbar, wie Sie Ihr mobiles Gerät optimal handhaben – von der Ersteinrichtung und Personalisierung über die große Funktionsvielfalt bis zu den wichtigsten Anwendungen. Nutzen Sie darüber hinaus die übersichtlichen Spicker-Darstellungen: Damit können Sie jene Bedienungsschritte, die man am häufigsten braucht, aber immer wieder vergisst, auf einen Blick finden und umsetzen. Freuen Sie sich auf viele hilfreiche Tipps und legen Sie ganz einfach los!Aus dem Inhalt:- Alle Bedienelemente des Samsung Galaxy A55 5G auf einen Blick- Ersteinrichtung und Tipps zum Umzug- Die Benutzeroberfläche Ihres Smartphones personalisieren- Apps aus dem Play Store herunterladen- Kontakte anlegen und im Adressbuch verwalten- Anrufe tätigen und SMS austauschen - Nachrichten über Mail und WhatsApp versenden und empfangen- Uhr, Kalender, Maps und andere praktische Apps nutzen - Fotos sowie Videos aufnehmen, verwalten und teilen- Ins Internet gehen über WLAN und mobile Daten - Updates, Datenschutz und SicherheitAuch geeignet für Ihr A54, A53 und A52, sofern ein Update auf One UI 6.1 oder höher durchgeführt wurde.
Samsung Galaxy A15 5G
Die verständliche Anleitung für Ihr Smartphone:- Alle Funktionen & Einstellungen auf einen Blick- Schritt für Schritt erklärt – mit praktischen Tipps Mit diesem smarten Praxisbuch gelingt Ihnen der schnelle und sichere Einstieg in Ihr Smartphone. Lernen Sie das Samsung Galaxy A15 5G von Grund auf kennen und beherrschen! Anschauliche Anleitungen, Beispiele und Bilder zeigen Ihnen gut nachvollziehbar, wie Sie Ihr mobiles Gerät optimal handhaben – von der Ersteinrichtung und Personalisierung über die große Funktionsvielfalt bis zu den wichtigsten Anwendungen. Nutzen Sie darüber hinaus die übersichtlichen Spicker-Darstellungen: Damit können Sie jene Bedienungsschritte, die man am häufigsten braucht, aber immer wieder vergisst, auf einen Blick finden und umsetzen. Freuen Sie sich auf viele hilfreiche Tipps und legen Sie ganz einfach los!Aus dem Inhalt:- Alle Bedienelemente des Samsung Galaxy A15 5G auf einen Blick- Ersteinrichtung und Tipps zum Umzug- Google-Konto erstellen und verwalten- Die Benutzeroberfläche Ihres Smartphones personalisieren- Apps aus dem Play Store herunterladen- Kontakte anlegen und im Adressbuch verwalten- Anrufe tätigen und SMS austauschen- Nachrichten über Mail und WhatsApp versenden und empfangen- Uhr, Kalender, Maps und andere praktische Apps nutzen- Fotos sowie Videos aufnehmen, verwalten und teilen- Ins Internet gehen über WLAN und mobile Daten- Updates, Datenschutz und Sicherheit
Mensch-Roboter-Interaktion (2. Auflg.)
Die Rolle der Roboter in der Gesellschaft wächst und diversifiziert sich ständig und bringt eine Vielzahl von Fragen mit sich, die die Beziehung zwischen Robotern und Menschen betreffen. Dieses Lehrbuch zur Mensch-Roboter-Interaktion bietet einen umfassenden Überblick über die interdisziplinären Themen, die für die moderne Forschung von zentraler Bedeutung sind. Studenten und Forscher aus den Bereichen Robotik, künstliche Intelligenz, Informatik, Elektrotechnik sowie Psychologie, Soziologie und Design finden darin einen prägnanten und verständlichen Leitfaden zum aktuellen Stand des Fachgebiets:- Funktion, Design und Leistungsbewertung von Robotern- Kommunikationsmodalitäten wie Sprache, nonverbale Kommunikation und die Verarbeitung von Emotionen- ethische Fragen rund um den Einsatz von Robotern heute und im Kontext unserer künftigen Gesellschaft.Zahlreiche Beispiele und farbige Abbildungen veranschaulichen die verschiedenen Themenfelder. Diskussionsfragen und relevante Literatur am Ende des Kapitels tragen zur Vertiefung bei.Aus dem Inhalt:- Was ist Mensch-Roboter-Interaktion?- Wie ein Roboter funktioniert- Design- Interaktion im Raum- Nonverbale Interaktion- Verbale Interaktion- Wie Menschen Roboter wahrnehmen- Emotionen- Forschungsmethoden- Anwendungen- Roboter in der Gesellschaft- Die ZukunftNeu in der 2. Auflage: Abschnitte zu kollaborativen Robotern, Roboterteams, Roboterschnittstellen; Maschinelles Lernen; Roboter in der Gesellschaft, in denen neue technische Entwicklungen sowie gesellschaftliche Veränderungen berücksichtigt werden. Christoph Bartneck ist außerordentlicher Professor im Fachbereich Informatik und Softwaretechnik an der Universität Canterbury, Neuseeland. Er hat einen Werdegang in Industriedesign und Mensch-Computer-Interaktion. Seine Projekte und Studien werden in führenden Zeitschriften, Zeitungen und Konferenzen veröffentlicht. Seine Interessen liegen in den Bereichen Mensch-Computer Interaktion, Naturwissenschaft und Technologie, sowie visuelles Design. Insbesondere beschäftigt Christoph sich mit den Auswirkungen von Anthropomorphismus auf HRI. Als sekundäres Forschungsinteresse arbeitet er an Projekten im Bereich der Sporttechnologie und der kritischen Untersuchung von Prozessen und Richtlinien in der Wissenschaft. Im Bereich Design beschäftigt sich Christoph mit der Geschichte des Produktdesigns, Mosaiken und Fotografie.Tony Belpaeme ist Professor an der Universität Gent, Belgien, und war zuvor Professor für Robotik und kognitive Systeme an der Universität Plymouth, Großbritannien. Er promovierte in künstlicher Intelligenz an der Vrije Universiteit Brussel (VUB). Ausgehend von der Prämisse, dass Intelligenz in sozialer Interaktion verwurzelt ist, versuchen Tony und sein Forschungsteam, die künstliche Intelligenz sozialer Roboter zu fördern. Dieser Ansatz führt zu einer Reihe an Ergebnissen, die von theoretischen Erkenntnissen bis zu praktischen Anwendungen reicht. Er ist an groß angelegten Projekten beteiligt, in denen untersucht wird, wie Roboter zur Unterstützung von Kindern in der Bildung eingesetzt werden können. Er untersucht, wie kurze Interaktionen mit Robotern zu langfristigen werden können und wie Roboter in der Therapie eingesetzt werden können.Friederike Eyssel ist Professorin für Angewandte Sozialpsychologie und Geschlechterforschung am Zentrum für Kognitive Interaktionstechnologie der Universität Bielefeld. Friederike interessiert sich für verschiedene Forschungsthemen, die von sozialer Robotik, sozialen Agenten und Ambient Intelligenz bis hin zu Einstellungsänderungen, Vorurteilsabbau und der sexuellen Objektivierung von Frauen reichen. Als Quereinsteigerin hat Friederike zahlreiche Publikationen in den Bereichen Sozialpsychologie, Human-Agent Interaction (HAI) und soziale Robotik veröffentlicht.Takayuki Kanda ist Professor für Informatik an der Universität Kyoto, Japan. Außerdem ist er Gastgruppenleiter bei Advanced Telecommunications Research (ATR), Interaction Science Laboratories, Kyoto, Japan. Er erhielt seinen Bachelor in Ingenieurwesen, seinen Master in Ingenieurwesen und seinen Doktortitel in Informatik von der Universität Kyoto, in den Jahren 1998, 2000 bzw. 2003. Er ist eines der Gründungsmitglieder des Kommunikationsroboter-Projekts am Advanced Telecommunications Research (ATR) in Kyoto. Er hat den Kommunikationsroboter Robovie entwickelt und ihn in alltäglichen Situationen eingesetzt, z. B. als Nachhilfelehrer in einer Grundschule und Ausstellungsführer in einem Museum. Zu seinen Forschungsinteressen gehören HAI, interaktive humanoide Roboter und Feldversuche.Merel Keijsers ist Assistenzprofessorin für Psychologie an der John Cabot University in Rom. Sie hat einen Abschluss in Sozialpsychologie und Statistik und promovierte an der Universität Canterbury, über das Thema „Roboter-Mobbing“. In ihrer Doktorarbeit untersuchte sie, welche bewussten und unbewussten psychologischen Prozesse Menschen dazu veranlassen, Roboter zu missbrauchen und zu schikanieren. In jüngster Zeit interessiert sie sich dafür, wie Roboter beeinflussen, auf welche Art Menschen sich selbst sehen. Da sie aus dem Bereich der Sozialpsychologie kommt, interessiert sie sich vor allem für die Gemeinsamkeiten und Unterschiede im Umgang von Menschen mit Robotern im Vergleich zu anderen Menschen.Selma Šabanović ist Professorin für Informatik und Kognitionswissenschaften an der Indiana University, Bloomington, USA, wo sie als Gründerin das R-House Human-Robot Interaction Lab leitet. Ihre Forschungsarbeit umfasst Studien zu Design, Nutzung und Folgen von sozial interaktiven und assistierenden Robotern in verschiedenen sozialen und kulturellen Kontexten, darunter Gesundheitseinrichtungen, Haushalten und verschiedene Länder. Sie befasst sich auch mit der kritischen Untersuchung der gesellschaftlichen Bedeutung und der potenziellen Auswirkungen der Entwicklung und des Einsatzes von Robotern in Kontext auf den Alltag. Sie promovierte 2007 in Wissenschafts- und Technologiestudien am Rensselaer Polytechnic Institute mit einer Dissertation über die kulturübergreifende Untersuchung der sozialen Robotik in Japan und den Vereinigten Staaten. Von 2017 bis 2023 war sie Chefredakteurin der Zeitschrift ACM Transactions on Human-Robot Interaction.
KRITIS
In diesem Leitfaden erfahren Sie, was Ihre Pflichten als Betreiber einer kritischen Infrastruktur sind, was Sie in der Nachweisprüfung erwartet und wie Sie sich ideal darauf vorbereiten. Auditoren hilft dieses Handbuch mit Infos zur zusätzlichen Prüfverfahrenskompetenz und Anleitungen zur eigenständigen Durchführung von KRITIS-Audits. Jacqueline Naumann begleitet Sie durch die Verordnungen und Orientierungshilfen des BSIs und erklärt praxisnah, was hinter den Anforderungen steckt. Aus dem Inhalt: Die KritisverordnungDie IT-SicherheitskatalogeDie Unterstützung durch das BSIDie Orientierungshilfen des BSIVorgaben an die NachweisprüfungIhre Pflichten als KRITIS-BetreiberEinen Branchenspezifischen Sicherheitsstandard (B3S) veröffentlichenPlanung der Nachweisprüfung durch den BetreiberVorarbeiten für die Nachweisprüfung durch PrüferDie Nachweisprüfung durchführenAus der Praxis: Prüfung der eingereichten Nachweise durch das BSIUntersuchung zu Umfang und Komplexität der NachweisprüfungZusätzliche Prüfverfahrenskompetenz nach dem BSIG Materialien zum Buch ... 13 Einleitung ... 15 Wie Ihnen dieses Buch helfen kann -- und was es nicht ist ... 17 Der Weg durch das Buch ... 19 Danksagung ... 23 Teil I. Gesetzliche Anforderungen und Begriffe im KRITIS-Umfeld ... 27 1. Geschichtliche Hintergründe zur Nachweisprüfung ... 29 1.1 ... UP KRITIS ... 42 1.2 ... Das IT-Sicherheitsgesetz von 2015 ... 47 1.3 ... Das Gesetz zur Umsetzung der NIS-Richtlinie ... 60 1.4 ... Das IT-Sicherheitsgesetz 2.0 ... 64 1.5 ... Die NIS-2-Richtlinie ... 72 1.6 ... Das BSI-Gesetz (BSIG) ... 75 2. Die Kritisverordnung ... 81 2.1 ... Kritische Infrastrukturen ... 81 2.2 ... Die Erarbeitung der Kritisverordnung ... 82 2.3 ... Begriffe und Definitionen ... 84 2.4 ... Sektoren nach dem BSIG ... 87 2.5 ... Anlagenkategorien für kritische Dienstleistungen ... 101 2.6 ... Anhänge zu den Sektoren ... 102 2.7 ... Welche Betreiber fallen unter das BSIG? ... 112 2.8 ... Unternehmen im besonderen öffentlichen Interesse (UBIs) ... 114 3. Die IT-Sicherheitskataloge (IT-SiKat) für den Sektor Energie ... 117 3.1 ... Die Bundesnetzagentur (BNetzA) ... 119 3.2 ... Das Energiewirtschaftsgesetz (EnWG) ... 120 3.3 ... Die IT-Sicherheitskataloge ... 122 3.4 ... Die ISO/IEC 27019 -- Steuerungssysteme der Energieversorgung ... 130 Teil II. Bedeutung und Verantwortung des BSI für Kritische Infrastrukturen ... 135 4. Die Unterstützung durch das BSI ... 137 4.1 ... Die Gewährleistungsverantwortung gegenüber der Bevölkerung ... 143 4.2 ... Die Meldestelle für Informationssicherheitsvorfälle ... 144 4.3 ... Erstellung von Lagebildern und Weiterleitung von Information an die KRITIS-Betreiber ... 145 4.4 ... Informations- und Meldeflüsse nach dem BSIG ... 152 5. Die Orientierungshilfen (OH) des BSI ... 159 5.1 ... OH zum Aufbau eines branchenspezifischen Sicherheitsstandards (B3S) ... 159 5.2 ... OH zu Systemen zur Angriffserkennung (SzA) ... 161 5.3 ... OH zu Nachweisen (für Prüfer) ... 163 6. Vorgaben an die Art und Weise von Nachweisprüfungen ... 169 6.1 ... Registrierung als KRITIS-Betreiber ... 171 6.2 ... Das Melde- und Informationsportal (MIP) ... 171 6.3 ... Der Nachweisprozess ... 176 6.4 ... Die Vorgabedokumente im Nachweisprozess ... 177 Teil III. Pflichten und Möglichkeiten des KRITIS-Betreibers ... 197 7. Ihre Pflichten als KRITIS-Betreiber ... 199 7.1 ... Der Geltungsbereich für die kritische Dienstleistung ... 200 7.2 ... Organisatorische und technische Vorkehrungen zur Vermeidung von Störungen ... 210 7.3 ... Systeme zur Angriffserkennung (SzA) ... 215 7.4 ... Interne Audits ... 222 7.5 ... Melden von Informationssicherheitsvorfällen, Störungen und Ausfällen ... 223 7.6 ... Gemeinsame übergeordnete Ansprechstelle (GÜAS) ... 224 8. Einen branchenspezifischen Sicherheitsstandard (B3S) veröffentlichen ... 227 8.1 ... Aufbau eines B3S mithilfe der OH B3S ... 227 8.2 ... Einen B3S beim BSI einreichen ... 232 8.3 ... Eignungsfeststellung des BSI ... 235 8.4 ... Aktuell veröffentlichte B3S ... 236 8.5 ... Vorteile und Nachteile vorhandener B3S ... 238 Teil IV. Die Nachweisprüfung gemäß § 8a Abs. 3 BSIG ... 239 9. Planung der Nachweisprüfung durch den Betreiber ... 241 9.1 ... Auswahl einer Prüfstelle ... 241 9.2 ... Anforderungen an eine prüfende Stelle ... 242 9.3 ... Eignung als prüfende Stelle ... 243 10. Vorarbeiten für die Nachweisprüfung durch Prüfer ... 247 10.1 ... Welche Prüfgrundlagen können wir einsetzen? ... 248 10.2 ... Kompetenzbereiche und Aufteilung im Prüfteam ... 257 10.3 ... Fachexperten auswählen und einsetzen ... 258 10.4 ... Die Prüfungsplanung durch die Prüfstelle ... 260 10.5 ... Auswahl von Stichproben ... 264 10.6 ... Berücksichtigung externer Dienstleister ... 266 10.7 ... Die Mängelkategorien des BSI ... 267 11. Die Nachweisprüfung durchführen ... 271 11.1 ... Audit von Managementsystemen nach der ISO 19011 ... 272 11.2 ... Arbeitsschutz für Auditoren ... 275 11.3 ... Remote-Audits ... 277 11.4 ... Mögliche Prüfmethoden ... 282 11.5 ... Verwendung bestehender Zertifikate ... 283 11.6 ... Prüfung der branchenspezifischen Maßnahmen ... 287 11.7 ... Prüfung des BCMS ... 291 11.8 ... Aktualität der BSI-Formulare und OHs beim Prüfteam ... 297 12. Nacharbeiten nach der Nachweisprüfung ... 301 12.1 ... Aufgaben des Prüfers ... 302 12.2 ... Aufgaben des Betreibers ... 316 13. Prüfung der eingereichten Nachweise durch das BSI ... 329 13.1 ... Nachforderung von Dokumenten ... 329 13.2 ... Eskalation bei Unvollständigkeit ... 331 13.3 ... Sonderprüfungen nach dem BSIG ... 332 13.4 ... Nachprüfung wegen zu kleinem Geltungsbereich ... 333 13.5 ... Bußgelder ... 334 Teil V. Aus der Praxis -- in die Praxis ... 339 14. Untersuchung zu Umfang und Komplexität der Nachweisprüfung ... 341 14.1 ... Die BSI-Studie zur Umsetzung der IT-Sicherheitsgesetze ... 342 14.2 ... Studie zu Nachweisprüfungen nach BSIG ... 344 15. Zusätzliche Prüfverfahrenskompetenz nach dem BSIG ... 377 15.1 ... Weiterbildung und schriftliche Prüfung ... 377 15.2 ... Überprüfung Ihrer Antworten ... 378 16. Fazit und Ausblick ... 385 Literaturverzeichnis ... 389 Index ... 395
Shopify für Dummies
IN KÜRZESTER ZEIT ERFOLGREICH AUF SHOPIFYMit Shopify bauen Sie Ihren eigenen Online-Shop, der perfekt zu Ihren Bedürfnissen passt. Adrian Piegsa gibt Ihnen einen Überblick über die Shop-Plattform, zeigt Ihnen, wie Sie sich zurechtfinden und worauf Sie achten müssen. Sie lernen Schritt für Schritt, wie Sie Ihren Webshop mit Kategorien und Produkten anlegen, Bestellungen abwickeln und Ihren Erfolg optimieren. Darüber hinaus erfahren Sie alles über Vertriebs- und Werbemöglichkeiten von Shopify und erhalten Tipps und Tricks im Umgang mit der Software ? speziell für den deutschsprachigen Raum. SIE ERFAHREN* Wie Sie sich auf Shopify zurechtfinden* Was eine gute Shop-Struktur ausmacht* Wie Sie Shopify-Apps sinnvoll nutzen* Wie Sie Ihre Statistiken einsehen und auswertenADRIAN PIEGSA gilt als einer der führenden Shopify-Experten im deutschsprachigen Raum. Er ist Gründer und Geschäftsführer der Shopify-Plus-Agentur tante-e und betreibt den führenden deutschsprachigen Podcast rund um Shopify. Darüber hinaus gibt er Kurse für den Einstieg in Shopify.
WhatsApp wirklichlich einfach erklärt
- WhatsApp richtig und sicher nutzen- Für Einsteiger - mit Tipps und Bildern- So klappt Ihr Umzug aufs neue iOS-Gerät Bleiben Sie über WhatsApp mit Familie und Freunden in Kontakt! Dieses Buch zeigt Ihnen gut nachvollziehbar, wie Sie alle Vorteile der App einfach nutzen und dabei stets auf Ihre Sicherheit achten. Lernen Sie Schritt für Schritt, wie Sie die App starten, Text- sowie Sprachnachrichten austauschen, Fotos senden bzw. empfangen, eine Gruppenkommunikation einrichten und vieles mehr. Erfahren Sie außerdem, wie Sie Ihre alten Konversationen löschen und un-erwünschte Kontakte blockieren. Freuen Sie sich auf zahlreiche praktische Anwendertipps und chatten Sie am besten gleich los! Aus dem Inhalt:- WhatsApp installieren und ein Benutzerkonto erstellen- Nachrichten emotional gestalten und senden- Fotos und Videos empfangen, speichern und verschicken- Lesebestätigung und selbstlöschende Nachrichten- Das eigene Profil und persönliche Einstellungen verwalten- Alles rund um den Status und praktische Tipps zu den Kanälen- So funktionieren Gruppenchats, Umfragen und Communitys- Mit der App telefonieren und ein Livebild übertragen - WhatsApp am PC bedienen- Tipps für den Umzug auf Ihr neues Smartphone
Alle Daten sicher - Das Handbuch für die Praxis, von Festplatte & Backups bis zur Cloud
Sicherheit für Ihren Datenschatz – Dateien optimal geschützt und strukturiert absichern Fotos, Filme, Dokumente - all diese Daten haben einen Wert, wenn nicht einen monetären, dann doch oft einen ideellen. Eine defekte Festplatte, ein Wohnungsbrand, ein Virus oder ein kaputtes Smartphone und im nächsten Augenblick sind wichtige Erinnerungen und Unterlagen weg. Wann lohnt es sich, Analoges zu digitalisieren und wie können wir unsere wichtigsten Daten bestmöglich schützen? Wir zeigen Ihnen, was alles passieren kann und wie Sie Ihre Datensicherheit gewährleisten können. Von Back-up-Software über Passwortmanager bis hin zu Antivirenprogrammen stellt Ihnen dieser Ratgeber bewährte Tools und Schutzmaßnahmen basierend auf den Untersuchungen der Stiftung Warentest vor. In diesem Leitfaden erfahren Sie zusätzlich, wie Sie all Ihre Dateien im Blick behalten und strukturiert abspeichern, sodass Sie sie schnellstmöglich wieder finden. Wichtig für Ihren Datenschutz ist nicht zuletzt auch umsichtiges Verhalten wie das regelmäßige Durchführen von Software-Updates, Aktualisieren von Browsern oder Programmen sowie anonymes und sicheres Surfen in öffentlichen Netzen. Was aber, wenn es schon zu spät ist? Oder wenn trotz aller Schutzmaßnahmen doch etwas schiefgeht? Auch hierfür gibt es Lösungen, die dieses Buch für Sie bereithält. - Analoges digitalisieren: Dias, CDs, Papierdokumente - Dateien im Blick behalten: Strukturiertes Abspeichern der Dokumente - Betrugsmaschen erkennen: Auf welche Links Sie niemals klicken sollten - Gute Passwörter kreieren: Tipps und Tools für noch mehr Schutz - Clouddienste: Welche Cloudanbieter empfehlenswert sind - Im Notfall: Daten retten sogar ohne Backup Ihre Daten – Ihr Schatz! - Daten sind wertvoll - Warum digitalisieren? - Digitalisieren – aber wie? - Digitalisieren mit dem Smartphone - Digitalisiert – und nun? - Den Datenschatz aufbauen – mit Sinn und Verstand So behalten Sie den Überblick - Wo liegen überall Daten? - Daten auf dem Smartphone - Daten auf anderen Geräten - Dateien suchen und finden - Ordnung ist alles: Die Struktur Alles kann passieren! - Malware – die (un)bekannte Gefahr - Ransomware – Erpresseralarm! - Phishing – perfekte Fälschung - Die Zeit und andere Katastrophen Risikobewusstes Verhalten im Alltag - Die drei Grundprinzipien - Vertraulichkeit schützen - Passwörter: Trügerischer Schutz - Verfügbarkeit und Integrität sicherstellen - Oft vergessen: Das Internet der Dinge Gut gesichert und geschützt - Passwörter – komfortabel und zugleich sicher? - Die Internetverbindung - Der Browser - Rechner und Betriebssystem - Verschlüsselung als zusätzlicher Schutz - Wolkenschlösser: Die Cloud - Netzwerkfestplatten als Backup-Medium - Backups richtig erstellen Schon zu spät? Hilfe im Verlustfall - Verlorene Daten retten - Datenverlust an Fremde - Ausweis- und Kartenverlust Hilfe - Stichwortverzeichnis
Spurlos im Internet (2. Auflg.)
Wer im Internet surft, hinterlässt Spuren. Wenn Sie eine Webseite aufrufen, online einkaufen, soziale Netzwerke nutzen oder Ihre Lieblingsserie streamen: All das gibt persönliche Informationen über Sie preis. Sie haben nichts zu verbergen? Sollten Sie aber. Was passiert mit diesen Daten? Was wissen Amazon, Google, Facebook & Co. über Sie? Welche Daten werden über Sie erhoben und wie können Sie deren Verbreitung eingrenzen? Dieser Ratgeber zeigt mithilfe verständlicher Anleitungen und vieler Screenshots, wie Sie Ihre digitalen Geräte sicher nutzen und ein Maximum an Privatsphäre schaffen. Sie erfahren, wie Sie starke Passwörter generieren, Ihre privaten Daten kontrollieren und löschen, wie Sie Webseiten-Tracking durch Cookies verhindern und wo datensparsamere Geräte Sinn ergeben. Denn Sie haben etwas zu verbergen – und das ist auch gut so!Andreas Erle ist Autor zahlreicher Bücher, Zeitschriften- und Onlineartikel rund um die Themen Windows, Smartphone und mobiles Internet, zu denen er auch eine umfangreiche Webseite betreibt. Im Buchprogramm der Stiftung Warentest sind von ihm bereits die Ratgeber "Windows 10", "Windows Supertricks" sowie "Spurlos im Internet" erschienen.Sie haben etwas zu verbergen!- Anonymität schafft Privatsphäre- Private Daten: Währung und Risiko- Der Super-GAU Datenleck- Wo sind Ihre Daten?Windows und Mac anonymer machen- Nutzen und Risiko abwägen- Ein Benutzerkonto anlegen- Wo liegen Ihre Dateien?- Das Passwort: Ein sicherer Schutz?- Ohne Updates geht es nicht- Verschlüsselung: Noch mehr Sicherheit- Die Spione in Ihrem Computer- Datensparsamkeit: Weniger ist mehr- Datenschutzeinstellungen kontrollierenAnonymer surfen- Augen auf im Internet- Sichere Benutzerkonten- Mittel gegen Tracking- Suchmaschinen: Es gibt nicht nur GoogleSozial, aber nicht öffentlich- Facebook und die Macht der Daten- Privatsphäreeinstellungen nutzen- Das Konto löschen- Die EU-DSGVO: Ihre Rechte- Big-Data-Nutzung zum Wohl der Allgemeinheit?Smartes Phone, gläserner Nutzer- Ein Gerät für alles- Mit dem Google-Konto unterwegs- Einstellungen auf dem Android-Smartphone- Einstellungen auf dem iPhoneDas Internet der Dinge- Die Datenlogger am Handgelenk- Wenn Sprachassistenten mithören- Anfälligkeiten und Schutz- Ein Blick in die Zukunft- Sie haben es in der Hand!Hilfe- Stichwortverzeichnis
Hackbibel 3
Lange erwartet und nun endlich da – die Hackbibel 3. Sie führt die Tradition der Hackerbibeln aus den 80er-Jahren fort und erzählt Geschichten des Chaos Computer Clubs e. V. und der Hacker*innenkulturen.Seit seiner Gründung im Jahre 1981 hat sich der Chaos Computer Club stets in politisch-technische Debatten eingemischt. In diesen mehr als 40 Jahren ist viel passiert: Die Wiedervereinigung brachte Computerkulturen aus Ost und West zusammen, der Chaos Communication Congress ist riesig geworden, die Piratenpartei ist auf- und niedergegangen und feministische Hack-Gruppen haben sich gegründet. Die Hacker*innen programmierten nicht nur sichere Kommunikationswege und freizugängliche Software oder hackten Wahlcomputer und Fingerabdrücke von Politikern, sie zogen manchmal auch bis vors Bundesverfassungsgericht. Der CCC hat das Land entscheidend mitgeprägt.Davon erzählt die Hackbibel 3 und bietet Einblicke in Hacktivismus und Aktivismus, IT-Sicherheit und Recht und zeigt eine vielfältige, diverse Kultur, die sich durch Spaß am Gerät, an Basteleien und sehr viel Witz auszeichnet.Leseprobe (PDF-Link)
Samsung Galaxy A25 5G
Die verständliche Anleitung für Ihr Smartphone:- Alle Funktionen & Einstellungen auf einen Blick- Schritt für Schritt erklärt – mit praktischen Tipps Mit diesem smarten Praxisbuch gelingt Ihnen der schnelle und sichere Einstieg in Ihr Smartphone. Lernen Sie das Samsung Galaxy A25 5G von Grund auf kennen und beherrschen! Anschauliche Anleitungen, Beispiele und Bilder zeigen Ihnen gut nachvollziehbar, wie Sie Ihr mobiles Gerät optimal handhaben – von der Ersteinrichtung und Personalisierung über die große Funktionsvielfalt bis zu den wichtigsten Anwendungen. Nutzen Sie darüber hinaus die übersichtlichen Spicker-Darstellungen: Damit können Sie jene Bedienungsschritte, die man am häufigsten braucht, aber immer wieder vergisst, auf einen Blick finden und umsetzen. Freuen Sie sich auf viele hilfreiche Tipps und legen Sie ganz einfach los!Aus dem Inhalt:- Alle Bedienelemente des Samsung Galaxy A25 5G auf einen Blick- Ersteinrichtung und Tipps zum Umzug- Google-Konto erstellen und verwalten- Die Benutzeroberfläche Ihres Smartphones personalisieren- Apps aus dem Play Store herunterladen- Kontakte anlegen und im Adressbuch verwalten- Anrufe tätigen und SMS austauschen- Nachrichten über Mail und WhatsApp versenden und empfangen- Uhr, Kalender, Maps und andere praktische Apps nutzen- Fotos sowie Videos aufnehmen, verwalten und teilen- Ins Internet gehen über WLAN und mobile Daten- Updates, Datenschutz und Sicherheit
Conspiracyland
'Unbelievable' Ian Hislop'A tour de force' Jeremy Vine'Excellent' Julia Ebner, TelegraphMY NAME IS MARIANNA SPRING AND SOME OF MY TROLLS SAY THEY WANT TO KILL MEEver since she became the BBC's first disinformation and social media correspondent, Marianna Spring has delved into the worlds of media manipulators and conspiracy theorists. Meeting face-to-face with architects of hate and fake news, she discovers how people come to believe that terrible atrocities are staged, and that pandemics and climate change are the tools of an invisible elite bent on world domination.Told with curiosity, urgency and, most of all, empathy, Conspiracyland pulls back the curtain on the information battle threatening us all, and bears witness to the real-world consequences that lie beyond our screens.'A crucial read for understanding the intricate web of misinformation that influences our modern world' Eliot Higgins, author of We Are Bellingcat
Webdesign
150 Millisekunden – so viel Zeit haben Sie im Durchschnitt, einen Nutzer davon zu überzeugen, dass sich der Besuch Ihrer Website lohnt. Dieses Buch vermittelt die Designprinzipien, mit denen Sie diese Herausforderung annehmen können! Es begleitet Sie auf über 694 Seiten bei allen Fragestellungen, die für die Gestaltung einer modernen und attraktiven Website wichtig sind. Sie lernen, worauf es bei Schriftwahl, dem Einsatz von Farben und unterschiedlichen Medien ankommt, gestalten Layouts und Navigationsmenüs und erfahren, was alles bei der Konzeption beachtet werden muss. Dabei erhalten Sie konkrete Hinweise, wie Sie am besten mit Gestaltungsrastern arbeiten, die verschiedenen Website-Elemente aufeinander abstimmen und mit den richtigen Akzenten jeder Website einen individuellen Charakter verleihen. Martin Hahn zeigt Ihnen zudem, welche technischen Aspekte Sie bei der Gestaltung berücksichtigen müssen und wie Sie ästhetische Ansprüche und Usability unter einen Hut bekommen. Denn nicht alles, was schön aussieht, ist auch machbar im Web. Auch auf Informationsarchitektur, Barrierefreiheit und Responsive Webdesign wird eingegangen. Dass dabei mit HTML5 und CSS3 gearbeitet wird, versteht sich von selbst. Grundkenntnisse in HTML und CSS werden vorausgesetzt. Ein Buch für alle, die irgendwie immer schon wussten, dass Technik allein nicht alles ist. Aus dem Inhalt: Konzeption und PlanungIdeenfindungWebsite-KonzeptionProjektmanagement, BriefingMoodboards, Wireframes, interaktive PrototypenPrinzipien guter GestaltungDesign-PrinzipienFarbenlehre & FarbwirkungFarbe im Web, Retina-DisplaysProportionen, WeißraumTypografie und WebfontsGrafiken, Bilder, IconsWebdesign-Stile, WebtrendsLayout und RasterInformationsarchitekturCSS-Layout und RastersystemePositionierung und GewichtungGoldener Schnitt, Above the FoldNavigation und InteraktionHaupt-, Sub-, MetanavigationenHeader, Footer, Buttons, LinksMobile Navigation, Off-CanvasUsability, User Experience, BarrierefreiheitDie Technik im GriffResponsive WebdesignWebstandards und Best PracticesHTML5 und CSS3Frameworks, CMS Vorwort ... 19 1. Der Status quo im Webdesign ... 23 1.1 ... Die Entwicklung des Webdesigns ... 23 1.2 ... Aspekte modernen Webdesigns ... 27 1.3 ... Modernes Webdesign ist flexibel ... 36 1.4 ... Das Webdesign und sein Umfeld ... 41 1.5 ... Webdesign ist Coden, und Code ist Design ... 44 1.6 ... Der Kontext zählt ... 46 2. Webdesign-Projektmanagement ... 49 2.1 ... Das Projekt ... 49 2.2 ... Projektphasen ... 55 2.3 ... Projektkommunikation -- wie sag ich es dem Kunden? ... 65 2.4 ... Erfolg oder Misserfolg ... 70 3. Konzeption und Strategie ... 73 3.1 ... Briefing und Recherche ... 73 3.2 ... Die Analysephase ... 77 3.3 ... Eine Strategie fürs Webprojekt entwickeln ... 81 3.4 ... Ziele der Website ... 86 3.5 ... Zielgruppenanalyse ... 90 3.6 ... Anforderungen an das Design ... 97 3.7 ... Anforderungen an die Inhalte ... 100 3.8 ... Anforderungen an Technik und Funktionalitäten ... 103 3.9 ... Fazit zur Konzeption ... 106 4. Responsive Webdesign ... 107 4.1 ... Einleitung -- und sie bewegen sich doch ... 107 4.2 ... Responsive Strategie -- Mobile first und Content first ... 111 4.3 ... Ein neuer Workflow ... 115 4.4 ... Die Arbeit mit Wireframes ... 119 4.5 ... Das Design -- der Gestaltungsprozess ... 124 4.6 ... Die Umsetzung ... 135 4.7 ... Bestandteile einer responsiven Website ... 150 5. Informationsarchitektur ... 163 5.1 ... Einführung ... 163 5.2 ... Aufgaben einer gelungenen Navigation ... 170 5.3 ... Content-Strategie ... 172 5.4 ... Inhaltsstruktur entwickeln ... 179 5.5 ... Durch Inhalte navigieren ... 187 5.6 ... Fazit ... 195 6. Screendesign und User Interface Design ... 197 6.1 ... Die Aufgaben eines Screendesigns ... 197 6.2 ... Webdesign und die Wahrnehmung ... 203 6.3 ... User-Interface-Gestaltung ... 218 6.4 ... Die Prinzipien guter Webgestaltung ... 227 7. Usability und User Experience ... 239 7.1 ... Alles beginnt mit Usability ... 239 7.2 ... User Experience ... 247 8. Layout und Raster ... 255 8.1 ... Anatomie einer Website ... 255 8.2 ... Layouts gestalten ... 264 8.3 ... Scrollen ... 278 8.4 ... Raster ... 283 8.5 ... Ein eigenes Raster anlegen ... 294 9. Farbe im Webdesign ... 317 9.1 ... Welche Rolle spielt die Farbe? ... 317 9.2 ... Farbe: eine Wissenschaft für sich ... 319 9.3 ... Farbsysteme ... 321 9.4 ... Farbmanagement für das Web ... 336 9.5 ... Farbwirkung ... 337 9.6 ... Farbkontraste ... 364 9.7 ... Gelungener Farbeinsatz im Webdesign ... 372 9.8 ... Farbe und Usability ... 379 9.9 ... Ein eigenes Farbschema entwickeln ... 381 9.10 ... Fazit ... 387 10. Typografie im Web ... 389 10.1 ... Grundlagen ... 389 10.2 ... Leseverhalten im Web ... 392 10.3 ... Schriftarten ... 395 10.4 ... Schriftdarstellung im Web ... 403 10.5 ... Makrotypografie ... 414 10.6 ... Mikrotypografie ... 436 10.7 ... Gelungene Webtypografie -- Textformatierungen und Gestaltungstipps ... 443 10.8 ... Typografische Auszeichnungen und Inspirationen ... 459 11. Bilder und Grafiken ... 465 11.1 ... Einführung: Die Macht der Bilder ... 465 11.2 ... Bildquellen ... 473 11.3 ... Motive und Bildstimmung ... 484 11.4 ... Bildgestaltung ... 493 11.5 ... Icons ... 501 11.6 ... Illustrationen ... 505 11.7 ... Dateiformate ... 507 11.8 ... Bilder in HTML und CSS ... 511 11.9 ... Fazit ... 521 12. Navigations- und Interaktionsdesign ... 523 12.1 ... Die Hauptnavigation ... 523 12.2 ... Die Subnavigation ... 541 12.3 ... Die Metanavigation ... 542 12.4 ... Die Footer-Navigation ... 543 12.5 ... Navigation auf mobilen Endgeräten -- responsive Navigation ... 545 12.6 ... Links, Buttons und die Suche ... 558 12.7 ... Formulare ... 571 13. Animationen ... 579 13.1 ... Animationen mit CSS ... 579 13.2 ... Animationen und Interaktivität mit JavaScript ... 586 13.3 ... Interaktive Elemente ... 587 13.4 ... Audiovisuelle Elemente ... 597 13.5 ... Fazit ... 600 14. Websitetypen und -stile ... 601 14.1 ... Websitetypen ... 601 14.2 ... Webdesign-Stile und -Trends ... 626 Index ... 637
Building DIY Websites For Dummies
CREATE AN ATTRACTIVE WEBSITE THAT DRAWS IN VISITORS – NO CODING REQUIRED!There’s more to building a website than just picking a theme and dropping in text and images. Creating a site that attracts visitors and turns those visitors into customers requires some professional insight and a few tips and tricks. Building DIY Websites For Dummies guides non-designers through the steps of creating an attractive and effective website using today’s top web-based tools. This book helps you launch or improve your website designed to boost your entrepreneurial endeavors, small business, or personal passion. With this easy-to-follow Dummies guide, you can skip learning the complicated coding that runs a site and focus on the parts that attract visitors (and search engines). Grab this book and get expert insight on how to craft a usable design, create site content, improve site findability, and convert browsers into buyers.* Discover how to select hosting services, email providers, and beginner-friendly website creators* Build your own website without needing to learn any code* Learn how to create an attractive design, develop content, and present it all in a way that will appeal to your target audience* Improve your site’s search engine findability and resonate with your target customerThis Dummies guide is an excellent choice for non-designers who want to create a website without hiring someone to do it for them. Learn the ropes, follow the best practices, and launch your site!JENNIFER DEROSA is the founder of Toto Coaching, which walks the DIY website builder through the process of building a website from start to finish. Jennifer has been building websites since 1994. She formed her web development agency in 2001, growing it into a successful website development agency over two decades.
Building DIY Websites For Dummies
CREATE AN ATTRACTIVE WEBSITE THAT DRAWS IN VISITORS – NO CODING REQUIRED!There’s more to building a website than just picking a theme and dropping in text and images. Creating a site that attracts visitors and turns those visitors into customers requires some professional insight and a few tips and tricks. Building DIY Websites For Dummies guides non-designers through the steps of creating an attractive and effective website using today’s top web-based tools. This book helps you launch or improve your website designed to boost your entrepreneurial endeavors, small business, or personal passion. With this easy-to-follow Dummies guide, you can skip learning the complicated coding that runs a site and focus on the parts that attract visitors (and search engines). Grab this book and get expert insight on how to craft a usable design, create site content, improve site findability, and convert browsers into buyers.* Discover how to select hosting services, email providers, and beginner-friendly website creators* Build your own website without needing to learn any code* Learn how to create an attractive design, develop content, and present it all in a way that will appeal to your target audience* Improve your site’s search engine findability and resonate with your target customerThis Dummies guide is an excellent choice for non-designers who want to create a website without hiring someone to do it for them. Learn the ropes, follow the best practices, and launch your site!JENNIFER DEROSA is the founder of Toto Coaching, which walks the DIY website builder through the process of building a website from start to finish. Jennifer has been building websites since 1994. She formed her web development agency in 2001, growing it into a successful website development agency over two decades.
Digitale Selbstverteidigung für Dummies
DER SCHWARZE GÜRTEL FÜR DAS NETZ Sie wollen Ihre Privatsphäre und Ihre digitale Identität schützen? Dabei hilft Ihnen dieses Buch. Christina Czeschik klärt Sie darüber auf, wo Sie welche Daten und Metadaten hinterlassen, und hilft Ihnen dann dabei, darüber die Kontrolle zu behalten und so digital selbstbestimmt zu sein. Konkret erklärt sie Ihnen, wie Sie den Schutz Ihrer Privatsphäre bei E-Mails, Chats, Videocalls, in sozialen Netzwerken, beim Einkaufen, Surfen und Streamen sicher stellen. Zudem wirft sie einen kritischen Blick auf Smartphones, Apps und zuletzt auch unsere eigenen Gewohnheiten rund um das Internet. SIE ERFAHREN* Was es mit dem Konzept der digitalen Souveränität auf sich hat* Wie Sie PGP und S/MIME für E-Mail-Verschlüsselung und digitale Signatur nutzen* Welche Einstellungen für bessere Privatsphäre Sie im Browser treffen können * Wie Sie mit Tor (fast) anonym browsen könnenDR. CHRISTINA CZESCHIK, M.SC., ist Ärztin und Medizininformatikerin. Seit 2015 ist sie freie Autorin und schreibt und bloggt über Digitalisierung, digitale Gesundheit, Informationssicherheit und digitale Privatsphäre. Unter dem Pseudonym Jo Koren schreibt sie Science-Fiction.
Netzwerken mit XING und LinkedIn für Dummies (2. Auflg.)
DAS EINMALEINS DES PROFESSIONELLEN NETZWERKENSProfessionelles Netzwerken ist mehr als die Erstellung eines Profils bei XING und LinkedIn. Stephan Koß und Constanze Wolff helfen Ihnen, das Potenzial von XING und LinkedIn auszuschöpfen. Beginnend bei der Registrierung geben die beiden Ihnen Tipps zum Kontaktmanagement, erklären, wie Sie ein Unternehmensprofil anlegen, sich als Profi positionieren und spannende Inhalte oder Kontakte finden. So lernen Sie, wie Sie XING und LinkedIn wirkungsvoll für Ihre Zwecke nutzen – egal ob Sie selbstständig sind, im Marketing oder Vertrieb angestellt, einen Job suchen oder sich als Arbeitgeber präsentieren möchten. SIE ERFAHREN* Was professionelles Netzwerken ist* Wie Sie ein Business-Profil aufbauen* Wie Sie Kundschaft, Inhalte, Jobs oder Mitarbeitende finden* Wie Sie sich als Profi positionierenSTEPHAN KOẞ bloggt unter »LinkedInsider« und hilft seit 2014 Unternehmen, sich in sozialen Netzen zu orientieren. CONSTANZE WOLFF ist Texterin und PR-Beraterin und berät Unternehmen unter anderem zum professionellen Einsatz von Social Media.
Social-Media-Marketing für Dummies (2. Auflg.)
MIT SOCIAL MEDIA IN DIE HERZEN IHRER KUNDEN Kein Zweifel: Über soziale Medien erreichen Sie Ihre Kunden authentisch und persönlich. Allerdings ist die Komplexität von Social-Media-Marketing hoch und die Gefahr groß, Zeit und Geld zu verpulvern. Dieses Buch gibt Ihnen einen einfachen Leitfaden an die Hand, mit dem Sie erfolgreich im Social Web werden. Profitieren Sie von der Erfahrung des Autors: Gero Pflüger zeigt Ihnen, wie Sie Ihren Wunschkunden finden, Ihre Ziele definieren, eine Marketingstrategie passend zu Ihren Ressourcen planen, Ihren Erfolg messen und Ihren Arbeitseinsatz optimieren. SIE ERFAHREN* Wie Sie eine Social-Media-Strategie entwickeln* Wie Sie die richtigen Plattformen auswählen* Warum Sie keine Follower und Interaktionen kaufen sollten* Wie Sie richtig auf Social-Media-Krisen reagierenGERO PFLÜGER beschäftigt sich seit 2007 mit Content- und Social-Media-Marketing. Als selbstständiger Kommunikationsberater entwickelte er strategische Herangehensweisen, hielt Vorträge und führte Schulungen für Unternehmen durch, darunter auch international tätige Konzerne. Aktuell arbeitet er bei einem Softwareunternehmen.
Interfaceless
Explore the possibilities spatial computing and its integration with AI can provide beyond the confines of a traditional user interface. Spatial computing brings together physical and virtual worlds and systems. This book offers an insightful journey into harmonizing user-centered design with the vast potential of AI in spatial computing.You'll start by exploring key concepts and processes in relation to conscious design and traditional computer interfaces. You'll then be introduced to the Mindful Spatial Design Framework (MSDF) and the rapidly evolving world of generative AI and its potential to transform design processes.Once the key concepts are mastered, you'll start to put them into practice and see how to design, prototype, and test interfaceless systems and environments that are seamless and user-friendly. In doing so you'll consider topics such as functionality and aesthetics, as well as how AI can improve automation and testing. The book concludes by looking at ethical AI considerations and best practices as well as looking at next steps and future developments of spatial computing and interfaceless design.As these invisible interfaces become more prevalent, understanding the key principles of conscious design is pivotal. Interfaceless will expand your knowledge base in these areas.WHAT YOU'LL LEARN* Incorporate conscious design principles in spatial computing projects.* Leverage AI to enhance UX in spatial contexts.* Develop strategies to address design challenges as we move beyond physical interfaces.* See how VR/XR apps, devices, and generative AI are rapidly changing how we perceive and interact with the digital realm.WHO THIS BOOK IS FORUX/UI designers, developers, and tech enthusiasts eager to grasp the future of HCI.Diana Olynick stands at the crossroads of design, engineering and spatial computing innovation. As a registered Professional Engineer, she brings a blend of technical acumen and design creativity to the XR field with over a decade of experience. Beyond academia, Diana's voice has resonated globally, with invitations to speak at several esteemed international conferences. She has dedicated herself to educating the next generation, guiding them through the intricacies of spatial computing and conscious design. Her ability to deconstruct and demystify complex XR topics for a wide audience sets her apart. In a rapidly evolving digital landscape, Diana is a leader fostering the transformative potential of interfaceless design.Diana’s educational contributions can be found at: https://www.dianaolynick.comChapter 1: Setting the Stage for the 'Interfaceless' Future.- Chapter 2: Exploring Generative AI and Its Transformative Power.- Chapter 3: Principles of Mindful and Conscious Design.- Chapter 4: The Evolving Role of AI: Automation and Beyond.- Chapter 5: Complexity, Simplicity, and True Minimalism.- Chapter 6: A Deep Dive into Interfaceless Environments.- Chapter 7: From Theory to Practice: Implementing 'Interfaceless' Designs.- Chapter 8: Ethical Design in an AI-Driven World.- Chapter 9: The Road Ahead: Predictions and Preparations.- Chapter 10: Concluding Thoughts and the Future Vision.- Appendix A: Resources and Tools for 'Interfaceless' Design.- Appendix B: Glossary of AI, Design and Key Terms.- Appendix C: Resources for Further Learning.- Appendix B: References.
WhatsApp - wirklich einfach erklärt
Die wirklich verständliche Anleitung für Android-Geräte:- WhatsApp auf dem Android-Smartphone richtig und sicher nutzen- Mit vielen Bildern, praktischen Tipps und großem Emoji-Lexikon- Für Android-Geräte, z. B. Samsung, Xiaomi, LG, Oppo, Huawei, Nokia, Pixel, OnePlus und WikoSo verwenden Sie WhatsApp auf Ihrem Android-Smartphone!Bleiben Sie über WhatsApp mit Familie und Freunden in Kontakt! Dieses Buch zeigt Ihnen gut nachvollziehbar, wie Sie alle Vorteile der App einfach nutzen und dabei stets auf Ihre Sicherheit achten. Lernen Sie Schritt für Schritt, wie Sie die App starten, Text- sowie Sprachnachrichten austauschen, Fotos senden bzw. empfangen, eine Gruppenkommunikation einrichten und vieles mehr. Erfahren Sie außerdem, wie Sie Ihre alten Konversationen löschen und unerwünschte Kontakte blockieren. Freuen Sie sich auf zahlreiche praktische Anwendertipps und chatten Sie am besten gleich los!Aus dem Inhalt:- WhatsApp installieren und ein Benutzerkonto erstellen- Nachrichten emotional gestalten und senden- Fotos und Videos empfangen, speichern und verschicken- Lesebestätigung und selbstlöschende Nachrichten- Das eigene Profil und persönliche Einstellungen verwalten- Alles rund um den Status und praktische Tipps zu den Kanälen- So funktionieren Gruppenchats, Umfragen und Communitys- Mit der App telefonieren und ein Livebild übertragen - WhatsApp am PC bedienen- Tipps für den Umzug auf Ihr neues Smartphone
Internet Kill Switch
The "Internet Kill Switch", as it is known worldwide, is a protective "countermeasure". It is the ability of governments to restrict or directly block access to the Internet: turn off all servers and connections. Considering all that the Internet entails in our daily lives, it is an extremely powerful weapon. Some consider it as a key tool for national security, allowing governments to respond immediately in times of crisis or cyber-attacks. Others fear a potential abuse of authority, claiming that it infringes on civil liberties and democratic values. Is it possible to implement this measure as a global reconfiguration, and why would it be done? Catherine Dumont is an author and historian. Named as Distinguished Professor of American Studies and History, her research interests include the construction of racial identity and class structures. 1.WWW Reloaded 2.The Button 3.Cloud Backup 4.Internet and Democratization 5.Kill Switch at the Service of Censorship 6.Kill Switch to Stop a Revolution 7.Internet Blackout within the Laws 8.From the Pandemic to the Cyberpandemic 9.Kill Switch for a Great Reset 10.The National Security Perspective
Praxisbuch Usability und UX
Von Praktikern für Praktiker: Dieses Buch enthält alles, was Sie für die Planung und Umsetzung nutzungsfreundlicher Webseiten wissen sollten. Mit modernen Tools, neuen Mapping-Methoden und aktualisierten Guidelines zu Audio, Video und Dashboards ist es auf der Höhe der Zeit. Profitieren Sie von jahrzehntelanger Erfahrung und lernen Sie, wie Sie Seiten navigierbar gestalten, Inhalte zugänglich präsentieren und User begeistern. Die Anleitung für alle, die neue Websites erstellen oder bestehende verbessern möchten. Inkl. Barrierefreiheit und Tipps zum KI-Einsatz! Aus dem Inhalt: User Centered DesignUsability-Engineering in agilen ProjektenPersonas und Journey MapsNutzerführung und SeitengestaltungMockups und WireframesUsability-/UX-MetrikenGestaltung für unterschiedliche NutzungskontexteNutzerfreundlich schreibenA/B-Tests und Analysen Usability und UX -- Ihr Weg zum Erfolg ... 21 TEIL I. Was brauche ich, wenn ich anfange zu konzipieren, zu gestalten oder zu programmieren? ... 29 1. Von der Usability zur User Experience ... 31 1.1 ... Usability als Erfolgsfaktor für gute digitale Produkte ... 32 1.2 ... User Experience als umfassendes Nutzungserlebnis ... 32 1.3 ... Abgrenzung zwischen Usability und User Experience ... 33 2. Erkenntnisse aus Studien, Forschung und Projekten liefern Fakten ... 35 2.1 ... Können wir nicht einfach die Nutzenden fragen? ... 36 2.2 ... Wer schnell zum Ziel will, hält sich an den Weg ... 37 2.3 ... Wer setzt die Standards? ... 40 3. Menschliche Wahrnehmung -- Gestaltgesetze & Co. ... 43 3.1 ... Kurzzeitgedächtnis nicht überfordern ... 43 3.2 ... Auswahl ist gut, aber zu viel ist schlecht ... 44 3.3 ... Menschliche Wahrnehmung -- Gestaltgesetze ... 44 3.4 ... Menschliche Wahrnehmung -- weitere Erkenntnisse aus der Forschung ... 48 3.5 ... Sozialpsychologie ... 53 4. ISO 9241 & Co. -- Normen und Gesetze rund um Usability ... 57 4.1 ... ISO 9241 -- Ergonomie der Mensch-System-Interaktion ... 58 4.2 ... ISO 9241-210 -- Prozess zur Gestaltung gebrauchstauglicher interaktiver Systeme ... 60 4.3 ... ISO 14915 -- Software-Ergonomie für MultimediaBenutzungsschnittstellen ... 61 4.4 ... ISO 25000 -- Software-Engineering -- Qualitätskriterien und Bewertung von Softwareprodukten ... 62 4.5 ... ISO 9000 und 9001 ... 62 4.6 ... Praxisrelevanz der Normen ... 63 4.7 ... Gibt es ein Usability-Gesetz? ... 63 4.8 ... DSGVO -- Datenschutz und UX ... 63 5. Accessibility -- Umsetzung der Barrierefreiheit und gesetzliche Vorgaben ... 67 5.1 ... Was genau ist barrierefrei? ... 68 5.2 ... Warum wir uns mit Barrierefreiheit befassen sollten ... 69 5.3 ... Warum wir uns mit Barrierefreiheit befassen müssen ... 69 5.4 ... Pflichten aus dem Barrierefreiheitsstärkungsgesetz/Barrierefreiheitsgesetz ... 70 5.5 ... Inklusives Design und Universelles Design ... 74 5.6 ... Tipps zur Umsetzung ... 74 5.7 ... Grundregeln für barrierefreie Anwendungen ... 76 5.8 ... Werkzeuge zum Prüfen der Barrierefreiheit ... 79 5.9 ... Was muss ich testen? ... 82 5.10 ... Leichte Sprache und Einfache Sprache ... 83 5.11 ... Weitere gesetzliche Regelungen ... 85 6. Das digitale Zeitalter und die Auswirkung auf interaktive Konzepte ... 89 6.1 ... Künstliche Intelligenz und ihr Einfluss auf UX ... 91 6.2 ... Context First -- den Nutzungskontext berücksichtigen ... 93 6.3 ... Die Welten verschmelzen -- von PWA, WebXR und anderen Neuerungen ... 94 6.4 ... Touch, Gesten und Sprache -- zeitgemäße Interaktionsmechanismen ... 96 6.5 ... Alles ist testbar -- von Smartwear bis zum Internet of Things ... 98 6.6 ... Herausforderungen bei der Konzeption für neue Geräte ... 99 6.7 ... Remote-Arbeiten -- nicht nur die Anwendungen selbst, sondern auch die Art der Arbeit ändern sich ... 100 7. Nutzende in die Produktentwicklung einbinden -- der optimale Projektablauf ... 101 7.1 ... Menschzentrierte Entwicklung ... 101 7.2 ... Ein optimaler Projektablauf ... 102 7.3 ... Aller Anfang ist schwer -- UX-Reifegrad im Unternehmen steigern ... 104 8. Agil ans Ziel -- Usability-Engineering in agilen Prozessen ... 109 8.1 ... Warum agile Entwicklung? ... 109 8.2 ... Wie geht agile Entwicklung? ... 110 8.3 ... Agil oder Lean? ... 111 8.4 ... Agiles Arbeiten in der Praxis ... 112 8.5 ... Was ist Usability-Engineering? ... 114 8.6 ... DevOps -- DesignOps -- ResearchOps ... 114 TEIL II. Nutzende kennenlernen und für sie konzipieren ... 119 9. Fokusgruppen und Befragungen -- Erkenntnisse über das derzeitige Nutzungsverhalten ... 121 9.1 ... Was sind Fokusgruppen? Was sind Befragungen? ... 121 9.2 ... Wie führt man Fokusgruppen durch? ... 123 9.3 ... Wie setzt man Befragungen auf? ... 128 10. Vor-Ort-Beobachtungen und Tagebuchstudien -- Nutzende im Alltag beobachten ... 135 10.1 ... Nutzungskontextanalyse -- wozu? ... 135 10.2 ... Was sind Vor-Ort-Beobachtungen und Tagebuchstudien? ... 136 11. Personas -- aus Erkenntnissen prototypische Nutzende entwickeln ... 139 11.1 ... Was sind Personas? ... 139 11.2 ... Wie sehen Personas aus? ... 141 11.3 ... Wie erstellt man Personas? ... 142 11.4 ... Wann setze ich Personas ein? ... 148 12. Customer Journey Maps und andere Mapping-Methoden -- Interaktionen der Nutzenden strukturiert erfassen ... 151 12.1 ... Welche Mapping-Methoden gibt es? ... 151 12.2 ... Wann setze ich welche Map ein? ... 157 12.3 ... Wie sieht eine Customer Journey Map genau aus? ... 158 12.4 ... Wie erstellt man eine Customer Journey Map? ... 160 12.5 ... Wie arbeite ich mit einer Customer Journey Map? ... 162 13. Card Sorting -- Entwicklung der Informationsarchitektur ... 165 13.1 ... Wie sieht eine Informationsarchitektur aus? Wie komme ich zu einer Informationsarchitektur? ... 165 13.2 ... Was ist Card Sorting? ... 167 13.3 ... Wie läuft ein Card Sorting ab? ... 171 13.4 ... Was erhalten Sie als Ergebnis aus einem Card-Sorting-Workshop? ... 175 13.5 ... Wer sollte ein Card Sorting durchführen? ... 176 13.6 ... Wann setze ich Card Sorting ein? ... 177 14. Scribbles -- erste Ideen auf dem Weg zum Design ... 179 14.1 ... Was sind Scribbles? ... 179 14.2 ... Wie sehen Scribbles aus? ... 180 14.3 ... Wie macht man Scribbles? ... 182 14.4 ... Tipps zum Zeichnen ... 183 14.5 ... Scribbeln mit dem Tablet ... 185 14.6 ... Kommentare, Dokumentation und Überarbeitung ... 185 14.7 ... Scribbeln im Team ... 187 14.8 ... Wer sollte scribbeln? ... 187 14.9 ... Wann setze ich Scribbles ein? ... 188 15. Wireframes -- sich an das optimale Produkt annähern ... 189 15.1 ... Was heißt Wireframe? ... 189 15.2 ... Wozu Wireframes? ... 190 15.3 ... Programme für Wireframes ... 191 15.4 ... Für welche Seiten brauche ich Wireframes? ... 195 15.5 ... Was in einen Wireframe gehört ... 196 15.6 ... Was nicht in einen Wireframe gehört ... 197 15.7 ... Was manchmal in einen Wireframe gehört ... 198 15.8 ... Responsives Design und Wireframes ... 200 15.9 ... Arbeitserleichterung für die Entwicklung ... 201 15.10 ... Bibliotheken zur eigenen Arbeitserleichterung ... 202 15.11 ... Wie geht es weiter mit den Wireframes? ... 202 16. Mockups und Prototypen -- konkretisieren, visualisieren, designen ... 205 16.1 ... Was sind Mockups, was Prototypen? ... 205 16.2 ... Wie sehen Prototypen aus? ... 206 16.3 ... Wie erstelle ich einen Prototyp? ... 208 16.4 ... Wann setze ich Prototypen ein? ... 215 17. Design Sprints, Design Thinking und ausgewählte Ideation-Methoden -- Projektideen entwickeln und validieren ... 219 17.1 ... Was ist ein Design Sprint? ... 219 17.2 ... Was ist Design Thinking? ... 224 17.3 ... Ausgewählte Kreativitäts- und Ideation-Techniken ... 226 18. Usability-Tests -- die Klassiker unter den Nutzertests ... 231 18.1 ... Was sind Usability-Tests? Welche Formen gibt es? ... 232 18.2 ... Wie läuft ein Usability-Test ab? ... 238 18.3 ... Besonderheiten bei Usability-Tests ... 247 18.4 ... Wer sollte Usability-Tests durchführen? ... 251 18.5 ... Wann setze ich Usability-Tests ein? ... 254 19. Unmoderierte Online-Usability-Tests -- von zuhause aus testen lassen ... 255 19.1 ... Was sind unmoderierte Online-Usability-Tests? ... 255 19.2 ... Herausforderungen bei unmoderierten Online-Usability-Tests ... 256 19.3 ... Wie läuft ein unmoderierter Online-Usability-Test ab? ... 256 20. Guerilla-Usability-Tests -- informell und schnell Erkenntnisse sammeln ... 259 20.1 ... Warum Guerilla? ... 259 20.2 ... Wie finde ich Testpersonen? ... 261 20.3 ... Was kann ich testen? ... 262 20.4 ... Tipps für die Durchführung ... 263 20.5 ... Auswerten und präsentieren ... 264 21. Usability-Reviews -- Expertenmeinung einholen, bevor Sie Nutzende rekrutieren ... 265 21.1 ... Was sind Usability-Reviews? ... 265 21.2 ... Wie läuft ein Usability-Review ab? ... 266 21.3 ... Wer sollte einen Usability-Review durchführen? ... 268 21.4 ... Wann setze ich Usability-Reviews ein? ... 268 22. A/B-Tests -- Varianten gegeneinander antreten lassen ... 269 22.1 ... Was bringen A/B-Tests? ... 270 22.2 ... Was kann man alles testen? ... 270 22.3 ... Was kann man nicht testen? ... 271 22.4 ... Wie sieht eine gute Fragestellung aus? ... 272 22.5 ... Wie definiere ich Erfolg? ... 274 22.6 ... Bitte nicht stören -- Fehlerquellen ausschließen ... 274 22.7 ... Wie viele Testpersonen/Aufrufe brauche ich? ... 275 22.8 ... Multivariate Tests ... 278 22.9 ... Ergebnisse mit Hirn interpretieren ... 278 22.10 ... Womit testen? -- Tools ... 279 22.11 ... Erkenntnisse in Verbesserungen umsetzen ... 280 23. Analytics -- aus dem aktuellen Nutzungsverhalten lernen ... 283 23.1 ... Was kann man alles messen und dadurch lernen? ... 283 23.2 ... Wann setze ich Analytics ein? ... 292 23.3 ... Womit analysieren? -- Tools ... 292 24. Metriken ... 295 24.1 ... Warum Metriken für UX? ... 295 24.2 ... Statistik auch für kleine Stichproben ... 296 24.3 ... Die richtigen Metriken auswählen ... 297 24.4 ... Signifikanz -- was messen wir da überhaupt? ... 300 24.5 ... Performance -- Core Web Vitals und PageSpeed Insights ... 301 TEIL III. Usability-Guidelines -- Anleitung für die Umsetzung ... 305 25. Struktur der Anwendung -- Informations- und Navigationsarchitektur ... 307 25.1 ... Grobsortierung der Inhalte ... 308 25.2 ... Feingliederung der Inhalte ... 308 25.3 ... Site-Struktur festlegen und darstellen ... 311 25.4 ... Zeichnen der Sitemap ... 311 25.5 ... Zeige ich die Sitemap auf der Site? ... 312 25.6 ... Navigation für Nutzende planen ... 313 26. Ordnung auf den Seiten -- Gestaltungsraster und responsives Design ... 317 26.1 ... Gestaltungsraster helfen beim Anordnen von Inhalten und Elementen auf den Seiten ... 317 26.2 ... Wie ein Rastersystem aufgebaut ist ... 319 26.3 ... Was bedeutet responsives Webdesign? ... 322 26.4 ... Das sollten Sie bei der Konzeption responsiver Websites bedenken ... 324 26.5 ... Zukünftig noch mehr Flexibilität ... 329 27. Navigationskonzepte -- Mega-Dropdowns, Flyouts, Hamburger-Menü, Off-Canvas ... 331 27.1 ... Gängige Gestaltungsmuster für Navigation ... 331 27.2 ... Burger/Hamburger als Icon für das Menü ... 339 28. Designsysteme, Styleguides, Component Libraries und Pattern Libraries ... 343 28.1 ... Standards berücksichtigen ... 343 28.2 ... Was ist ein Designsystem und wie setzt es sich zusammen? ... 348 28.3 ... Designsysteme nachhaltig etablieren ... 355 29. Kopfzeilen -- Header nutzenstiftend umsetzen ... 357 29.1 ... Zentrale Elemente eines Headers auswählen und erwartungskonform platzieren ... 357 29.2 ... Headerverhalten im Navigationsfluss ... 362 30. Fußzeilen -- Footer sinnvoll gestalten ... 365 30.1 ... Metanavigation ... 365 30.2 ... Kontaktdaten ... 367 30.3 ... Sitemap ... 368 30.4 ... Newsletter-Anmeldung ... 368 30.5 ... Social Media ... 369 30.6 ... Sprungmarken nach oben ... 370 31. Farbe, Ästhetik und Usability ... 371 31.1 ... Was ist Farbe überhaupt? ... 372 31.2 ... Welche Wirkung hat Farbe? ... 375 31.3 ... Die richtigen Farben für meine Nutzenden finden ... 376 31.4 ... Fehler bei der Farbwahl vermeiden ... 378 31.5 ... Brauche ich einen Nachtmodus? ... 381 32. Schriftarten und Textformatierung ... 385 32.1 ... Von Punkten und Pixeln -- Grundlagen der Darstellung ... 386 32.2 ... Das Bildschirm-Grundstück -- Screen Real Estate ... 389 32.3 ... Die richtige Schriftart aussuchen ... 390 32.4 ... Schriftarten gut kombinieren ... 392 32.5 ... Wie groß sollte Fließtext sein? ... 393 32.6 ... Großbuchstaben und andere Hervorhebungen ... 395 32.7 ... Blocksatz niemals, zentriert selten ... 395 32.8 ... Die richtige Zeilenbreite ... 396 32.9 ... Der richtige Zeilenabstand ... 396 32.10 ... Typografie für Menschen mit Legasthenie ... 397 33. Sprachwahl und mehrsprachige Sites ... 399 33.1 ... Sprachumschaltung bei Apps ... 399 33.2 ... Sprachumschaltung bei Websites ... 400 34. Nutzerfreundlich schreiben ... 409 34.1 ... Vorgehen beim Schreiben ... 411 34.2 ... Wie schreibe ich lesbaren und verständlichen Text? ... 415 34.3 ... Überschriften ... 418 34.4 ... Listen und Kästen ... 420 34.5 ... Tabellen, Diagramme, Bilder und Videos ... 420 34.6 ... Hervorhebungen ... 421 34.7 ... Text und SEO ... 421 35. Bilder für Nutzende auswählen ... 425 35.1 ... Was ist eigentlich ein Bild? ... 425 35.2 ... Wofür brauchen wir Bilder? ... 425 35.3 ... Vorteile von Bildern ... 429 35.4 ... Nachteile von Bildern ... 429 35.5 ... Tipps für richtigen Einsatz und Auswahl von Bildern ... 430 35.6 ... Tipps für die nutzerfreundliche Darstellung von Bildern ... 438 36. Bildbühne, Slider, Karussell -- mehrere Bilder an einer Stelle ... 449 36.1 ... Was ist eine Bildbühne? ... 449 36.2 ... Wann nutzt man Bildbühnen? ... 449 36.3 ... Vorteile von Bildbühnen ... 453 36.4 ... Nachteile von Bildbühnen ... 453 36.5 ... Tipps für die Gestaltung von Bildbühnen ... 454 36.6 ... Alternativen ... 460 37. Audio und Video einbinden und steuern ... 465 37.1 ... Wann sind Audio und Video überhaupt sinnvoll? ... 465 37.2 ... Audio und Video zugänglich machen ... 466 37.3 ... Audio und Video steuern ... 467 37.4 ... Normen zur Steuerung von Audio und Video ... 467 38. Icons aussagekräftig auswählen ... 469 38.1 ... Icons nutzenstiftend einsetzen ... 469 38.2 ... Icon mit oder ohne Label -- das ist die Frage ... 470 38.3 ... Labels bei Icons bewusst positionieren ... 471 38.4 ... Icons eindeutig gestalten ... 472 39. Links und Buttons formatieren und formulieren ... 475 39.1 ... Welche Links biete ich an? ... 476 39.2 ... Wo kommen Links hin? ... 476 39.3 ... Wie sehen Links aus? ... 477 39.4 ... Links formulieren ... 478 39.5 ... Seitennamen ... 479 39.6 ... Dateinamen, URLs und Pfade ... 480 39.7 ... Buttons -- Schaltflächen, Tasten oder Knöpfe? ... 480 39.8 ... Nicht jeder Button ist gleich wichtig -- Hierarchie ... 482 39.9 ... Man sieht nicht immer gleich aus -- Button-Zustände ... 487 39.10 ... Klick -- Buttons und Sound ... 490 39.11 ... Wie groß darf's denn sein? ... 490 39.12 ... Spezielle Buttons -- Checkboxen, Radiobuttons, Selektoren ... 492 40. Formulare zielführend realisieren ... 495 40.1 ... Formulare -- vielfach angewandt und bekannt ... 495 40.2 ... Wofür werden Formulare eingesetzt? ... 496 40.3 ... Tipps für die Gestaltung von Formularen ... 497 40.4 ... Tipps zur Unterstützung von Nutzenden bei der Eingabe ... 505 40.5 ... Tipps zur Unterstützung von Nutzenden beim Abschicken des Formulars (Aktionen) ... 512 41. Labels und Auszeichnungen formulieren und positionieren ... 517 41.1 ... Labels zielführend positionieren ... 517 41.2 ... Labels verständlich formulieren ... 520 42. Fehlermeldungen hilfreich umsetzen ... 523 42.1 ... Fehlern vorbeugen (Inline-Validierung) ... 523 42.2 ... Fehlermeldungen optimal positionieren ... 525 42.3 ... Fehlermeldungen aufmerksamkeitsstark gestalten ... 527 42.4 ... Fehlermeldungen verständlich formulieren ... 527 43. Listen und Tabellen formatieren ... 529 43.1 ... Listen lockern Texte auf ... 529 43.2 ... Von eindimensionalen zu mehrdimensionalen Listen ... 529 43.3 ... Von Listen zu Tabellen ... 530 43.4 ... Listen fürs Lesen formatieren ... 531 43.5 ... Was kommt nach der Liste? ... 533 43.6 ... Keine Liste ohne Sortierung ... 535 43.7 ... Lange Listen bändigen ... 536 43.8 ... Listen filtern und Spalten ein-/ausblenden ... 536 43.9 ... Vergleichstabellen, die zum Kauf motivieren ... 538 44. Aufklappelemente/Akkordeons richtig umsetzen ... 541 44.1 ... Akkordeons zeigen und verstecken Inhalte nach Interaktion von Nutzenden ... 541 44.2 ... Akkordeons für Menüs, FAQ-Listen und komplexe Formulare -- vor allem mobil im Einsatz ... 542 44.3 ... Vorteile von Akkordeons ... 544 44.4 ... Nachteile von Akkordeons ... 545 44.5 ... Tipps für die Gestaltung von Akkordeons ... 546 44.6 ... Barrierefreiheit von Akkordeons ... 550 45. Diagramme auswählen und gestalten ... 551 45.1 ... Wann Diagramm, wann Tabelle? ... 552 45.2 ... Das richtige Diagramm für meine Daten ... 552 45.3 ... Werte unterschiedlicher Skalen vergleichen ... 558 45.4 ... Formatierung nach Usability, nicht nach Ästhetik ... 558 46. (Mikro-)Animation sinnvoll einsetzen ... 561 46.1 ... Animation belebt ... 561 46.2 ... Was ist eigentlich Animation? ... 561 46.3 ... Anwendung von Animationen ... 563 46.4 ... Wie sieht eine gute Animation aus? ... 565 47. Suchfunktionen zielführend gestalten ... 571 47.1 ... Wofür werden Suchfunktionen eingesetzt? ... 573 47.2 ... Tipps für die Gestaltung von Suchfunktionen ... 574 47.3 ... Tipps zur Unterstützung der Nutzenden bei der Sucheingabe ... 577 47.4 ... Tipps für eine eindeutige, gut strukturierte Trefferdarstellung ... 580 47.5 ... Alternativen ... 586 48. Filter und Facetten integrieren und positionieren ... 587 48.1 ... Filter grenzen schnell ein, Facetten unterstützen bei der Suche ... 587 48.2 ... Tipps für die Auswahl und Benennung von Filtern/Facetten ... 591 48.3 ... Tipps für die Gestaltung von Filtern/Facetten ... 593 49. Modals, Pop-ups und Overlays -- Dialoge nutzenstiftend einsetzen ... 601 49.1 ... Overlays wollen auffallen und Modals erzwingen eine Nutzerinteraktion ... 601 49.2 ... Tipps für die Gestaltung ... 605 49.3 ... Cookie Consent Banner oder Pop-up -- wie Sie sie optimieren ... 608 Index ... 611