Design, Layout, Struktur file:///./wpts_suck.htm

Größe: px
Ab Seite anzeigen:

Download "Design, Layout, Struktur file:///./wpts_suck.htm"

Transkript

1 Konstruiertes Beispiel Design, Layout, Struktur file:///./wpts_suck.htm Web Site Engineering, Vorlesung Nr. 5 Martin Klarner, Informatik 8, FAU VORL 5/Folie 2 Konstruiertes Beispiel (2): Was ist daran so schlecht? Allgemeines Erster Eindruck, Ladezeit, fehlende Information (Kontakt, Erstellungsdatum) JavaScript Schwer erkennbar, nicht portierbar, Funktion? Grafik Unübersichtlich, überladen Organisation Strukturlos, verwirrend Navigation Unübersichtlich, uneinheitlich Inhalt Quantitiv und qualitativ wenig, unnötiges Audio-File Praktisches Beispiel file:///./warez.htm Martin Klarner, Informatik 8, FAU VORL 5/Folie 3 Martin Klarner, Informatik 8, FAU VORL 5/Folie 4 Praktisches Beispiel (2): Was ist daran so schlecht? Layout und Struktur: Erste Generation! Zentrierter Text mit Inlined Images Lineare Struktur, keine textuellen Inhalte Design Aufdringliche Farbgebung: Starke Kontraste zwischen schwarzem Hintergrund und leuchtenden Vordergrund-Elementen Blinkende Banner, Icons und Lämpchen Sehr große, sehr unruhige animierte GIFs ( Leuchtreklamen ) Alerts und Popups Navigation Externe Links unverhältnismäßig stark gegenüber internen betont Externe Links nicht ohne weiteres von internen unterscheidbar Missbrauch von JavaScript zum Überladen von Browserfunktionen (Back-, Forward- und Close-Button) Praktisches Beispiel (3): Was ist daran interessant? Verknüpfung der wichtigsten Suchbegriffe Das Web-Triumvirat : Sex/Warez/MP3 (und Passwörter) Meta-Tags: <meta name= keywords content= warez, warez, elite, pirate, games, porn, teen, death, death, anarchy, phreak, hacker, hack, metallica, links, ftp, fuck, sex, sex, sex, warez, wares, elite, elite, pirat8, verified, FTP, free, free, free, warez, warez, milano, geocities, codez, cheats, cracks, serial, numbers, serial, serail, serial > Kundenbindung durch free -Argument in Kombination mit labyrinthischer Navigation Trotz free -Argument entstehen schnell Kosten Underground - bzw. Rotlichtviertel -Metapher Suchtpotential überwiegt Nachteile Funktioniert trotz schlechten Designs! Martin Klarner, Informatik 8, FAU VORL 5/Folie 5 Martin Klarner, Informatik 8, FAU VORL 5/Folie 6

2 Weiteres Beispiel Weiteres Beispiel (2) Martin Klarner, Informatik 8, FAU VORL 5/Folie 7 Martin Klarner, Informatik 8, FAU VORL 5/Folie 8 Was ist an diesem Beispiel so gut? Klares, durchgängig eingehaltenes Konzept First things first! Funktionalität: Umfangreich und vielfältig, aber trotzdem gut erreichbar Inhalt: Mischung aus Aktuellem und Bewährtem Navigation: Mehrere Möglichkeiten (Text und Bild) Schlichte, funktionale, aber gediegene Grafik Übersichtliches Layout, Einbettung in festen Rahmen Einheitliche, unaufdringliche Farbgebung Corporate Identity durch Logo, Verzicht auf Klischees wie Cliparts Sparsamer Umgang mit animierten GIFs Inhalt Ausgewogenes Verhältnis von Text und Bildern Aktuelle Meldungen an prominenter Stelle Viele Give-Aways zur Kundenbindung Was lernen wir daraus? Allgemeine Design-Prinzipien Form follows function Zuerst Konzept entwickeln Einstieg erleichtern und verschönern Technologie ist nicht alles Site nicht überfrachten Inhalt strukturiert organisieren Struktur im Layout übernehmen (Grid) Struktur an Möglichkeiten der Darstellung anpassen (z.b. Anzahl der Rubriken) Martin Klarner, Informatik 8, FAU VORL 5/Folie 9 Martin Klarner, Informatik 8, FAU VORL 5/Folie 10 Allgemeine Design-Prinzipien (2) Wert von Inhalt und Give-Aways hoch einschätzen Navigationsdesign (Text und Grafik) bewältigen Ausgleich zwischen Stabilität und Veränderung schaffen Zeitangaben News-Sektion Moderate Änderungen Dialog und Interaktion integrieren (Erhöhung des Erinnerungswerts) Möglichkeiten zum Kontakt erstellen Sorge um den Benutzer! Vorgehen bei der Erstellung einer Website 1. Zweck und Publikum 2. Planung Design Ressourcen 3. Umsetzung 4. Deployment Test Wartung Marketing Vgl. auch vorherige Vorlesungen! Martin Klarner, Informatik 8, FAU VORL 5/Folie 11 Martin Klarner, Informatik 8, FAU VORL 5/Folie 12

3 Auslegung einer Site Zentrale Bedeutung der thematischen Auslegung: Metapher! Kombination aus Phantasie und Zweckmäßigkeit Beispiele: Galerie, Werkstatt, Fabrik Transport durch Hintergrund (z.b. Filmrolle), Navigation, Logo, Möglichst über die ganze Site hinweg durchzuhalten! Zweck Gefühl der Vertrautheit bei der ersten Benutzung erzeugen Rasche Wiedererkennung und Zurechtfinden bei weiterer Benutzung ermöglichen Auslegung (2) Bestehende Site-Standards respektieren De-facto-Standards: Browsertyp, Bildschirmgröße, Betriebssystem, Ungeschriebene Gesetze Anforderungen erfüllen bezüglich Mindestgröße Interessantheit Aktualität Mit konkurrierenden Sites vergleichen Martin Klarner, Informatik 8, FAU VORL 5/Folie 13 Martin Klarner, Informatik 8, FAU VORL 5/Folie 14 Bestandteile einer Site 1. Einstiegsseite Geringe Ladezeit Übersichtliches Layout Attraktives Aussehen Verschiedene Doorway Pages 2. Zentralseite Einheitliche Navigation Wiedererkennungswert (z.b. durch Metapher ) Corporate Identity (z.b. durch Logo an prominenter Stelle) 3. Definierter Ausgang (Erhebung von Kundendaten, Feedback) Aktualität Aktualität dokumentiert Ernstnehmen des Users Interesse am User Daumenregel: Wöchentliches Update Erhaltung von Navigationspfaden und URLs, auch über Updates hinaus! Inhalt durch den Nutzer verändert: Benutzer fühlt sich umsorgt! Martin Klarner, Informatik 8, FAU VORL 5/Folie 15 Martin Klarner, Informatik 8, FAU VORL 5/Folie 16 Aktualität (2) Vermittlung von Aktualität durch Seitenbestandteile: z.b. durch last updated News-Spalte: Protokoll der Änderungen aktuelle und aktualisierte Inhalte sanftes Redesign (z.b. technische Anpassung) Newsletter moderiertes Forum Bestandteile einer Seite Titelzeile (wichtig u. a. für Bookmarking) Kopf (Header): Übersicht Körper (Body): Inhalt Fuß (Footer): Allgemeine Information Datum der letzten Änderung und/oder der Erstellung (Aktualität) Autor oder verantwortliche Person, -Adresse oder Homepage (Seriosität, Service) Link zur Homepage (Teil der Navigation) URL der Seite (Papierausdruck, Referenz) Navigation (Redundanz schadet hier nicht!) Martin Klarner, Informatik 8, FAU VORL 5/Folie 17 Martin Klarner, Informatik 8, FAU VORL 5/Folie 18

