Archiv der Kategorie: webDev

usability in stuttgart

Wie geplant war ich heute auf dem "World Usability Day" im stuttgarter Rathaus.

Barierefreies Webdesign: 

WUD_Vortrag.jpgEs gab 2 Vorträge zu barrierfreiem Webdesign die ich mir angehört habe. Interessant fand ich dabei, dass barrierefreie Webseiten Kosten sparen können. Durch ein neues barrierefreies Onlineangebot konnte z.B. die Serverlast um über 60% reduziert werden, erklärte einer der Referneten. Die Seiten werden durch das kleinere Volumen schneller geladen und die Server konnten ca. 2 Jahre länger als ursprünglich geplant im Einsatz bleiben.

Als barierefrei werden Seiten bezeichnet, die für alle gleichermaßen zugänglich sind und niemanden ausschließen. Erstaunt war ich auch über die doch recht große Bevölkerungsgruppe, die von barrierefreien Seiten profitieren. Es sind nicht nur sehbehinderte, blinde, schwerhörige oder gehölose, wie meist vermutet. Auch "Internet-Anfänger", motorisch behinderte Menschen, die immer größer werdende Gruppe von älteren Menschen (zu der ich ja jetzt wohl auch so langsam gehöre ;-)) sowie Menschen mit älterer Hard- und Software (die Modem-Menschen) profitieren entscheidend davon.

In Deutschland sind 6,7 Mio Menschen schwerbehindert, 155.000 Menschen blind, 500.000 Menschen sehbehindert, ca. 10% der männlichen Bevölkerung rot-grün-blind und 18,8 Mio. Menschen älter als 60 Jahre.

Das barrierefreies Webdesign dabei schönes Webdesign sein kann, sieht man meiner Meinung nach an vielen schönen Weblogs, welche die Vorgaben erfüllen. Ein paar einfache Punkte die dabei u.a. zu beachten sind, wären z.B.

  • Alternativtexte für sämtliche Grafiken zu vergeben,
  • Seiten klar anhand von Überschriftshierarchien zu gliedern
  • auf Layouttabellen und Frames zu verzichten
  • Anpassung der Schriftgröße durch Verwendung relativer Schriftgrößen erlauben
  • kritische Farbkombinationen zu meiden und klare Kontraste zu bevorzugen
  • logische Tabulatorfolgen und Ermöglichung von Tastaturbefehlen

Weitere Informationen gibt es z.B. auf den Seiten von BIK und EFA

Eye-Tracking: 

eye-tracking.jpgBegeistert hat mich auch der Eye-Tracking Test der HDM. Dabei werden die Blickbewegungen beim Betrachten eines Monitors aufgezeichnet.  Für die Webseite der Stadt Stuttgart wird derzeit eine Analyse erstellt. Jeder Testteilnehmer erhielt einen "Gaze-Plot", eine Aufzeichnung der Blickbewegungen und der Ruhepunkte der Augen beim betrachten der Seite Stuttgart.de. Dadruch kann analysiert werden wie ein Anwender die Webseite wahrnimmt, wie gut er sich in der Navigation zurechtfindet und Informationen auf der Seite findet. Entsprechend kann aus diesen Erkenntnissen ein Onlineangebot optimiert werden. Ich hoffe das sich jedenfalls die Seiten der Stadt Stuttgart noch etwas verbessern werden.

Informationen zu Usability und Eyetracking gibt es beim Fraunhofer Institut und auf den Seiten des Usability Lab.

weblogs usability und anonymität

Jakob Nielsen, der Usability Guru hat in seiner Alertbox die 10 häufigsten Weblog-Design-Fehler aufgelistet. Nachdem ich den Artikel via DrWeb gefunden hatte, habe ich natürlich gleich mal mein weblog überprüft. Auch Erik, ein seelenverwandter Mzungu und übrigens der Besitzer der Domain mzungu.com, nimmt darauf Bezug und fragt sich wohl auch wieviel er über sich preisgeben möchte. Soll’s nun die "Über mich"-Seite geben, oder lieber doch anonym? Ein Problem der Privacy? Naja, mit meiner Anonymität ist es vermutlich eh dahin…

Zurück zur Usability, nachdem ich ja schon vor kurzem das buch "texten für das internet" erwähnt habe, werde ich hoffentlich das Thema auf dem World Usability Day in Stuttgart am 3. November noch etwas vertiefen.

opera vs firefox

Browserkampf

Opera gegen Firefox – vom Internet Explorer (Beta1) wollen wir ja gar nicht reden…

