[Hobbyuser]

Hi Community

ich habe die Seite für meinen Klepner fertig gestellt.
Es fehlen noch sämtliche Inhalte und auch die Unterseiten können sich noch ändern, trotzdem würde ich gerne eure Meinung dazu hören.

Die Farben sowie das Layout (Anordnung Logo, Menü, Inhalt) waren vorgegeben.

Mich interessiert was ihr von der Bedienung, Umsetzung und Codierung haltet. Und natürlich möchte ich damit noch Fehler (Mängel) entdecken die mir vielleich verborgen geblieben sind.

Link zur Seite: http://www.nielshendrischke.de/

Gruß
Hobbyuser

[PaterNoster]

Wenn im Prinzip alles vorgegeben war, kann man sich ja nur noch auf die technische Umsetzung stürzen und da ist mir auf Anhieb erst mal nichts besonderes aufgefallen; valide scheinen die Seiten ja zu sein (habe nicht alle durchprobiert, außerdem fehlen die Inhalte ja auch noch).

Aber es sollte auf jeden Fall noch eine "Kontakt"-Seite eingbaut werden, damit der Benutzer direkt eine Nachricht / Anfrage an den Betrieb absetzen kann ohne sein Mail-Programm zu starten.

Außerdem sollte wenigstens die Telefonnummer immer präsent im Blickfeld sein, damit bei Bedarf ohne Umweg über das Impressum der Anrufwillige die Nummer findet.

[Hobbyuser]

Alles war nicht vorgeben eben halt nur das dunkle Blau für Logo und Überschriften und der weiße Hintergrund im Textbereich.

Gerade auf die technische Umsetzung kommt es mir ja an, weil die auf mein eigenen Mist gewachsen ist. Kann ja sein das es mit irgendwelchen Browsern oder exotischen Auflösung pott hässlich oder schlimmer unbedienbar ist.

Zur Kontaktseite:
Du hast sicherlich Recht, sowas gehört auf eine Firmenwebseite. Da ich diese jedoch unentgeltlich mache, muss ich mir nochmal überlegen ob ich mir den Aufwand noch gebe. Zumal ich meine PHP-Kenntnisse nicht als "Gut" bezeichnen möchte.

Zur Telefonnummer:
Die Eingangsseite wir natürlich auch noch Inhaltsmäßig angepasst und wenn der Betreiber es wünscht baue ich Ihm auch noch irgendwo die Telefonnummer ein.

[robo47]

Zitat von Hobbyuser

Zur Telefonnummer:
Die Eingangsseite wir natürlich auch noch Inhaltsmäßig angepasst und wenn der Betreiber es wünscht baue ich Ihm auch noch irgendwo die Telefonnummer ein.

als wenn ich auf ne Seite einer Firma gehe, dann finde ich sowas äußerst relevant, zusammen mit den Öffnungszeiten, damit ich weis wann ich dort anrufen kann.

mfg
robo47

[Jojo]

Ich finde die Unterstreichungen der Navigations-Links nicht so gut.
Vor allem, wenn sie beim hover weggeht.

Ich würds ohne underline machen...

Desweiteren finde ich die Link-Tipps fehlplatziert:
Wenn ich auf eine Sanitär-Seite gehe, suche ich in den wenigstens Fällen nach Links, ich will was über Produkte wissen.
Und die Links suche ich meist nach Relevanz (sprich, die wichtigen oben, die wenigter wichtigen unten).

Ich weiß nicht, in wie weit dir das vorgegeben war, aber diese Allgemein-Links find ich persönlich nicht prikelnd...
Was wird da dann stehen?

Ich würde erwarten, dass wenn ich auf "Sanitär" klicke, eine Seite mit allgemeinen Erläuterungen kommt und unter dem Text dann zwei grafische Links zu "Sanitär im Bad" und "Sanitär in der Küche"

Aber das ist eher subjektiv, aber so fänd ichs schöner. Denn Allgemein klingt etwas sehr unbestimmt... (vielleicht wenn überhaupt "Infos", oder sowas)


Ansonsten keine Bemängelungen

Jojo

[WarrenFaith]

Zitat von robo47

als wenn ich auf ne Seite einer Firma gehe, dann finde ich sowas äußerst relevant, zusammen mit den Öffnungszeiten, damit ich weis wann ich dort anrufen kann.
mfg
robo47

sowas kann man sehr schön im Fuss der Seite anbringen (dort wo jetzt da Copyright steht)

[PaterNoster]

Übrigens: Wenn Du die Seite wirklich unentgeltlich machst (warum auch immer), sollte wenigstens Deine Erwähnung im Impressum drin sein, ggf mit Link auf Deine Seite. Evtl ist dann ja der ein oder andere Folgeauftrag drin.

[Hobbyuser]