4 Inhalte Wertvolle Inhalte Einzigartigkeit, Zusammenstellung Aktualität, Nützlichkeit, Originalität,... Incentives Sonderangebote Zusätzliche Informationen Give-Aways Gewinnspiele,... Archivierung und Bereitstellung alter Inhalte Referenzierbarkeit Vertrauensbildung Text Alignment und Grid machen die Seite lesbarer Information in kleine, logisch abgeschlossene Teile aufteilen Textabschnitte kurz halten Aufzählungen verwenden Typographische Prinzipien verwenden (von der Papierdokument-Erstellung abgeleitet) Wenige verschiedene Fonts Gebräuchliche Fonts verwenden Leerräume als wichtiges Gestaltungsmerkmal Martin Klarner, Informatik 8, FAU VORL 5/Folie 19 Martin Klarner, Informatik 8, FAU VORL 5/Folie 20 Text (2) Hervorhebungen Leiten des Users, aber: Gefahr der Verwirrung Konsistenz in Farbe, Font, Hintergrund Sparsame Verwendung Farbliche Hervorhebung wichtiger Dokumentteile Vermeiden von blinkendem Text Text in Statuszeile Javascript -Alerts großen Bannern Darstellung Papier vs. Bildschirm Ermöglichen des Ausdrucks Zehnfach bessere Auflösung von Papier Ausdrucken von Seiten zur Offline-Benutzung Unterschiedliche Art, auf Papier und im Netz zu lesen (Scanning) Unterschiedliche Bildschirme (Auflösung, Farbe) und Browser Martin Klarner, Informatik 8, FAU VORL 5/Folie 21 Martin Klarner, Informatik 8, FAU VORL 5/Folie 22 Suche vs. Navigation Verschiedene Benutzerstrategien: Navigationstypen und Suchtypen Navigation und Suchfunktion bereitstellen Eigene Suchmaschine Daumenregel: Sites ab 100 Seiten Boole sche Suche zu komplex Besser einfache Suche mit Verfeinerung Verschiedene (benutzerspezifische) Funktionalitäten bereithalten Navigation Voraussetzung: Orientierung, Lokalisation Interaktion mit dem Benutzer Intention Einfach Schnell zum Ziel (keine Verwirrung) Navigation oft zu kompliziert Einsatz von Navigationslinks Jeder Link muss sinnvoll sein Verwendung aussagekräftiger Linktitel Schnell auf den Punkt kommen Site Map als letzte Chance! Martin Klarner, Informatik 8, FAU VORL 5/Folie 23 Martin Klarner, Informatik 8, FAU VORL 5/Folie 24

5 Navigationsdesign Statuszeile des Browsers nicht verbiegen! Bekannte grafische Elemente nicht abändern Keine kryptischen Navigationspfeile (s.u.) Lokale Position veranschaulichen Ordnung (Hierarchie) erkennen lassen! Navigationslinks zu Homepage übergeordneten Seiten Navigationshilfen Kontakt Navigationselemente An die Standards halten Dateimanager-Metapher Karteikasten Home > Section > Subsection > Page Image Maps Thumbnails, Buttons Navigationselemente Aussagekräftig Unterscheidbar Einheitlich Navigationsalternativen: Text und Grafik Aber: Kein Überangebot an Navigationsmitteln! Martin Klarner, Informatik 8, FAU VORL 5/Folie 25 Martin Klarner, Informatik 8, FAU VORL 5/Folie 26 Layout und Struktur Sinn von Layout Konsistenz erhalten Vertrautheit schaffen Vermittlung von Inhalten unterstützen User auf der Seite halten Layout-Regeln Seitengröße dem Browserfenster anpassen (Scrolling vermeiden) Links müssen über Farben erkennbar sein Konsistentes Layout gewährleisten Farbe Farben haben Bedeutung Emotion Skala für Textfärbung: weiß, schwarz, rot, blau, 8 bit (256) vs. 24 bit (16 Mio.) Farben Farbenlehre: analoge, komplementäre Farben Farben müssen zusammenpassen und Lesen ermöglichen Verschiedene Bildschirme, Browser Martin Klarner, Informatik 8, FAU VORL 5/Folie 27 Martin Klarner, Informatik 8, FAU VORL 5/Folie 28 Grafik Balance zwischen Bild und Text GIF (Graphic Interchange Format) Nur 256 Farben v. a. für Zeichnungen Animiertes GIF, Interlacing Transparenz JPEG (Joint Photographic Experts Group) 16 Mio. Farben v. a. für Fotos Verschiedene Kompressionsgrade Dateigrößen beachten Verwendung als Hintergrund Multimedia /Sound Verschiedene Formate MIDI (Musical Instrument Digital Interface) WAV (WAVeform Audio File Format) MP3 (Motion Pictures Expert Group Layer 3) Voraussetzungen Mehrwert Triftige Gründe Vermeidung von Hintergrundmusik Störung Ladezeit Martin Klarner, Informatik 8, FAU VORL 5/Folie 29 Martin Klarner, Informatik 8, FAU VORL 5/Folie 30

6 Proprietäre Erweiterungen am Beispiel Flash Mehrwert eines Flash-Intros? Missbrauch von Design: Häufig Eliminierung der Navigation, Bruch mit Standard-GUIs, oberflächlicher Inhalt Verlust üblicher Funktionalität: Veränderung von Schriftgrad und Linkfarben, Back-Button innerhalb von Flash, Suche (Find-Menü), einheitliche Wartung Hoher Erstellungsaufwand Lange Download-Zeit URLs Kurze, eingängige URLs verwenden (Memorierbarkeit) Korrespondenzen zwischen URL und Struktur gewährleisten Keine ungewöhnlichen Abkürzungen einführen Sonderzeichen ("~", "/", "_", "-", ".") sparsam einsetzen (Verwirrung, Eingabe, Verwechslung) Konsistente Verwendung von Groß- und Kleinbuchstaben (für UNIX relevant!) URLs beibehalten Einstiegspunkte auszeichnen und kenntlich machen Vermeidung proprietärer Erweiterungen Martin Klarner, Informatik 8, FAU VORL 5/Folie 31 Martin Klarner, Informatik 8, FAU VORL 5/Folie 32 Frames Vorteile Organisation und Struktur Modulares Design Statische Dynamik Nachteile Widerspricht Prinzip ein Fenster ein Inhalt Fehlende/falsche Indizierung durch Suchmaschinen Probleme mit Bookmarks Navigation (Schwierigkeiten mit Back-Button) Frames (2): Probleme Zerstörung des Layouts durch neue Fenster Resizing Bildschirmauflösung alte Browserversionen Unsitte: Integration fremden Inhalts Probleme mit Bedienbarkeit Quellcode Ausdruck Interaktion zwischen Frames (Javascript) Martin Klarner, Informatik 8, FAU VORL 5/Folie 33 Martin Klarner, Informatik 8, FAU VORL 5/Folie 34 Frames (3): Verwendung Allgemeine Empfehlungen Abgeschlossenes System Nutzung für Inhaltsverzeichnisse Vergleich von Seiten Beliebige Kombinationen von Frames Alternative: Tabellen entsprechen dem Prinzip ein Fenster eine Seite erleichtern den Überblick für Benutzer geben dem Web-Designer die Kontrolle über das Layout Probleme bei Tabellen Komplexität Ladezeit Missbrauch Berücksichtigung unterschiedlicher Blickwinkel Sicht des Erstellers Abbildung der internen Struktur Sicht des Nutzers Beschränkung auf einige wenige Ideen Beachtung des HTML-Standards Geringere Fehlerwahrscheinlichkeit Ordentlicher Eindruck Zusätzliche Möglichkeiten wie Prefetching von Text (nur bei Höhe und Breite von Images) Martin Klarner, Informatik 8, FAU VORL 5/Folie 35 Martin Klarner, Informatik 8, FAU VORL 5/Folie 36

