Der Blog rund um die Themen Usability und Prototyping

Ostsee ... holde Küste...

2010-08-01T22:32:00.000+02:00

heute in knapp einer Woche sitzt man hoffentlich am Abends, bei einem Glas Wein in seinem Zelt am Strand und schaut den Sonnenuntergang zu :).

http://www.regenbogen-camp.de/camping_prerow.html

Kawasaki D-Tracker 125

2010-06-03T23:08:00.001+02:00

Heute mal ein etwas anderer Beitrag ;-)
Ausnahmsweise nichts über Usability/Accessibility...sondern heutiges Thema:
die KAWASAKI D-TRACKER 125.
Super wendig, optimal für kleinere Personen ;)
Aber seht selbst:

Web Devolpement für IPhone / IPad

2010-05-28T18:04:00.003+02:00

Smashing Webdesign sei dank, gibt es für alle gestressten, nie zeithabenden Developer ein fertiges GUI Toolkit als Download.

Artikel & Download

BBC Sound of 2010: The longlist - Part 1

2010-05-04T21:58:00.000+02:00

Two Door Cinema Club - What You Know

No words can describe..Joan Armantrading live in Erfurt

2010-03-22T12:40:00.006+01:00

Uns verschlug es gestern nach Erfurt, um die vom Februar-Christkind gebrachten Konzertkarten einzulösen.
Joan Armantrading..herself...performed @ Erfurt HsD !
Viel mit Worten um mich schmeißen kann und wil ich nicht, da es nicht gut genug für dieses einmalige Konzert gestern Abend wäre.
Daher einfach nur die Empfehlung: Wenn sie bei Euch in der Nähe sein sollte..geht hin.
Der weibliche Santanta, karibisches Flair, Rock vom feinsten...
Und hier gibts noch was auf die Ohren..wirkliche Insider ;) kennen dieses Lied aus speziellen Serien:

Und hier schieb ich gleich noch eins hinterher:

Pflege- und Gesundheitspraxis...

2010-03-05T00:49:00.002+01:00

... mit einem sehr guten Konzept:

http://www.pflege-und-gesundheitspraxis.de/

Mathematics describe the Webdesign World...

2010-02-10T10:34:00.001+01:00

Diejenigen, die mit Mathematik auf Kriegsfuß stehen, wird dieser Artikel weniger erfreuen ;)
Als ich dem Smashing Magazine mal wieder einen Besuch abgestattet habe, erhellte sich mein Gesicht bei diesen Artikel..Webdesign anhand von mathematischen Formeln erklärt und visualisiert. Vom Goldenen Schnitt über die Fibonaci Zahlenfolge... ein sehr interessanter Artikel...und die Ergebnisse sind ansehbar...wie ich finde:

> Webdesign und Mathematik

weitere Links u.a. zum fibonaci webdesign inkl. fibonaci kalkulator

Bewegbare Bildboxen mit CSS...

2010-01-29T16:01:00.000+01:00

Eine Rarität die mir über die Website des Smashing Magazines mal wieder in die Hände gefällen ist, ist ein Tutorial über das Einbinden einer grafisch & funktionell tollen "Bewegbare Bildboxen" Applikationen über CSS.
Hab das ganze mal getestet und variiert...auch für Anfänger stellt die Anpassung meiner Meinung nach keine Hürde dar.
Fazit: Ein muss für jede stylische Webpage. Ob ihr das nun in den Header packen wollt oder als Content Zusatzbereich bleibt euch überlassen.

Neugierig? Hier entlang ...

Google Maps & Twitter verbinden

2010-01-27T23:03:00.002+01:00

Da ich diese Woche während einer kurzfristigen Deutschlandtour Zeit hatte, die Bahnhofszeitschriftenläden unsicher zu machen, fiel mir das WEAVE Magazin mal wieder in die Hand.
Mit einem guten Tutorial wie man auf seiner eigenen Website Google Maps mit Twitter Meldungen implementieren kann.
Wer näheres erfahren will...begebe sich zum nächsten Zeitschriftenhändler und lade sich die Dateien
direkt auf der WEAVE Hp runter.

Eine englische Anleitung wie dies zu realisieren ist findet ihr hier.

Senioren und ihr Nutzungsverhalten im Internet

2010-01-21T17:03:00.001+01:00

