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 Was macht Zeix? Medienkompetenz kompetentere Medien Usability Beratung Anleitungen Wir machen das Internet einfacher bedienbar August 00 X'0 by Zeix AG, Zürich/St.Gallen
Was ist «Usability»? wörtlich «Benutzbarkeit»... übersetzt als «Benutzungsfreundlichkeit» Beispiele: August 00 X'0 by Zeix AG, Zürich/St.Gallen Übersicht Präsentation Homepage Usability Welche Homepage wirkt professionell? Welche Signale sollte man vermeiden? Seiteneinteilung und Navigation Wie orientiert sich der User auf der Site? Welches sind seine «blinden Flecken»? Domains und URLs Was sind gute, was schlechte Adressen? Welche Adressen funktionieren in der Schweiz? August 00 X'0 by Zeix AG, Zürich/St.Gallen
Beispiele für professionelle, moderne Schweizer Homepages August 00 X'0 by Zeix AG, Zürich/St.Gallen Beispiel für eine... etwas weniger professionelle und moderne Homepage August 00 X'0 by Zeix AG, Zürich/St.Gallen
Evolution einer Homepage Beispiel : Bluewin bis. Juli 00: seit. Juli 00: August 00 X'0 by Zeix AG, Zürich/St.Gallen Evolution einer Homepage Beispiel : Baggenstos itshop bis August 00: ab September 00: August 00 X'0 by Zeix AG, Zürich/St.Gallen
Professionell unprofessionell aufgeräumt überladen weisser Hintergrund wenige Farben zurückhaltende Farben professionelle Grafiken schwarzer Hintergrund viele Farben grelle Farben gebastelte Grafiken ruhig viele Animationen Weissraum professionelle Fotos ein Browserfenster ausgefüllt irgendwelche Fotos Pop-up-Fenster Stand: August 00 Stand: etwa August 00 X'0 by Zeix AG, Zürich/St.Gallen «The trunk test» von Steve Krug Ein User, der in einem Kofferraum eingesperrt war, herausgelassen wird und vor eine beliebige Seite auf einer beliebigen Website gesetzt, sollte sofort diese sechs Fragen beantworten können. aus: Steve Krug: «Don t make me think», p. ff.. Auf welcher Site bin ich? Site ID. Auf welcher Seite bin ich? Page Name. Was sind die Hauptbereiche? Sections. Was kann ich auf dieser Ebene tun? Local Navigation. Wo befinde ich mich? «You are here» indicator. Wie kann ich suchen? Search August 00 X'0 by Zeix AG, Zürich/St.Gallen
. Site ID. Page Name. Sections. Local Navigation. «You are here». Search Site ID! Site ID? Site ID? You are here? Sections Page Name Local Navigation Search Stand: Juni 00. Site ID. Page Name Sections? Site ID. Sections. Local Navigation Search. «You are here». Search Sections? Page Name Local Navigation You are here
. Site ID. Page Name. Sections. Local Navigation. «You are here». Search. Site ID. Page Name. Sections. Local Navigation. «You are here». Search
. Site ID. Page Name. Sections. Local Navigation. «You are here». Search Wie scannt der User eine Webseite? Links oben Linke Bedienzone Kopfzeilenzone Zentrum «Fusszeilenzone» Rechte Bedienzone August 00 X'0 by Zeix AG, Zürich/St.Gallen
Welche Elemente vermutet der User auf einer Webseite? Logo Hauptnavigation? Kontextnavigation? Banner? Sekundärnavigation? Content? Kontextnavigation? Features? Werbung? August 00 X'0 by Zeix AG, Zürich/St.Gallen Orientierung auf der Homepage am Beispiel Bluewin «blinde Flecken» Logo Hauptnavigation Banner Navigation Content Werbung August 00 X'0 by Zeix AG, Zürich/St.Gallen
Die «blinden Flecken» wachsen: Seite August 00 X'0 by Zeix AG, Zürich/St.Gallen Die «blinden Flecken» wachsen: Seite August 00 X'0 by Zeix AG, Zürich/St.Gallen
Die «blinden Flecken» wachsen: Seite August 00 X'0 by Zeix AG, Zürich/St.Gallen Aufbau einer Webadresse (URL) Second-Level-Domains unter.ch nur Buchstaben a bis z und Ziffern von 0 bis mindestens, höchstens Zeichen keine Gross-/Klein- Schreibung keine Umlaute (angeblich in Vorbereitung) nur Sonderzeichen "-" Quelle: http://www.switch.ch/de/id/introduction.html aus: Zeix Internet Box, «So surfen Sie im Internet», S. August 00 X'0 by Zeix AG, Zürich/St.Gallen
In der Schweiz übliche Top Level Domains.ch.com.net.org Kaum üblich sind: die Nachbarländer.de.at.fr die neuen TLDs.info.biz die billigen Exoten.ws.ms August 00 X'0 by Zeix AG, Zürich/St.Gallen Kriterien für gute Domains und URLs kurz und schnell zu tippen verständlich und merkbar eindeutige Schreibweise (bei zweideutiger Schreibweise Varianten reservieren und umleiten) URLs nachvollziehbar und «hackable» "www" nicht obligatorisch Machen Sie den «Tram-Test»:. Wie gut funktioniert Ihre URL gelesen? (auf Plakat sehen und bis nach Hause merken können). Wie gut funktioniert Ihre URL gehört? (Unterhaltung mithören und richtig schreiben können) Entscheid «Single Brand» oder «Multi Brand»? August 00 X'0 by Zeix AG, Zürich/St.Gallen
Gute und einfache URLs sind wichtig... Einfach: www.ubs.ch www.novartis.ch www.search.ch www.<name>.ch www.zh.ch fahrplan.zvv.ch webmail.bluewin.ch Weniger einfach: www.xpage.ch www.cede.ch www.stadt-zuerich.ch www.caryou.ch www.network-ag.com www.sbb.ch/pv/index_d.htm www.db-business-direct.de...aber: der Nutzen generischer Domain Namen wurde im Hype stark überschätzt. August 00 X'0 by Zeix AG, Zürich/St.Gallen Beispiel für einen URL-Entscheid auf einer Multi-Domain-Website Gesucht wurde: URL für Jobangebot der Stadt Zürich, Arbeitstitel "züri jobs online" in Betrieb: www.stadt-zuerich.ch, www.stzh.ch, diverse Dienstabteilungen Vorschläge www.zjo.ch www.zuerijobsonline.ch www.zh-jobs.ch vom Team: Entscheid für: www. www.zuerijobs-online.ch www.zuerijobs.ch www.fuerzuerischaffe.ch www.zuerischafft.ch www.schaffebizueri.ch www.stellenboerse.ch www.zjo.stzh.ch www.stellenboerse.stadt-zuerich.ch www.zjo.stadt-zuerich.ch www.stellenboerse.stzh.ch jobs.stadt-zuerich.ch August 00 X'0 by Zeix AG, Zürich/St.Gallen
Danke für Ihre Aufmerksamkeit. Präsentation als PDF www.zeix.net/x0 neue Zeix-Broschüren weiterlesen offline Steve Krug: «Don't make me think» Jakob Nielsen: «Homepage Usability» weiterlesen online www.useit.com/alertbox demnächst online: www.nutzbar.ch weitere Fragen: peter.hogenkamp@zeix.com August 00 X'0 by Zeix AG, Zürich/St.Gallen