7 Allgemeine Empfehlungen (2) Abwägung bei wenig verbreiteten oder neuen Technologien: Nutzen, Aufwand,... im Zweifel die einfachere Technik Sparsamer Einsatz von Grafik, Hintergrund, grafischen Tricks (alberne Wirkung, lange Ladezeiten, Verwirrung, grafischer Overload, Bilderbucheffekt) Ehrlichkeit: Kein geistiger Diebstahl! (Respektierung von Copyrights, Trademarks ) Allgemeine Empfehlungen (3) Vermeiden von Bevormundung des Benutzers, z.b. Change these browser settings Best viewed with... Download this plug-in Zeichen der Unsicherheit Kritik an der eigenen Site Baustellenschildern ( Under Construction ) Martin Klarner, Informatik 8, FAU VORL 5/Folie 37 Martin Klarner, Informatik 8, FAU VORL 5/Folie 38 Allgemeine Empfehlungen (4) Vermeiden von Fonts, die nicht Standard sind Klischees: Zähler, laufender oder blinkender Text, Einblendungen,... Eindruck von billiger Werbung Überdimensionierte Banner Wenig Text Viele Links Allgemeine Empfehlungen (5) Entwicklung einer Corporate Identity (Logo) Interaktion erhöht den Erinnerungswert Benutzung von Metaphern (z.b. Cockpit zur Orientierung) und Bildern (z.b. Krombacher-Werbung) Automatisierung der Site und des Servers Mit eigenwilligen Nutzern rechnen Erstellung von Tracking-Statistiken Anordnung des Gitters (Grid) Martin Klarner, Informatik 8, FAU VORL 5/Folie 39 Martin Klarner, Informatik 8, FAU VORL 5/Folie 40 Sünden 100 Kilobyte in einer einzigen Tabelle Überfrachtung mit Bildern Wegsperren von Inhalt (Registrierung) Öffnen neuer Browserfenster Automatische Weiterleitungen Image Map als Hauptnavigation Fehlende Kontaktadressen Zu hohe technische Anforderungen (z.b. Shockwave- Animationen und 20-Zoll-Monitore) Sünden (2) Fehlerhafte Seiten Fehlende Elemente Sichtbare Tabellengitter Überflüssige Inhalte Laufschriften Zu breites Seitenlayout Keine Papierversion (Ausdrucke auf DIN A4) Dicke (3D)-(Tabellen-)Rahmen Dominante Hintergrundmuster Martin Klarner, Informatik 8, FAU VORL 5/Folie 41 Martin Klarner, Informatik 8, FAU VORL 5/Folie 42

8 Zusammenfassung Gesunder Menschenverstand Einfachheit Berücksichtigung des technischen Rahmenbedingungen Funktionalität und Navigierbarkeit wichtiger als künstlerischer Eindruck Design als Hilfsmittel Ziele, Benutzer, Funktionalität und Ressourcen bedingen das Design Checkliste für Sites 1. Allgemeines 2. Optik 3. Text und Bild 4. Struktur und Navigation 5. Technik 6. Inhalt 7. Sonstiges Martin Klarner, Informatik 8, FAU VORL 5/Folie 43 Martin Klarner, Informatik 8, FAU VORL 5/Folie 44 Checkliste für Sites: Allgemeines und Optik Checkliste für Sites: Bestandteile und Inhalt Erster spontaner Eindruck Ausgewogenheit Metapher Benutzerfreundlichkeit Ladezeit Corporate Identity Hintergrund Ordnung (Gitter, Spalten) Aufteilung Martin Klarner, Informatik 8, FAU VORL 5/Folie 45 Verhältnis von Text, Bildern und anderen Elementen Lesbarkeit, Absätze, Textlänge Größen, Hintergrund/Farben Thematische Textgliederung Rechtschreibung Vollständigkeit Klarheit der Aussagen, zielgruppengerechte Präsentation Inhaltliche Güte (Anstrengung, Mühe, Wertschätzung des Benutzers) Werbung (Anzahl, Position) Martin Klarner, Informatik 8, FAU VORL 5/Folie 46 Checkliste für Sites: Organisation Erkennbarkeit der Struktur Kombination mit Navigation Orientierung Darstellung Navigationsschema Zeitlicher Suchaufwand Hilfe- bzw. Suchfunktion Auffindbarkeit der Produkte, Dienstleistungen Martin Klarner, Informatik 8, FAU VORL 5/Folie 47 Checkliste für Sites: Technik und Sonstiges Ladezeit Angepasster Funktionsumfang, Konfigurierbarkeit Adäquate Umsetzung Fehler, z.b. hängende Links Zerstörbarkeit Kompatibilität Aktualität Metadaten Bekanntheit der Site (Suchmaschinen) URL-Design Sünden (s.o.) Martin Klarner, Informatik 8, FAU VORL 5/Folie 48

9 Literatur Links Dave Siegel: Creating Killer Web Sites, 2 nd Edition, Hayden Books, 1997, Patrick Lynch: Web Style Guide, 2 nd Edition, Yale Univ. Press, 2002, Jakob Nielsen, Marie Tahir: Homepage Usability: 50 Websites Deconstructed, New Riders Publishing, 2001 Jakob Nielsen: Designing Web Usability : The Practice of Simplicity, New Riders Publishing, 1999, Vincent Flanders: Web Pages That Suck: Learn Good Design by Looking at Bad Design, Sybex, 1998, Jennifer Niederst: Web Design in a Nutshell, O'Reilly, 2001 Robin Williams:The Non-Designer's Design Book, Peachpit Press, 1994 Robin Williams: Web Design Workshop, Peachpit Press, 2001 Martin Klarner, Informatik 8, FAU VORL 5/Folie Martin Klarner, Informatik 8, FAU VORL 5/Folie 50

Konstruiertes Beispiel. Design, Layout, Struktur. Praktisches Beispiel. Konstruiertes Beispiel (II) Praktisches Beispiel (III)

Konstruiertes Beispiel. Design, Layout, Struktur. Praktisches Beispiel. Konstruiertes Beispiel (II) Praktisches Beispiel (III) Konstruiertes Beispiel Design, Layout, Struktur KI-Methoden für das Web Site Engineering vor Weihnachten Konstruiertes Beispiel (II) VORL 9/Folie 2 Praktisches Beispiel Was ist daran so schlecht? Allgemeines

Mehr

Vorlesung 12: Gestaltung von Inhalten Barrieren und Barrierefreiheit

Vorlesung 12: Gestaltung von Inhalten Barrieren und Barrierefreiheit Übersicht Web (Site) Engineering (WebE) Vorlesung 12: Gestaltung von Inhalten B. Schiemann, P. Reiß Lehrstuhl für Informatik 8 Universität Erlangen-Nürnberg 19. 01. 2010 1 / 31 2 / 31 Internet und Barrieren?

Mehr

USABILITY. kurze Geschichte der Computer Interfaces. web usabilty. Bernhard Bauch, 0327044 / Digitale Kunst WS 2005/06. download PDF of this document