@robo47
Wie schon gesagt wird auch die Startseite noch neu gestaltet und da kommt auch sicherlich noch eine Telefonnummer. Ob es Öffnungszeiten gibt weis ich nicht, denn schließlich macht er ja auch Notdienst für Verstopfungen und Heizungsausfälle und ist damit 24 Std. erreichbar.

@Jojo
Die Unterstriche der Links und das weggehen beim hovern sind aus Gründen der Barrierefreiheit so.

Bei Links werden Partner und Zulieferer verlinkt. Dann kann man sich dort auch noch genauer über Produkte informieren.

@All
Die Seitentitel sowie die Linknamen sind noch frei erfunden und werden erst nach Erstellung der Inhalte endgültig festgelegt und aktualisiert. Nur wie hätte das ausgesehen wenn die Seite zur Vorführung nur aus 2 Seiten besteht.
Außerdem kam es mir auch darauf an die Technik der dynamischen Seiten und Menüerstellung richtig testen zu können. Dahinter steht für meine Begriffe ein ausgeklügeltes PHP Script.

EDIT: @PaterNoster
Ich beschäftige mich nur rein Hobby mäßig mit Webdesign. Wenn ich jedoch denke was einige Agenturen als Arbeit abliefern läuft es mir kalt den Rücken runter.

[mr1st]

• Die divs bei den Bildern in der Navigation sind glaub' ich nicht nötig.
• Der Link "Direkt zur Navigation" ist gut gemeint, jedoch ist das Bildchen nicht sichtbar
• Links, Bilder etc. sollten das title-Tag verwenden
• Alles GROSZZUSCHREIBEN (wieder in der Navi) ist afaik nicht barriefrei und sollte vermieden werden
• Allgemein ist zu sagen, dass Du sehr viele divs verwendest. Einige kann man sicher durch geschicktem Einsatz von CSS vermeiden.
• Ich verwende immer zusätzlich noch folgendes meta-Tag: <meta http-equiv="Content-Type" content="text/html; charset=..." />
• Bei solchen "Designgrafiken" wie den runden Dingern da in der Navi, sollte das alt-Attribut leer gelassen werden (oder zumindest was sinnvolles rein). z.B. alt="" oder alt="*"

Zitat von Hobbyuser

Die Unterstriche der Links und das weggehen beim hovern sind aus Gründen der Barrierefreiheit so.

Warum ist das so, welche Begründung (ich interessiere mich selbst dafür)?

MfG

[Jann Hendrik]

ich würde schauen, ob du mod_rewrite einsetzen kannst, denn die urls sehen ja nicht sonderlich schön aus...

Bei Seiten wie dieser hier:
http://www.nielshendrischke.de/?go=index
fällt mir folgendes Tutorial für dich ein:
http://forum.developers-guide.net/showthread.php?t=3461

[Ben]

Zitat von mr1st

Links, Bilder etc. sollten das title-Tag verwenden

Bilder dann doch eher "alt".
Ansonsten nett beschrieben.

Es fehlt auf jeden Fall die Möglichkeit Kontakt aufzunehmen. Diese Daten in das Impressum hineinzuschreiben wird zwar häufig gemacht, aber ich finde, dass man da auch eine separate Seite draus machen kann. Einfach aus strukturellen Gründen und weil es für Nutzer (wie z.B. mich ) einfach leichter zu finden ist.

Ich würde die Kategorienamen nicht komplett groß schreiben und diese Kreise in unterschiedlichen Farben ... nunja, geht so. Ich würde da eventuell einfach mit einem

» 

arbeiten. Mal austesten?

Diese rosa bei einer "aktiven Seite" .. passt irgendwie nicht in das Gesamtbild. Warum nicht ein etwas anderes blau, als beim hover? Ebenfalls vielleicht mal austesten?

Das div-Element hier ist nicht nötig!

<li><div><img src="Bilder/menubild_1.png" alt="MEN&Uuml;" /> HOME</div> 
...

Das kann man auch weglassen.

Ich geb der Seite vom äußeren Eindruck eine 3 bis 3-.
Gefällt mir einfach nicht. Ist mir alles viel zu "kantig" und ein wenig schroff.

Grüße, Ben.

[Hobbyuser]

Zitat von mr1st

• Die divs bei den Bildern in der Navigation sind glaub' ich nicht nötig.
• Allgemein ist zu sagen, dass Du sehr viele divs verwendest. Einige kann man sicher durch geschicktem Einsatz von CSS vermeiden.

Also ich hab es nicht mit weniger Divs geschafft es in allen Testbrowsern gleich aussehen zu lassen.

Zitat von mr1st

• Der Link "Direkt zur Navigation" ist gut gemeint, jedoch ist das Bildchen nicht sichtbar

Das ist beabsichtig, denn solange Style-Sheets interpretiert werden ist ein Link zur Navigation eigentlich überflüssig. Schaltet man Style-Sheets ab oder nutzt ein Textbrowser wird der Link bzw. die Grafik angezeigt.