In einem kleinen Vergleich auf chip.de liegt der Norweger klar vorne. Da es Opera nun schon seit ein paar Wochen werbefrei (kostenlos) zum Download gibt, habe ich das Gerät eben gerade auch mal bemüht. Naja, gewöhnungsbedürftig ist er schon, aber eigentlich ganz smart.

Einziges Problem, das WYSI-Wordpress Plugin verwendet TinyMCE als WYSIWYG-Editor und genaus dieser funktioniert mit Opera nicht. Derzeit will ich den komfortablen Editor zum schreiben meiner Beiträge nicht missen, also schnell wieder FF starten ;-).

Gibt es eigentlich die ganzen essentiellen webworker Tools, die ich hier als Extension im Firefox installiert habe auch für Opera? Z.B. Web Developer, Aardvark, MeasureIt, Colorzilla…?

 

texten für das internet

textenf_rdasinternet_cover.jpgHallo Liebe Leser,

ach, Ihr lest mein blog? Ja, ich habe es geahnt, ihr kommt nur kurz um die Bildchen anzuschauen, weil mein getipptes so langweilig ist… Alles wird gut!

Seit heute habe ich ein Buch "Texten für das Internet". An alle Jäger und Sammler, es gibt das Buch diesen Monat kostenlos als PDF-Book.

Wie verhält sich der Leser (als solcher ;-)) vor der "Bildröhre", wie sollten Texte aufgebaut sein, in welchem Verhältnis stehen Qualität, Quantität, multimediale Inhalte, Hypertexte, warum kehren Leser auf eine Internetseite zurück … usw.

Das Buch ist gerade für Blogger ganz interessant, solange es kostenlos ist jedenfalls.

UPDATE: Bin och über einen weiteren Artikel gestolpert: Jakob Nielsen auf Useit.com zum Thema "Writing for the Web"

mod_rewrite – was das?

Ist ein Apache-Modul (Apache ist ein Webserver) mit dem man die Urls "aufhübschen" kann. Das ganze hab ich jetzt auch endlich zum laufen bekommen, nachdem ich es schon vor einiger zeit mal versucht hab und dachte es funktioniert was mit meiner subdomain nicht. Irgendwie musst mein provider allerdings noch was freischalten – aha, und jetzt wird aus https://m.zung.us/?p=252 https://m.zung.us/2005/09/19/hier-tut-sich-nix/, toll, oder? Ist ganz einfach, in WordPress unter Optionen/Permalinks die gewünschte Struktur eingeben, zB. /%year%/%monthnum%/%day%/%postname%/ eingeben, und dann im wordpress rootverzeichniss eine beschreibbare .htaccess datei ablegen (chmod 666). …aber wen interessierts…, HA.

wikis im intranet?

Ein Wiki im Intranet? Damit habe ich mich die letzten 4 Monate beschäftigt und heute 100 Seiten darüber ausgedruckt. DIPLOMARBEIT. Yeah, ich bin froh das ich das rum hab, klar. Liebe Studenten, ich kann euch nur wärmstens empfehelen, sucht oder stellt euch ein Thema das Spaß macht! Ich hätte niemals gedacht das eine Diplomarbeit so sein kann. Ob sie nun auch noch gut benotet wird, naja, das kann ich nicht wissen, dazu war es ja auch meine erste ;-). Inhaltlich darf ich erst mal noch nichts publizieren (Unternehmensintern), aber vielleicht darf ich ja die unternehmensbezogenen sachen rausfiltern.
ok, hier könnt ihr trotzdem schon mal ein blick drauf werfen:

da.jpg

Hm, eigentlich wollte ich das FREAKSTOCK in den danksagungen erwähnen, es war echt eine geniale zeit mit allen leuten und jesus. konnte dannach nochmal richtig durchstarten, auch wenn ich eigentlich nur ca. 24 auf dem FS abschalten konnte. habs aber doch gelassen mit der danksagung, dafür jetzt eben hier: Thank you jesus, thank you freakstock! *gg*
Ach ja, Freakstock-Bilder kommen auch bald, jetzt grad hab ich keinen Bock…, aber heute Nacht vielleicht. Ich sehe schon die ganzen Leute hier angoogeln…

aktuelle Nachrichten abonieren – RSS Feeds