USABILITY. kurze Geschichte der Computer Interfaces. web usabilty. Bernhard Bauch, 0327044 / Digitale Kunst WS 2005/06. download PDF of this document web usabilty 1 Bernhard Bauch, 0327044 / Digitale Kunst WS 2005/06 download PDF of this document USABILITY kurze Geschichte der Computer Interfaces Erste Rechenmaschinen mit 1:1 Relation zwischen Interface

Mehr

Übersicht. Web (Site) Engineering (WebSE) Datenmengen. Multimedia für das Web. Multimedia und das Web SVG SMIL. Vorlesung 5: Gestaltung von Inhalten

Übersicht. Web (Site) Engineering (WebSE) Datenmengen. Multimedia für das Web. Multimedia und das Web SVG SMIL. Vorlesung 5: Gestaltung von Inhalten Übersicht Web (Site) Engineering (WebSE) Vorlesung 5: Gestaltung von Inhalten P. Reiß, B. Schiemann Lehrstuhl für Informatik 8 Universität Erlangen-Nürnberg 14. 11. 2006 Multimedia und das Web SVG SMIL

Mehr

Die häufigsten Fehler bei der Erstellung einer Homepage!

Die häufigsten Fehler bei der Erstellung einer Homepage! 2014 Die häufigsten Fehler bei der Erstellung einer Homepage! mrr-fotolia.com Die Wichtigkeit einer professionellen Website wird unterschätzt! Eine Homepage stellt alle anderen Werbemöglichkeiten in den

Mehr

Websites, die mehr können: Konzept, Technologie, Usability

Websites, die mehr können: Konzept, Technologie, Usability Websites, die mehr können: Konzept, Technologie, Usability Zeix AG Stauffacherstrasse Postfach CH-0 Zürich www.zeix.com Peter Hogenkamp peter.hogenkamp@zeix.com August 00 X'0 by Zeix AG, Zürich/St.Gallen

Mehr

Benutzerfreundliche Webseite (Usability)

Benutzerfreundliche Webseite (Usability) Benutzerfreundliche Webseite (Usability) Text von Javi Gonzalez Eine benutzerfreundliche Webseite, ist eine Webseite die sich am Benutzer orientiert. Das heisst, die Webseite wurde mit den Gedanken an

Mehr

... ECDL WEB-STARTER. 1. WAS IST DAS INTERNET...1 Überblick... 1

... ECDL WEB-STARTER. 1. WAS IST DAS INTERNET...1 Überblick... 1 INHALT 1. WAS IST DAS INTERNET...1 Überblick... 1 Entwicklung des Internet... 2 Von militärischer Notwendigkeit zum wirtschaftlichen Nutzen... 2 Wissenschaftliche Einrichtungen... 2 Private Nutzung...

Mehr

Felix Schwenzel E-Marketing Forum Xinnovations 2009. Vergessen Sie Suchmaschinenoptimierung Optimieren Sie Ihre Website

Felix Schwenzel E-Marketing Forum Xinnovations 2009. Vergessen Sie Suchmaschinenoptimierung Optimieren Sie Ihre Website Felix Schwenzel E-Marketing Forum Xinnovations 2009 Vergessen Sie Suchmaschinenoptimierung Optimieren Sie Ihre Website Felix Schwenzel Projektleiter EsPresto AG baut seit 1995 Webseiten Vergessen Sie Suchmaschinenoptimierung

Mehr

Web (Site) Engineering (WebSE)

Web (Site) Engineering (WebSE) Software Engineering : Einführung Web (Site) Engineering (WebSE) Vorlesung 8: Software Engineering () B. Schiemann, P. Reiß Lehrstuhl für Informatik 8 Universität Erlangen-Nürnberg 13.12.2005 Software

Mehr

AxCMS.net ENTERPRISE CONTENT MANAGEMENT SYSTEM. Module. AxCMS.net. Module. Copyright 2001-2006 Axinom GmbH AxCMS.net Seite 1

AxCMS.net ENTERPRISE CONTENT MANAGEMENT SYSTEM. Module. AxCMS.net. Module. Copyright 2001-2006 Axinom GmbH AxCMS.net Seite 1 AxCMS.net Copyright 2001-2006 Axinom GmbH AxCMS.net Seite 1 AxCMS.net Das AxCMS.net steht mit einem umfangreichen Template-Projekt als Visual Studio Projekt im Quellcode zum Download. Darin enthalten sind

Mehr

Web-Design. Usability / Software-Ergonomie Dr. Siegfried Olschner. Referenten: Monika Pilarska Martin Schmidkunz

Web-Design. Usability / Software-Ergonomie Dr. Siegfried Olschner. Referenten: Monika Pilarska Martin Schmidkunz Web-Design Usability / Software-Ergonomie Dr. Siegfried Olschner Referenten: Monika Pilarska Martin Schmidkunz Erlangen, 10.02.2006 Inhalt Allgemeines Design Fehler 2005 Navigation Links Grafik Methoden

Mehr

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet;

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet; Homepage von Anfang an Herzlich Willkommen! Caroline Morhart-Putz caroline.morhart@wellcomm.at Inhalt und Ziele!! HTML Grundlagen - die Sprache im Netz; HTML Syntax;!! Photoshop - Optimieren von Bildern,

Mehr

WebCT-Kurse müssen nicht immer gleich aussehen. Design und Integration grafischer Elemente in WebCT-Kurse

WebCT-Kurse müssen nicht immer gleich aussehen. Design und Integration grafischer Elemente in WebCT-Kurse WebCT-Kurse müssen nicht immer gleich aussehen Design und Integration grafischer Elemente in WebCT-Kurse Grundsätzliches zu diesem Handout Die folgenden Seiten waren Begleitmaterial zu einem Workshop,

Mehr

Jakob Nielsen Usability, alertbox. FH-Aachen VK SS06 Datarama Prof. Gasteier

Jakob Nielsen Usability, alertbox. FH-Aachen VK SS06 Datarama Prof. Gasteier Jakob Nielsen Usability, alertbox FH-Aachen VK SS06 Datarama Prof. Gasteier Inhalt 1 Kurzbiographie: Jakob Nielsen 2 Nielsen Norman Group (NNG) 3 Erfolgskonzept 4 Heuristische Evaluation 5 www.amazon.com

Mehr

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006 Webdesign 1 PCC-Seminar Einheit 1 Di., 21.3.2006 Projekt Website Wir wollen eine Website gestalten und umsetzen! Aber wie fangen wir an? Grundsätzliches: Internet Print ein anderes Medium verlangt andere

Mehr

Webdesign mit (X)HTML und CSS

Webdesign mit (X)HTML und CSS Webdesign mit (X)HTML und CSS Das Praxisbuch zum Einsteigen, Auffrischen und Vertiefen Deutsche Ausgabe der 3. englischen Auflage Jennifer Niederst Robbins Übersetzung von Kathrin Lichtenberg O'REILLY*

Mehr

Responsive Web Design Graceful Degradation and Progressive Enhancement

Responsive Web Design Graceful Degradation and Progressive Enhancement Graceful Degradation and Progressive Enhancement Seminar Web Engineering für Master-Studenten (WS 2013/2014) Betreuer: Michael Krug Datum: 13.12.2013 1 Gliederung 1. Warum? 2. Konzepte zur Anpassung an

Mehr

Checkliste Internetseiten. n/a... nicht zutreffend. BGAG - Institut Arbeit und Gesundheit Dresden (DGUV) 1