Zitat von mr1st

• Links, Bilder etc. sollten das title-Tag verwenden
• Alles GROSZZUSCHREIBEN (wieder in der Navi) ist afaik nicht barriefrei und sollte vermieden werden

Ist mir bisher nicht bekannt gewesen, lässt sich jedoch leicht ändern. (Danke für den Hinweis )

Zitat von mr1st

• Ich verwende immer zusätzlich noch folgendes meta-Tag: <meta http-equiv="Content-Type" content="text/html; charset=..." />

Das ist bei XHTML nicht nötig, da der META-Tag eh nicht interpretiert wird.

Zitat von mr1st

• Bei solchen "Designgrafiken" wie den runden Dingern da in der Navi, sollte das alt-Attribut leer gelassen werden (oder zumindest was sinnvolles rein). z.B. alt="" oder alt="*"

Ich hatte vorher ein Sternchen drin fand dann aber das Wort Menü im Textbrowser passender.

Zitat von mr1st

Warum ist das so, welche Begründung (ich interessiere mich selbst dafür)?

Links sollten grundsätzlich unterstrichen sein und für Farbblinde ist das verschwinden ein deutliches Unterscheidungsmerkmal.

Auf jeden Fall danke für die ausführliche Kritik.

@Jann Hendrik
Du hast sicherlich Recht wenn man über mod_rewrite alle HTM dateien auf PHP umlenken würde wäre sicherlich eine elegantere Lösung zu stande gekommen. Nur halte ich Inhalte für wichtiger als die Linknamen und fand den Mehraufwand für unangebracht. Was sicherlich auch mit einigen defiziten in meinem Wissen zu tun hat.

EDIT: @Ben
Den Div benötige ich für den Hintergrund (siehe oben).
Die bunten Kreise hat der Klempner auch auf seinen Wagen mit den einzelnen Rubriken, diese sollten unbedingt auf der Seite vorhanden sein (Also Vorgabe).
Zum Kontakt habe ich schon oben einiges gesagt.

Sicherlich hätte man auch einiges runder mach können, jedoch auch waren wieder Vorgaben maßgeben. Das kantige Design orientiert sich an dem kantigen Logo (H).

[Ben]

Zitat von Hobbyuser

Ich hatte vorher ein Sternchen drin fand dann aber das Wort Menü im Textbrowser passender.

Problem ist nur, dass bei jeder Grafik das Gleiche steht. Aber meine alternative Meinung habe ich dazu ja schon angebracht.

Zitat von Hobbyuser

Links sollten grundsätzlich unterstrichen sein und für Farbblinde ist das verschwinden ein deutliches Unterscheidungsmerkmal.

Gegenbeispiel:
http://www.behindertenbeauftragter.de/

Ist aber eigentlich ein interessanter Aspekt.
Hat jemand diesbzgl. einen Link?
Danke.

[Hobbyuser]

Zitat von Ben

Ist aber eigentlich ein interessanter Aspekt.
Hat jemand diesbzgl. einen Link?
Danke.

Dieses hier geht so in etwa in die Richtung. Ich bin der Meinung das irgendwo auch mal direkt gelesen zu haben, muss jedoch zugestehen nicht alle Seiten im Kopf zu haben.

[Jann Hendrik]

Zitat von Hobbyuser

@Jann Hendrik
Du hast sicherlich Recht wenn man über mod_rewrite alle HTM dateien auf PHP umlenken würde wäre sicherlich eine elegantere Lösung zu stande gekommen. Nur halte ich Inhalte für wichtiger als die Linknamen und fand den Mehraufwand für unangebracht. Was sicherlich auch mit einigen defiziten in meinem Wissen zu tun hat.

Hat ja auch weniger mit dem Layout zu tun, als mit der Frage, dass 'schönere' links, welche quasi-statisch sind auch suchmaschinenfreundlicher sind. In sofern lohnt sich da ein Blick mE durchaus!

[mr1st]

Ich persönlich finde, dass die Unterstreichung von Links dem jeweiligen Browser überlassen sein sollte, da der User hier auch eigene Regeln einstellen kann.

Zitat von Ben

Bilder dann doch eher "alt".

Wenn dann beides:
alt ist eigentlich nur dazu bestimmt, einen Text anzuzeigen im Falle, dass das Bild nicht geladen werden kann oder einfach nicht geladen wird (Stichwort Textbrowser)
title hingegen ist wirklich für eventuelle Zusatzinformationen vorgesehen und sollte auch als solches verwendet werden.
Weiters besteht ja bei den Bildern auch die Möglichkeit, das longdesc-Attribut zu benutzen, wenn alt und title nicht genügen sollte (hierbei den sog. "D"-Link nicht vergessen)

MfG

Wieder mal eine interessante Diskussion zum Thema Barrierefreiheit