Wie eine Onlinestudio von ARD und ZDF aus dem Jahre 2008 belegt, ist der größte Zuwachs an Internetnutzern nicht wie erwartet bei 30-50 Jährigen (unter Einbezug der Tatsache, dass von 14-29 Jährige fast 96% Internetzugang besitzen), sondern tatsächlich bei Senioren.
Die Zuwachsrate von 11% bei den 60- bis 79 Jährigen besagt, dass mittlerweile 29% der Senioren AKTIV im Internet aktiv sind.Nun stellt sich die Frage, inwieweit Websiten auf diese Art von Zielgruppen vorbereitet sind.

Denn: Im Bezug auf die Usability einer Website müssen für diese Altersgruppe andere Faktoren betrachtet und in die Gestaltung eingebracht werden.Hier ein paar grundlegende Beispiele:

Größe der Schaltflächen und Navigationselemente
starke Kontraste
Icons/Symbole mit zusätzlichen Beschreibungen
Größe der Texte
etc.

Ok, selbstverständliche Sachen meint man als normaldenkender Mensch, aber genau dies wird meist vergessen. Und um genau dies zu verhindern, wurde im Forschungsbereich eine Guideline für "Senioren im Netz" veröffentlicht. (Sri Kurniawan (Univerity of Manchester) und Panayiotis Zaphiris (City University London) )

Absolute Leseempfehlung!

» Research-Derived Web Design Guidelines for Older People

Optimierung von Online Shops und Landing Pages

2009-12-09T12:15:00.002+01:00

ebusinesslab hat 10 hilfreiche Guidelines für die Optimierung von Online Shops und Landing Pages herausgebracht.

Der ausführliche Bericht für Online Shops ist HIER zu finden.
Die Optimierungspunkte von Landing Pages gibt es HIER.

La RouxXx

2009-12-08T23:16:00.017+01:00

Aus aktuellem Anlass, eröffne ich die Private-Sparte mit einem ultimate Music-Trendchartvideo..live aus Leipzig...mit mir...vielen durchgeknallten Rotschopf-Fans, schlechten Vorgruppen-DJs dafür aber mit einem hinreißenden überdurchschnittlich guten Auftritt der Rotschopf - La Roux Frau.

Prototyping Tools

2009-12-08T22:35:00.003+01:00

Bei der Erstellung von Wireframes gibt es einige nützliche (auch teils Open Source) Tools die
den Designer bei der Erstellung der Wireframes kräftig unterstützen.

Kommerzielle Wireframe Programme

(1) AXURE
Das bei Wireframes am meisten verwendete Programm ist AXURE. Meiner Meinung nach ein sehr gutes, einfahc bedienbares Programm, in die sich die nicht allzugroße Investition lohnt. Der Leistungsumfang von AXURE wird auf folgender Seite sehr gut beschrieben.

(2) Microsoft Expression Blend - Sketch Flow
Wer es komplexer haben möchte, bediene sich Microsoft Expression Blend mit dem Sketch Flow Tool. Nicht zu erschwinglich wie AXURE, auch meiner Meinung nach nicht so übersichtlich, aber komplexer. Was Sketch Flow alles leistet sieht man hier.

(3) Photoshop i.V.m. Microsoft Visio

Open Source Wireframe Tools

(1)

Fotografie

2009-12-08T22:13:00.006+01:00

Ich eröffne den Unterpunkt Fotografie einfach mal mit ein paar Bildern des Leipziger Weihnachtsmarktes vergangenes Wochenende. Trotz nass-kalten Wetters war der Markt gut besucht. Auch ich habe mich ins Getümmel gestürzt..zusammen mit meiner Nikon D90, einem Weitwinkel und einem Stativ. Bilder gibt es hier ...

RAW Informationen

ISO 200 | 19mm | 6sec - 1:25

RAW Informationen

ISO 200 | 16mm | 6sec -1:22

RAW Informationen

ISO 400 | 35mm | 1/100 sec -1:1,5
Effekte mit Lightroom

10 nützliche Tools für Webdesigner

2009-12-08T15:27:00.002+01:00

Aktuell lassen sich mehrere Trends innerhalb des Usability Konformen Webdesign betrachten. Hierunter zählen einerseits
das Grafische Layout mit abgerundeten Ecken aber auch das Einbringen von Tooltipps.
Eine Auflistung der 10 nützlichsten Tools um Tooltipps zu erzeugen findet sich hier:
http://webdesignledger.com/resources/11-excellent-solutions-for-creating-tooltips

Ein weiterer wichtiger Punkt bei der Erstellung von Websiten ist der CSS Code.
Auch hier nehmen den Programmierer viele nützliche Tools etwas Arbeit ab.
http://webdesignledger.com/tools/11-useful-online-tools-for-better-css-development