RSS Feed mit Firefox abonnierenMit RSS kannst du ganz einfach die inhalte von diversen websites abonieren. Neue artikel landen dann "fast wie emails" auf deinem pc. Viele websites bieten inzwischen RSS-Feeds (oder Newsfeeds) an. Ich lese z.B. regelmäßig die feeds von heise.de, spiegel.de, tagesschau.de und diversen weblogs. Man kann sich damit schnell einen überblick verschaffen was es neues gibt und dann die webseiten mit lesenswerten inhalten ansurfen.

Mit dem Firefox-Browser können ganz einfach soche newsfeeds aboniert werden. Seiten die einen solchen Newsfeed anbieten werden automatisch durch ein oranges symbol unten rechts in der statusleiste des browsers angezeigt. Mit einem klick auf ‚RSS 2.0‘ abonnieren…  (siehe grafik) kann man den newsfeed als "Dynamisches Lesezeichen" erstellen. D.h. dass in den Lesezeichen (Lesezeichen öffnen mit Strg + B (Bookmarks)) ein ordner mit dem namen der website erstellt wird in dem immer links zu den aktuellsten beiträgen der seite gezeigt werden. Bei mir sieht das ganze dann so aus:

feeds.jpg 

 Manche seiten bieten dynamische lesezeichen obwohl diese nicht durch das symbol im browser angezeigt werden. Oft wird die URL zum feed mit einem kleinen RSS symbol oder einem link "RSS Feed" od. "Newsfeed" angegeben. Diese feeds kannst duüber einen kleinen umweg abonnieren.

  1. klicke mit der rechten maustaste auf den link zum newsfeed (z.B. auf die RSS Grafik) und wähle "Link-Adresse kopieren". 
  2. Öffne den Lesezeichen-Manager im Browser-Menü unter "Lesezeichen/Lesezeichen-Manager"
  3. Wähle im Lesezeichen-Manager "Datei/Neues Dynamisches Lesezeichen…" und gib dann als Name den gewünschten titel des lesezeichens ein.
  4. Im Feld "Feed-Adresse" fügst du mit der rechten maustaste den vorher gespeicherten link ein (rechte maustaste "Einfügen"). So, fertig.

Update: In den neueren Versionen des Browsers befindet sich das orange Icon direkt neben der URL oben im Browser.

wikipedia: schwere geburt

Diesel-Partikelfilterso, nun ist er online, "mein" erster artikel bei wikipedia. Nachdem ich nun ja schliesslich bei Eberspächer diplomarbeit über wikis schreibe ist es ja schlecht möglich das eberspächer nicht in wikipedia vertreten ist, zumal z.b. Festo immerhin ein paar zeilen online hat, meinte zumindest der chef (hallo chef 😉 ). (hintergedanke war ausserdem das google & yahoo derzeit wikipedia-links recht hoch bewerten, aha.) soweit so gut, PR-Abteilung oder so muss was schreiben…

um es kurz zu machen:

  1. ich bekomme vier zeilen per email von der netten dame, die ich online stellen soll (ok, hab ich auch gemacht obwohl die nicht gut geschrieben waren, – für eine enzyklopädie eben)
  2. 15 min später sind 90% der zeilen weg oder verändert und ein löschantrag wg. "fehlender relevanz des unternehmens" gestellt (schluck bei was für nem laden bin ich denn gelandet? *gg*)
  3. nach einigen diskussionen über "schwingfeuerheizer der bundeswehr" und "standheizungen im VW-Käfer" und ob 1,47 Mrd € viel ist endlich die entscheidung: Der Artikel bleibt, Eberspächer ist relevant. (welch erleichterung)
  4. Also neuen artikel vom Herrn "PR" bekommen (aha, schon besser), formatiert, bilder hochgeladen. schön.
  5. drei min. (3 minuten, ja!) später war ein löschantrag auf dem bildchen, wegen urheberrechtsverletzung und so (wiebitte) und ein link dass es wohl Eberspächer.com gehören würde (aberhallo, wem den sonst, stand doch dabei). Minute fünf nach abspeichern des artikels waren die bilder wieder raus. (ok, danke, ihr seid schnell)
  6. Ich hatte erst mal die nase voll und bin mit den kollegen über mittag zum schnellrestaurant.
  7. Am nachmittag hab ich dann erst mal eine schulung zu freinen lizenzen erbeten und die bilder nach absprache dann unter die GNU-Lizenz für freie Dokumentation gestellt und wieder im Artikel verlinkt.
  8. ok, bis eben steht der artikel noch drin… (puh). Cool, wie die wikipedia funktioniert. Ich hättes es mir nur etwas einfacher vorgestellt den, ähm, ca. 250.001 artikel zu erstellen.