Checkliste Internetseiten. n/a... nicht zutreffend. BGAG - Institut Arbeit und Gesundheit Dresden (DGUV) 1 Checkliste für die Beurteilung von Internetauftritten n/a... nicht zutreffend 1. Werden zu allen Zielbereichen Informationen bzw. Möglichkeiten angeboten? (je nach Zielen der Internetseite sind Fragen

Mehr

Barrierefreies Internet mit Content-Management-Systemen am Beispiel des CMS Papoo. Carsten Euwens. Erstellung BITV konformer Internetseiten

Barrierefreies Internet mit Content-Management-Systemen am Beispiel des CMS Papoo. Carsten Euwens. Erstellung BITV konformer Internetseiten Carsten Euwens Erstellung BITV konformer Internetseiten Welche Möglichkeiten bietet dabei das CMS Papoo Was kann Papoo ohne Benutzereingriff Wobei kann Papoo den Seitenersteller/Redakteur unterstützen

Mehr

Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar

Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar Universitätskommunikation Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar Mit ihrem Web-Auftritt präsentiert sich die Bauhaus-Universität vor einem weltweiten Publikum.

Mehr

Einführung in das Seminarthema Web-Analyse. WS 2001/2002 H.-J. Hoffmann 9. November 2001

Einführung in das Seminarthema Web-Analyse. WS 2001/2002 H.-J. Hoffmann 9. November 2001 Einführung in das Seminarthema Web-Analyse WS 2001/2002 H.-J. Hoffmann 9. November 2001 Web-Analyse: Warum? Fehler technischer Art: - Nichtbeherrschung von HTML - Inkompatibilität der Stöberer (engl. Browser)

Mehr

Regelsammlung. Navigation. Suchfunktion DO :

Regelsammlung. Navigation. Suchfunktion DO : Regelsammlung Navigation Der Webentwickler muß verdeutlichen wo sich der Benutzer gerade befindet, welche Navigationsmöglichkeiten von einer Seite gegeben sind und welche Seiten bisher besucht worden sind.

Mehr

Webshop-Lösungen. Individuelle Webshops für Fachhandel und Endkunden

Webshop-Lösungen. Individuelle Webshops für Fachhandel und Endkunden Webshop-Lösungen Individuelle Webshops für Fachhandel und Endkunden Intuitives Shopping-Erlebnis... durch optimierte Usability und individuelles Design Die COM-ACTIVE Shoplösungen bieten Ihnen einen umfassenden

Mehr

Präsentationsziele Vorüberlegungen zum gewählten Thema

Präsentationsziele Vorüberlegungen zum gewählten Thema Präsentation Grundlagen und Tipps 1 Präsentationsziele Vorüberlegungen zum gewählten Thema Ich will mit meiner Präsentation erreichen, dass... Ziele müssen sein:... realistisch... auf die Zielgruppe abgestimmt...

Mehr

Innovationspolitik, Informationsgesellschaft, Telekommunikation. Rosengarten - Nenndorf, den 05.10.2006 RECO

Innovationspolitik, Informationsgesellschaft, Telekommunikation. Rosengarten - Nenndorf, den 05.10.2006 RECO Innovationspolitik, Informationsgesellschaft, Telekommunikation Titel "Kunden finden - Kunden binden": Subtitel Erfolgreiche Webseiten für Handwerk und Kleinunternehmen Rosengarten - Nenndorf, den 05.10.2006

Mehr

Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter

Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Barrierefreies Web Web-Sites so gestalten, dass jeder sie nutzen und lesen kann Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Dr. Armin Schulz Inhalte Was habe ich davon? Mythen Vorteile

Mehr

D. Stone et al. User Interface Design and Evaluation. Kap. 13+14 Interface-Komponenten

D. Stone et al. User Interface Design and Evaluation. Kap. 13+14 Interface-Komponenten D. Stone et al. User Interface Design and Evaluation Kap. 13+14 Interface-Komponenten Referat von Börge Kiss Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung User Interfaces

Mehr

Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System

Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System Web-Content-Management-Systeme () dienen dazu, komplexe Websites zu verwalten und den Autoren einzelner Webseiten möglichst

Mehr

Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19

Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19 Inhalt Über die Autoren... 5 1. Wie komme ich zu meinem eigenen Wunschdesign?... 13 1.1 Warum ein Content Management System?... 14 1.2 Wie finde ich den Einstieg?... 14 2. Die Anatomie eines web to date-projekts:

Mehr

Erfolg im E-Business

Erfolg im E-Business Erfolg im E-Business So machen Sie aus Besuchern Kunden Mit dem 1&1 Werbe-Paket garantieren wir Ihnen monatlich eine feste Anzahl von qualifizierten Besuchern auf Ihrer Homepage. Alle diese Besucher haben

Mehr

Webseiten mit HTML. Visual QuickProject Guide. von Elizabeth Castro

Webseiten mit HTML. Visual QuickProject Guide. von Elizabeth Castro Webseiten mit HTML Visual QuickProject Guide von Elizabeth Castro Der Ihnen vorliegende Visual QuickProject Guide langweilt nicht mit Theorie und umständlichen Erklärungen, sondern nutzt große Farbabbildungen

Mehr

Content Management mit Typo3

Content Management mit Typo3 Content Management mit Typo3 Ausgangssituation Zielstellung Evaluation (Zwischen) Ergebnis Demo Ausgangssituation: Gewachsener Internet Auftritt Struktur: Werkzeuge: Einstiegsseiten V.3 Gruppen Seiten

Mehr

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung 3-W-Event Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign Sabrina Schoenfelder Projektleitung, Beratung internezzo ag Grundstrasse 4b CH-6343 Rotkreuz Tel. +41 41 748 02 48 www.internezzo.ch

Mehr

Webdesign mit HTML & CSS

<Trainingsinhalt> Webdesign mit HTML & CSS Webdesign mit HTML & CSS Einführung...11 Das Internet, das Web und HTML...12 Offen, doch nicht gleich...13 Der Krieg der Browser...14 Ein Schub in Richtung Standards...15 Das aktuelle

Mehr

Datenbank-basierte Webserver

Datenbank-basierte Webserver Datenbank-basierte Webserver eines Datenbank-basierten Webservers Karl Riedling Institut für Sensor- und Aktuatorsysteme 2 zur Gestaltung von Klare, übersichtliche Seitengestaltung Hinreichende Navigationshilfen

Mehr

Digital Imaging Einführung

Digital Imaging Einführung Tutorium Digital Imaging Einführung 7./14. Juli 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Bilder bestehen aus Pixeln Die Maße eines Bildes bestimmen sich aus Breite x Höhe in Pixeln (Auflösung)

Mehr

L A TEX Presentation Packages

L A TEX Presentation Packages L A TEX Presentation Packages Andre Gass, Jörn Spannhacke 28. November 2003 Das Seminar Package Allgemein Das Prosper Package Allgemein Beispiel PDFscreen Beispiel Nachteile Beamer Nachteile Themes Das

Mehr

Bildbearbeitung: Grafikformate II und Farbmodelle

Bildbearbeitung: Grafikformate II und Farbmodelle Michael Gieding Bildbearbeitung: Grafikformate II und Farbmodelle Folien zur gleichnamigen Lehrveranstaltung PH-Heidelberg, Sommersemester 2004 Wiederholung Folie 1: Speicherplatzberechnungen Grafikformate

Mehr

Webseiten werden mobil Planung geht vor

Webseiten werden mobil Planung geht vor Webseiten werden mobil Planung geht vor Mobiles Web Aspekte der Planung 20. April 2012 Inhaltliche Schwerpunkte Einordnung mobiler Technologien Besonderheiten mobiler Touchscreen-Geräte Best Practices

Mehr

DATENFORMATE IM INTERNET

DATENFORMATE IM INTERNET DATENFORMATE IM INTERNET Steffen Petermann Projekt reisefieber:// BILDFORMATE JPG / GIF / PNG / SVG MULTIMEDIA FLASH / SHOCKWAVE TEXT-BASIERTE FORMATE HTMP / CSS / JS / CGI / PHP AUDIO & VIDEO MP3 / MOV

Mehr

Gründe für Accessibility («Zugänglichkeit, Barrierefreiheit»)

Gründe für Accessibility («Zugänglichkeit, Barrierefreiheit») Access-for-all-Award Merkblatt für barrierefreies Webdesign «Die Macht des Internets ist seine Universalität, der Zugang für alle, unabhängig von Behinderungen, ist ein zentraler Aspekt darin.» (frei nach

Mehr

Warum Tables doof und Divs viel besser sind

Warum Tables doof und Divs viel besser sind Warum Tables doof und Divs viel besser sind Web Development Fulda 03.02.2010 Dr. med. Christine Trutt-Ibing www.barrierearm-im-netz.de Barrierefreier Zugang zu einem Internetauftritt bedeutet, dass Internetanwendungen

Mehr

Bewertungsmatrix Performance-Analyse

Bewertungsmatrix Performance-Analyse Bewertungsmatrix Performance-Analyse Inhalte Auswahl der Inhalte Wesentliche Inhalte Impressum vorhanden? Mail an Webmaster möglich? Zielgruppenorientierung Interessen getroffen? Bildungsniveau getroffen?

Mehr

Photoshop für Webdesigner. Briefing und Projektplanung 4o. Farbkonzepte und Farben 52 Farbmischung Farben im Web Farbwirkungen Farbkontraste.

Photoshop für Webdesigner. Briefing und Projektplanung 4o. Farbkonzepte und Farben 52 Farbmischung Farben im Web Farbwirkungen Farbkontraste. Photoshop für Webdesigner ie Voreinstellungen 16 Allgemein 17 Benutzeroberfläche 18 Dateihandhabung 19 Leistung 20 Zeigerdarstellung 20 Transparenz/Farbumfang-Warnung 20 Maßeinheiten t Lineale 21 Hilfslinien,

Mehr

Wissensmanagement mit Neuen Medien: Website-Konzeption

Wissensmanagement mit Neuen Medien: Website-Konzeption Wissensmanagement mit Neuen Medien Übung Wissensmanagement mit Neuen Medien: Website vs. Webseite Mit dem Begriff Website ist der Auftritt eines Unternehmens, einer Person oder einer Organisation im World

Mehr

Checkliste für die Planung einer neun Website

Checkliste für die Planung einer neun Website Checkliste für die Planung einer neun Website Sie planen Ihre Webseite zu erneuern oder eine neue Website zu erstellen? Aber Sie wissen nicht wo Sie anfangen sollen? Sie wissen auch nicht, worauf Sie achten

Mehr

Kanton St.Gallen Design Guidelines Web-Auftritt des Kantons St.Gallen

Kanton St.Gallen Design Guidelines Web-Auftritt des Kantons St.Gallen Design Guidelines Web-Auftritt des Kantons St.Gallen Version 8.0 - CQ5-Redesign Juli 2011 Inhalt 1. Geltung und Reichweite der Guidelines 2. Visual Design Basics 3. Style Guide Internet «sg.ch» 4. Style

Mehr

Log Files geben Informationen

Log Files geben Informationen Online- Marketing Log Files geben Informationen welche Dateien wie oft abgerufen wurden wie lange die Besucher blieben von welcher Seite sie kamen (Refering- Websites) mit welchem Browser sie surfen welches

Mehr

Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved

Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved Easy Mobile Homepage Nützliche Tipps für die Nutzung der Software Danke für Ihr Interesse! Danke für Ihr Interesse an unserer neuen Software und wir freuen uns darüber, dass Sie die Tutorials angefordert

Mehr

Einfach machen. Websites

Einfach machen. Websites DieWebSeitenMontage Einfach machen Websites 1 Themen: Struktur Layout Funktionen seite gefunden werden - Suchbegriffe finden auf den Webseiten Inhalte finden Webseiten erstellen Erfolgskontrolle 2 Layout

Mehr

ImageReady. office@wofi.at www.wofi.at

ImageReady. office@wofi.at www.wofi.at ImageReady office@wofi.at www.wofi.at Inhaltsverzeichnis Inhaltsverzeichnis 0. EINLEITUNG...3 0.1. Was ist ImageReady?...3 0.2. So wechseln Sie zwischen ImageReady und Photoshop...3 0.3. Slices...3 0.3.1.

Mehr

Digitale Medien. Inhalt. Web-Usability. Usability. Usability. Verbreitete Usability-Fehler. Tote Links oder fehlende Bilder.

Digitale Medien. Inhalt. Web-Usability. Usability. Usability. Verbreitete Usability-Fehler. Tote Links oder fehlende Bilder. Inhalt Digitale Medien 6. WEB USABILTY/DESIGN Webdesign Probleme, häufige Fehler Richtlinien Organisation von Informationen Bilder und ihre Parameter Barrierefreiheit Typographie Validierung 2 Usability

Mehr

Checkliste Webdesign. markus zellner MEDIADESIGN

Checkliste Webdesign. markus zellner MEDIADESIGN markus zellner MEDIADESIGN Schindackersweg 10 D - 41334 Nettetal telefon: +49 (0) 21 57. 88 63 64 mobil: +49 (0) 1 72. 2 67 75 24 fax: +49 (0) 21 57. 90 96 38 email: info@mz-mediadesign.de info@web-media-design.com

Mehr

Design & UX. Tim Schoch UX Designer IOZ AG Januar 2015

Design & UX. Tim Schoch UX Designer IOZ AG Januar 2015 Design & UX Tim Schoch UX Designer IOZ AG Januar 2015 Tim Schoch, UX Designer bei der IOZ AG Zuständig für das Schöne und das Praktische rund um SharePoint und Office 365 Aufgaben als UX-Designer: Umsetzen

Mehr

Sachbearbeiter Tourismus Internet

Sachbearbeiter Tourismus Internet Sachbearbeiter Tourismus Internet Georg Ernst info@actio.ch www.actio.ch Interentnutzung (Kennzahlen) Aktuelle Kennzahlen können unter folgender Webadresse nachgeschlagen werden: http://www.bfs.admin.ch/bfs/portal/de/index

Mehr

Workshop Web-Projekte

Workshop Web-Projekte Workshop Web-Projekte 1 Bekanntmachen Prof. Dr. Susann Kowalski - FH Köln - Fakultät für Wirtschaftswissenschaften - Organisation und Datenverarbeitung E-Learning Software-Engineering für Web-Projekte

Mehr

Format Kompression Farbtiefe Speicherbedarf Eigenschaften bmp. Windows Bilder Bitmap. Bis 16,7 Mio Austauschformat zwischen Welten

Format Kompression Farbtiefe Speicherbedarf Eigenschaften bmp. Windows Bilder Bitmap. Bis 16,7 Mio Austauschformat zwischen Welten Bildbearbeitung Bilder und Grafiken müssen für den Druck oder den Bildschirm unterschiedlich aufbereitet werden. Entscheidend ist dabei der Speicherbedarf und davon abhängig die Bildqualität. Ein Bild

Mehr

Über den Autor... 10 Vorwort... 11 Einleitung... 13

Über den Autor... 10 Vorwort... 11 Einleitung... 13 Über den Autor............................................ 10 Vorwort................................................... 11 Einleitung................................................. 13 Teil I Online

Mehr

Trend: Mobiles Internet. Eine aktuelle Übersicht

Trend: Mobiles Internet. Eine aktuelle Übersicht Trend: Mobiles Internet Eine aktuelle Übersicht Computer verändern sich Kommunikation verändert sich Fotografie verändert sich Drei Erfolgsfaktoren 1 Seien Sie auf allen Bildschirmen präsent 2 Seien Sie

Mehr

Marketing im Internet

Marketing im Internet Existenzgründung Marketing im Internet Seien Sie von Anfang an gut aufgestellt. Einst lebten wir auf dem Land, dann in Städten und von jetzt an im Netz. Mark Zuckerberg im Film. The social Network. Projekt:

Mehr

Merkmale von gutem Webdesign

Merkmale von gutem Webdesign Geschäftsinhaberin: Nadine Wohlrabe Maxburgring 40b 76887 Bad Bergzabern mobil + 49 176 23861199 fon + 49 63 43 93 15 25 fax + 49 63 43 93 15 26 Merkmale von gutem Webdesign www.quadronet.de email@quadronet.de

Mehr

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo Mit Jimdo ist das Erstellen einer eigenen Homepage ganz besonders einfach. Auch ohne Vorkenntnisse gelingt es in kurzer Zeit, mit einer grafisch sehr ansprechenden

Mehr

Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [

Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [ Björn Seibert Manuela Hoffmann Professionelles Webdesign I mit (X)HTML und CSS [ Inhalt Vorwort 11 Über das Buch 11 Über die Autoren 12 Teil I Bevor es losgeht... 15 1 Einfach moderne Websites 19 1.1 Auf

Mehr

Web-Usability und Web-Styleguides

Web-Usability und Web-Styleguides Seminararbeit im Fach Mensch-Maschine-Interaktion an der Fachhochschule Trier Web-Usability und Web-Styleguides Hans-Jürgen Stemmer, Dipl. Inf (FH) Juli 2004 Web-Usability und Web-Styleguides Im Internet

Mehr

Universelle Benutzbarkeit und Barrierefreiheit bei Webseiten der breiten Masse und der öffentlichenhand

Universelle Benutzbarkeit und Barrierefreiheit bei Webseiten der breiten Masse und der öffentlichenhand Markus Tressl Universelle Benutzbarkeit und Barrierefreiheit bei Webseiten der breiten Masse und der öffentlichenhand Grundlagen, Erklärungen und Lösungswege zur Erstellung von behindertengerechten, gesetzeskonformen

Mehr

Usability im mobilen Web

Usability im mobilen Web Usability im mobilen Web Rezepte und Konzepte für die beste mobile Web Usability web mobile specialists Benno Bartels, 02.12.09 iphonedevcon, Köln Marketing Entwicklung Usability 2 Danke iphone! Usability:

Mehr

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb Die Komprimierung: Die Abkürzung JPG (oder auch JPEG) steht für "Joint Photographic Experts Group". Dieses Bildformat ist nach der Expertengruppe, die es erfunden hat, benannt. Die Komprimierung empfiehlt

Mehr

Schritte zu einer guten Über mich Seite in XING.

Schritte zu einer guten Über mich Seite in XING. Schritte zu einer guten Über mich Seite in XING. 1 1. Die Wirkung der Über mich Seite in XING Im neuen XING Layout spielt die Über mich Seite von der Sichtbarkeit und Optik eine zentralere Rolle. Beim

Mehr

PRAKLA SEISMOS Downloadportal

PRAKLA SEISMOS Downloadportal PRAKLA SEISMOS Downloadportal Voraussetzungen Um die recht umfangreichen PDF Dokumente, mit einer Größe bis zu 60 MByte, ansehen zu können, müssen sie aus dem Internet geladen werden. Dazu ist eine schnelle

Mehr

KURZANLEITUNG HOMEPAGEBUILDER

KURZANLEITUNG HOMEPAGEBUILDER KURZANLEITUNG HOMEPAGEBUILDER Hochwertige Homepages selbst erstellen und ändern: 300 unterschiedliche adaptierbare Designs für alle Themen und Branchen! > Individuelle Menüführung, Logo Maker und freie

Mehr

Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2. Eine Hover-Schaltfläche erstellen... 2. Was ist in Ihrem Web passiert?...

Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2. Eine Hover-Schaltfläche erstellen... 2. Was ist in Ihrem Web passiert?... Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2 Eine Hover-Schaltfläche erstellen... 2 Was ist in Ihrem Web passiert?... 3 Eine Rollover-Schaltfläche erstellen... 4 Vorbereitung für eine

Mehr

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 4. Wie sieht die Zukunft im Responsiven Webdesign aus? Special: Responsives

Mehr

Inhaltsverzeichnis. Teil i: Die Grundlagen 19. ^sp^ Einführung 11

Inhaltsverzeichnis. Teil i: Die Grundlagen 19. ^sp^ Einführung 11 Inhaltsverzeichnis Einführung 11 Teil i: Die Grundlagen 19 ^sp^ Die Arbeitsoberfläche erkunden 21 1.1 Das Startfenster als erste Orientierung 23 1.2 Dokumentfenster mit unterschiedlichen Ansichten 24 1.3

Mehr

Usability Untersuchung eines Internetauftrittes nach DIN EN ISO 9241 Am Praxisbeispiel der Firma MAFI Transport-Systeme GmbH

Usability Untersuchung eines Internetauftrittes nach DIN EN ISO 9241 Am Praxisbeispiel der Firma MAFI Transport-Systeme GmbH Markus Hartmann Usability Untersuchung eines Internetauftrittes nach DIN EN ISO 9241 Am Praxisbeispiel der Firma MAFI Transport-Systeme GmbH Diplom.de Markus Hartmann Usability Untersuchung eines Internetauftrittes

Mehr

Mario Fischer. Website Boosting. Suchmaschinen-Optimierung, Usability, Webseiten- M arketi ng

Mario Fischer. Website Boosting. Suchmaschinen-Optimierung, Usability, Webseiten- M arketi ng Mario Fischer Website Boosting Suchmaschinen-Optimierung, Usability, Webseiten- M arketi ng Über den Autor 10 Vorwort 11 Einleitung 13 Teil I Online Marketing: Kunden holen 17 i Traditionelles Online-Marketing

Mehr

Online Generierung von Abonnenten Blickverlaufsstudie zur Usability von Abo-Gewinnungs-Sites

Online Generierung von Abonnenten Blickverlaufsstudie zur Usability von Abo-Gewinnungs-Sites Kommunikationsplattform Verlage Online Generierung von Abonnenten Blickverlaufsstudie zur Usability von Abo-Gewinnungs-Sites Silvia Mühlbach Die Kür angehen ohne die Pflicht zu vernachlässigen Thema Media

Mehr

Die Bürgerstiftung im Internet

Die Bürgerstiftung im Internet Die Bürgerstiftung im Internet Markus Behr Schulen ans Netz e.v., Bonn Kontakt: Markus.Behr@web.de Vorüberlegungen Zielsetzung: Was wollen wir mit der Internetseite erreichen? Zielgruppe: Wen möchten wir

Mehr

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press Manuela Hoffmann Modernes Webdesign Gestaltungsprinzipien, Webstandards, Praxis Galileo Press Einleitung 11 TEIL I: Das Design 1 Webdesign und Webstandards 17 1.1 Webdesign, was ist das eigentlich? 17

Mehr

Design-Tipps zur Gestaltung von Webseiten mit CM4all Business

Design-Tipps zur Gestaltung von Webseiten mit CM4all Business Design-Tipps zur Gestaltung von Webseiten mit CM4all Business Content Management AG 1 www.cm4allbusiness.de Inhalt 1. Typografie & Textformatierung...3 1.1 Schriftarten... 3 1.2 Schriftgrößen und -schnitte...

Mehr

Inhaltsverzeichnis. Vorwort Einleitung. 1 Die Philosophie 21. 2 Die neue Technologie: XAML, WPF und Silverlight 47

Inhaltsverzeichnis. Vorwort Einleitung. 1 Die Philosophie 21. 2 Die neue Technologie: XAML, WPF und Silverlight 47 Vorwort Einleitung 1 3 Bisherige Möglichkeiten des UI-Designs 5 Die neuen Möglichkeiten 7 Die neuen Herausforderungen Ausblick Ziel dieses Buches An wen richtet sich dieses Buch Diskussion zu diesem Buch

Mehr

Suchmaschinenoptimierung mit WebsiteBaker - Webmarketing -

Suchmaschinenoptimierung mit WebsiteBaker - Webmarketing - Suchmaschinenoptimierung mit WebsiteBaker - Webmarketing - Erfolgreiches Webmarketing mit einem eigenen Internetauftritt Die Voraussetzung für ein erfolgreiches Webmarketing ist immer eine => benutzer-freundliche

Mehr

ISCOM Webdesign Angebotsformular

ISCOM Webdesign Angebotsformular www.iscomtech.com Aktualisiert: Mai, 2010 ISCOM Technologies Webdesign Angebotsformular Seite 1 of 5 ISCOM Webdesign Angebotsformular 1 Angaben zum Unternehmen Firma / Gesellschaftsform Berufsbezeichnung

Mehr

a. Bildtypen für Webseiten:

a. Bildtypen für Webseiten: HTML-Tipps 1. Ordnerstruktur Erstellt man eine umfassende Website, sollte man sich eine vernünftige Ordnerstruktur überlegen und nicht alle Dateien in einen Ordner stellen. Schließlich erleichtert einem

Mehr

Fragen der Software Ergonomie

Fragen der Software Ergonomie Software Ergonomie Fragen der Software Ergonomie Wie müssen Benutzeroberflächen gestaltet sein, damit die Applikationen anwenderfreundlich, leicht bedienbar, ansprechend und motivierend sind? Normale User

Mehr

Selbst ist der Webmaster! Der Schlüssel dazu ist ein Content-Management-System.

Selbst ist der Webmaster! Der Schlüssel dazu ist ein Content-Management-System. Selbst ist der Webmaster! Der Schlüssel dazu ist ein Content-Management-System. Ein CMS ist ein webbasiertes Verwaltungssystem, das es jedem Besitzer einer Website ermöglicht, die Inhalte, also den Content,

Mehr

«Es gibt bereits alle guten Vorsätze,

«Es gibt bereits alle guten Vorsätze, Do s and dont s professioneller Webauftritte «Es gibt bereits alle guten Vorsätze, wir brauchen sie nur noch anzuwenden.» Pascal Blaise (1623 1662) 1 Inhalt Die Wichtigkeit von Webseiten Ihr Auftritt im

Mehr

Marco Wilhelm Linke www.seo-marketing-guru.de

Marco Wilhelm Linke www.seo-marketing-guru.de Marco Wilhelm Linke www.seo-marketing-guru.de SEO in 4 Schritten 1 Idee finden Nach welchen Begriffen möchte ich gefunden werden? 2 Ideen prüfen Wonach suchen meine Kunden wirklich? 3 4 Kampagne erstellen

Mehr

Herzlich Willkommen! KALIBER42 - ein Kurzprofil

Herzlich Willkommen! KALIBER42 - ein Kurzprofil Herzlich Willkommen! KALIBER42 - ein Kurzprofil 11/2007 PINSKER Druck und Medien Die Agentur Inhabergeführt, seit 1998-5 Mitarbeiter - Full-Service - Cross-Media - Marketing-Leidenschaft Schwerpunkte -

Mehr

ECDL WebStarter Syllabus Version 1.0

ECDL WebStarter Syllabus Version 1.0 EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.0 Copyright 2004 Österreichische Computer Gesellschaft. Alle Rechte vorbehalten The European Computer Driving Licence Foundation Ltd.

Mehr

Allgemeine Geschäftsbedingungen Preis- und Leistungsübersicht

Allgemeine Geschäftsbedingungen Preis- und Leistungsübersicht Preis- und Leistungsübersicht Webauftritt / Webdesign Die Kosten eines Webauftritts hängen vom Umfang der Site ab, wie z.b. den verwendeten Techniken, Bildern, Logos und dem Inhalt (Texte). Aot web & data

Mehr

Zimplit CMS Handbuch. Einführung. Generelle Informationen

Zimplit CMS Handbuch. Einführung. Generelle Informationen Zimplit CMS Handbuch Einführung Dieses Dokument gibt Ihnen einen Überblick über die Nutzeroberfläche des Zimplit CMS (Content Management System) und seinen Funktionen. Generelle Informationen Version:

Mehr

Das moderne Redaktionshandbuch als Rückgrat technischer Dokumentation

Das moderne Redaktionshandbuch als Rückgrat technischer Dokumentation als Rückgrat technischer Dokumentation Gertraud Fischer cognitas. Gesellschaft für Technik-Dokumentation mbh 85521 Ottobrunn, Alte Landstr. 6 33106 Paderborn, Heinz-Nixdorf-Ring 1 www.cognitas.de gertraud.fischer@cognitas.de

Mehr

10 Jahre Web: Bilanz aus Usability-Sicht

10 Jahre Web: Bilanz aus Usability-Sicht Freitag,, 11.15 Uhr Seminar a14 10 Jahre Web: Bilanz aus Usability-Sicht Peter Hogenkamp Zeix AG Usability Consulting User-Centered Design Bessere Produkte und Anwendungen User Education schlauere User

Mehr

Vortrag über Barrieren im Internet

Vortrag über Barrieren im Internet Vortrag über Barrieren im Internet von WEB for ALL - Projekt für Barrierefreiheit im Internet Alte Eppelheimer Str. 38 69115 Heidelberg WEB for ALL Mitglied beim WEB for ALL Projekt für Barrierefreiheit

Mehr

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic Einleitung Graphic Interchange Format Joint Photographic Expert Group Portable Network Graphic scalabel Vector Graphic Fazit Übungsaufgabe Speichern Einleitung Das Web ist eines der wichtigsten Medien

Mehr

Inhaltsverzeichnis. Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2. Schritt 1: Design auswählen...3

Inhaltsverzeichnis. Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2. Schritt 1: Design auswählen...3 Inhaltsverzeichnis Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2 Schritt 1: Design auswählen...3 Schritt 2: Umfang und Struktur der Seiten bestimmen...7 Schritt 3: Inhalte bearbeiten...9 Grafik

Mehr

Advanced CMS. Copyright 2015 silbersaiten.de Service&Support: https://addons.prestashop.com/en/write-to-developper?

Advanced CMS. Copyright 2015 silbersaiten.de Service&Support: https://addons.prestashop.com/en/write-to-developper? Advanced CMS Copyright 2015 silbersaiten.de Service&Support: https://addons.prestashop.com/en/write-to-developper?id_product=19835 1. Installation Nachdem Sie das Modul Advanced CMS heruntergeladen und

Mehr

Grafische Gestaltung von Websites. Seminar 2009

Grafische Gestaltung von Websites. Seminar 2009 Grafische Gestaltung von Websites Seminar 2009 Visuelle Kommunikation ist die Übermittlung von Information in einer Weise, die über das Auge direkt oder indirekt wahrgenommen wird. Gestaltungslösung ist

Mehr