nicht angemeldet
Meinung über das Seitendesign?
Hallo Leute,
was haltet Ihr vom Aufbau und Design dieser Seite:
http://www.zillertal-aktiv.at?
Bin auf eure Antworten gespannt!
Gruß
A-J-B
-
Hallo Leute,
was haltet Ihr vom Aufbau und Design dieser Seite:
http://www.zillertal-aktiv.at?sorry, schlecht design, hab nicht weiter den code geschaut..
man muss noch viel im design lernen, viel glueck.Inita
-
Hallo A-J-B,
was haltet Ihr vom Aufbau und Design dieser Seite:
http://www.zillertal-aktiv.at?Farbgebung finde ich passend und frisch (wobei ich allerdings an Winter und Schnee denke), Gesamtgestaltung etwas "boxy" - man sieht einfach, daß beim Design schon in "divs" gedacht wurde, und nicht an "Fun, Action, Sport, Firmenevents". Mehr von der Action würde der Seite gut tun (und damit meine ich *nicht* Animationen und cooles Flash...)
Folgendes ist mir auf die Schnelle noch aufgefallen:
- Du setzt abgerundete Ecken ein. Warum? Warum nicht konsequenter, z.B. auch beim Gesamtcontainer bzw. Header oben?
- Der Seitenbereich könnte sich etwas vom Untergrund abheben, z.B. durch einen leichten Schattenwurf oder ein *sehr dezentes* Hintergrundmuster/Verlauf.
- Die Navigationslinks springen beim hovern, hier solltest du gleiche Schriftgrößen/Schnitte/Kerning bei allen Pseudoklassen verwenden.
- Die Schrift im Inhaltsbereich ist etwas klein
- Die Listenpunkte (>) scheinen mir nicht so ganz zum Design und zum Thema zu passen. Warum hast Du sie gewählt?
- Die Idee mit den Hoverboxen in der Mitte ist nett, aber die Boxen sehen noch viel zu sehr wie divs aus und sind auch viel zu groß und zu weit außen.
- Der Plural von AGB ist AGB.
- Willst Du den ruckeligen Ticker wirklich...?
ein paar technische Kleinigkeiten im HTML, und die Style-Angaben im HTML lagerst Du sicher noch aus, oder?
Gruß aus Köln-Ehrenfeld,Elya
-
Hallo A-J-B,
...viel text...
Gruß aus Köln-Ehrenfeld,
Elya
Hallo Elya,
wow, das nenn ich mal ne sachliche und hilfreiche Antwort - sowas im Web zu finden ist leider sehr selten.
Meist kommt nur - "schön" oder sogar "müll" etc. und das unbegründet in teilweise beleidigender Form.Weiter so!
Gruß Tilo
-
Hallo
habe einen Textticker auf zwei Seiten gesehen und die Seite sofort verlassen.
Sowas schaue ich mir nur an wenn ich muss.
Bernd
-
Hi there,
habe einen Textticker auf zwei Seiten gesehen und die Seite sofort verlassen.
ich nenn' so ein Verhalten hysterisch...
-
-
Hallo Leute,
was haltet Ihr vom Aufbau und Design dieser Seite:
http://www.zillertal-aktiv.at?Mir gefällt es sehr gut!
-
Hi
Viel zu nervös!
Meine Maus stand zufällig genau über dem mittleren Bild, kaum war die Seite geladen blinkte und bewegte sich auf einmal alles. Dann habe ich die Seite wieder geschlossen.gruss
lightfly
-
Hallo,
ich finde die Seite okay, jedoch sehr überfrachtet. Die Übersicht-
lichkeit (Navigation) geht dabei verloren. Vermutlich durch
fehlendes Konzept? Die Seite macht insgesamt eher einen laienhaften
Eindruck auf mich.
Gruß -
Hi.
ich finde den Seitenaufbau gelungen, Würde ich im Internet zu Infos nach Urlaub im Zillertal suchen, bliebe ich bei deiner Seite ein bischen länger.
Was mir negativ aufgefallen ist:
Ich mußte erst die Schrift vergrößern, um den Text gut lesen zu können, aber dann verschwindet die Hauptnavigation, lass doch deine divs mitwachsen
Der Rand rechts und links ist auf meinem Bildschirm sehr breit (mein Bildschirm zeigt 1280 x 960px)
Der Pfeil vor dem Menü behält immer die gleiche Farbe, dabei hast du doch Pfeile in orange und grau
Oranger Text in font-weight: normal ist nicht so gut zu lesen, bold wäre besser zu lesen
Firefox Quelltextanalyse hat folgende 25 Warnungen gefunden:
Zeile 20 Zeichen 1 - Warnung: <link> ist in <noscript> Elementen nicht erlaubt
Zeile 20 Zeichen 1 - Warnung: </head> ist in <body> Elementen nicht erlaubt
Zeile 47 Zeichen 1 - Warnung: Unzulässiges <body> löschen
Zeile 160 Zeichen 241 - Warnung: Fehlendes </a> vor <div>
Zeile 160 Zeichen 651 - Warnung: Unzulässiges </a> löschen
Zeile 160 Zeichen 689 - Warnung: Fehlendes </a> vor <div>
Zeile 160 Zeichen 1090 - Warnung: Unzulässiges </a> löschen
Zeile 160 Zeichen 1135 - Warnung: Fehlendes </a> vor <div>
Zeile 160 Zeichen 1547 - Warnung: Unzulässiges </a> löschen
Zeile 160 Zeichen 1582 - Warnung: Fehlendes </a> vor <div>
Zeile 160 Zeichen 2020 - Warnung: Unzulässiges </a> löschen
Zeile 148 Zeichen 29 - Warnung: Element <img>: Attribut "width" hat ungültigen Wert "130px"
Zeile 148 Zeichen 29 - Warnung: Element <img>: Attribut "height" hat ungültigen Wert "80px"
Zeile 151 Zeichen 45 - Warnung: Element <img>: Attribut "width" hat ungültigen Wert "130px"
Zeile 151 Zeichen 45 - Warnung: Element <img>: Attribut "height" hat ungültigen Wert "80px"
Zeile 168 Zeichen 30 - Warnung: Element <img>: Attribut "width" hat ungültigen Wert "130px"
Zeile 168 Zeichen 30 - Warnung: Element <img>: Attribut "height" hat ungültigen Wert "80px"
Zeile 170 Zeichen 45 - Warnung: Element <img>: Attribut "width" hat ungültigen Wert "130px"
Zeile 170 Zeichen 45 - Warnung: Element <img>: Attribut "height" hat ungültigen Wert "80px"
Zeile 172 Zeichen 28 - Warnung: Element <img>: Attribut "width" hat ungültigen Wert "130px"
Zeile 172 Zeichen 28 - Warnung: Element <img>: Attribut "height" hat ungültigen Wert "80px"
Zeile 183 Zeichen 28 - Warnung: URI in <img> enthält unzulässige Zeichen
Zeile 183 Zeichen 28 - Warnung: Element <img>: Attribut "width" hat ungültigen Wert "160px"
Zeile 183 Zeichen 28 - Warnung: Element <img>: Attribut "height" hat ungültigen Wert "600px"
Zeile 20 Zeichen 1 - Warnung: Leeres Element <noscript> anpassen/löschenAlso, da hast du noch zu tun.
Gruß, Susanne
-
Hallo A-J-B,
was mir auffällt:
· Die Bilder auf der Hauptseite sind alle ziemlich verrauscht, unscharf und haben deutliche jpeg-Kompressionsartefakte. Dringend neu erstellen und mit höherer Qualität oder gleich als png abspeichern. Die Bilder in der Gallerie sind dagegen zu scharf (einfach mit Nearest Neighbour verkleinert, anstatt bilinear/bikubisch) und könnten beim anklicken ruhig hochauflösender werden.
· Was dieses Pseudobanner rechts soll erschließt sich mir nicht. Ist das Werbung? Die müsste als solche gekennzeichnet werden. Gehört es zur Seite? Dann frage ich mich, wass dieser unmotivierte Abstand soll.
· Diese "Popups" über dem mittleren Bild finde ich sehr störend.
· Deine Verlinkungen sind uneinheitlich. Mal sind die Links orange, mal dunkelgrau, mal sind orange Texte nicht anklickbar.
· Die horizontale Navigation wackelt wenn man den Cursor drüber bewegt.
· Das Distanzieren von Verlinkungen ist Unsinn
· Was die "AGB's" (sic!) sollen erschließt sich mir nicht. Wenn es nur um Informationen für Werbeanbieter u.ä. geht, hat da ein solcher Link nichts verloren. Den kann man dann irgendwo im Impressum oder sonstwo verstecken und vielleicht auch ein bisschen mehr erklären.
Jonathan
-
Hallo Jonathan,
danke für deine Ausführliche Antwort. Danke auch an alle Anderen, die mir geantwortet haben!
-
Die Bilder sind wirklich nicht so perfekt - sollte ich mal was dran machen, dass die kleinen zu scharf sind hört sich irgendwie nicht schlecht an. nehme aber an es ist doch nicht so gut? könntest du mir erklären was du meinst?
-
das rechts sollte mal eine Banner für externe Werbung werden, ja
-
wenn dich die Popups stören - kennst du eine andere Möglichkeit die Bilder zu erklären oder würdest du ganz auf die Beschreibung bzw. sogar auf diese Tortengrafik verzichten?
-
grau ist die navigation, textlinks sind orange - aber stimmt, andere worte sollten dann nich orange sein.
-
die navigation wackelt doch nicht, der text wird doch nur größer. ich persönlich mag es
-
distanzierungen sind in dieser Form unsinn - da kann ich dir nur zustimmen
-
wieso sollten die "AGB's" denn nicht vorhanden sein? die begründung verstehe ich nicht. bei uns können ja aktivitäten etc. gebucht werden...
gruß
Alex-
Hallo A,
- Die Bilder sind wirklich nicht so perfekt - sollte ich mal was dran machen, dass die kleinen zu scharf sind hört sich irgendwie nicht schlecht an. nehme aber an es ist doch nicht so gut? könntest du mir erklären was du meinst?
Das ist jetzt schwer zu erklären. Nehmen wir an, du hast ein Bild, was ein Schachbrettmuster hat, also jedes Pixel ist abwechselnd Weiß und Schwarz, was relativ Grau aussieht. bei einer Nearest-neighbour-Bethode wie du sie benutzt würden bei einer Bildverkleinerung immer nur weiße und schwarze Pixel übrig bleiben. Entweder in irgendwelchen Mustern, oder im Extremfall ist das resultierende Bild ganz weiß oder schwarz (z.B. bei einer exakten Halbierung der Bildgröße). Um ein ordentliches Ergebnis hinzukriegen verkleinert man solche Bilder Bilinear oder noch ein bisschen besser bikubisch. Obiges Schachbrettbeispiel würde dann mehr oder weniger einheitlich Grau werden - das ist zwar "unschärfer", aber es entstehen keine Muster und das Ergebnis ist viel Ähnlicher mit dem, was man sehen würde, wenn man das Bild wirklich real verkleinern würde, z.B. indem man weiter weggeht oder das über optische Methoden macht.
- das rechts sollte mal eine Banner für externe Werbung werden, ja
Ah, OK.
- wenn dich die Popups stören - kennst du eine andere Möglichkeit die Bilder zu erklären oder würdest du ganz auf die Beschreibung bzw. sogar auf diese Tortengrafik verzichten?
Du kannst zumindest den Erklärungstext immer an die gleiche Stelle machen. und zwar so, dass nichs von dem Text verdeckt wird. Die klassische Methode wäre eine statische Bildunterschrift.
- grau ist die navigation, textlinks sind orange - aber stimmt, andere worte sollten dann nich orange sein.
Wenn die Navigation aus Links besteht sollte die auch Orange sein. Jedenfalls meine Meinung.
- die navigation wackelt doch nicht, der text wird doch nur größer. ich persönlich mag es
Der Text wird größer und verschiebt den anderen Text entsprechend, wodurch das Erscheinungsbild wackelt, wenn man mit der Maus über die Navigation fährt.
- wieso sollten die "AGB's" denn nicht vorhanden sein? die begründung verstehe ich nicht. bei uns können ja aktivitäten etc. gebucht werden...
Eure Buchungen werden aber nicht sofort alle interessieren, außerdem sieht die Seite (bis auf die Werbung) erstmal recht unkommerziell aus*. Bei einem Online-Shop hätte ich nichts dagegen, wenn die AGB direkt in der Navigation verlinkt werden, aber bei der Seite macht es nicht den Anschein, als wäre das nötig.
*) Sollte das nicht erwünscht sein, hier ein paar Tipps:
· Die Seite muss auf jeden Fall professioneller wirken, schlechte Bilder und wackelnde/experimentelle Popups/Navigationen tun das nicht.
· Bei einer kommerziellen Seite (die etwas verkauft) geht man davon aus, die will ihre Umsätze mit Verkäufen und nicht mit Internetwerbung machen. Werbung auf der Seite schreckt Käufer eher ab, halte ich für nicht so sinnvoll.
· Anstatt irgendwelche Füllsätze zu gebrauchen ("Wollen Sie dem Altagsstress [Schreibfehler !] für ein paar Tage entfliehen?"), macht doch lieber ein paar konkrete Angebote auf die Startseite: ("Spannende Survivaltour ab 135€"). Gehe in keinem Fall davon aus, dass alle Besucher Lust haben die Unterseiten nach irgendwelchen Angeboten abzusuchen. Aber: Wenn auf der Startseite was interessantes ist, was in die richtige Richtung geht, werden sich viele den "Katalog" doch noch ansehen.Jonathan
-
Hallo Jonathan,
Das ist jetzt schwer zu erklären. Nehmen wir an, du hast ein Bild, was ein Schachbrettmuster hat, also jedes Pixel ist abwechselnd Weiß und Schwarz, was relativ Grau aussieht. bei einer Nearest-neighbour-Bethode wie du sie benutzt würden bei einer Bildverkleinerung immer nur weiße und schwarze Pixel übrig bleiben. Entweder in irgendwelchen Mustern, oder im Extremfall ist das resultierende Bild ganz weiß oder schwarz (z.B. bei einer exakten Halbierung der Bildgröße). Um ein ordentliches Ergebnis hinzukriegen verkleinert man solche Bilder Bilinear oder noch ein bisschen besser bikubisch. Obiges Schachbrettbeispiel würde dann mehr oder weniger einheitlich Grau werden - das ist zwar "unschärfer", aber es entstehen keine Muster und das Ergebnis ist viel Ähnlicher mit dem, was man sehen würde, wenn man das Bild wirklich real verkleinern würde, z.B. indem man weiter weggeht oder das über optische Methoden macht.
Wir reden da ja von den Bildern in der Galerie oder? Die werden so viel ich weis bikubisch verkleinert. (Passiert automatisch mit php "imagecopyresampled()"). Vielleicht schafft PHP auch einfach nicht die nötige qualität?
Du kannst zumindest den Erklärungstext immer an die gleiche Stelle machen. und zwar so, dass nichs von dem Text verdeckt wird. Die klassische Methode wäre eine statische Bildunterschrift.
Danke, das ist eine gute Idee!
Gruß
A-J-B-
Hallo A,
Wir reden da ja von den Bildern in der Galerie oder? Die werden so viel ich weis bikubisch verkleinert. (Passiert automatisch mit php "imagecopyresampled()"). Vielleicht schafft PHP auch einfach nicht die nötige qualität?
Ich meine nicht die Thumbnails (kleine Vorschaubildchen). Die sehen gut aus. Aber die größeren Bilder, die beim anklicken kommen sind pixelig. Extremes Beispiel:
Jonathan
-
Hallo
Ich meine nicht die Thumbnails (kleine Vorschaubildchen). Die sehen gut aus. Aber die größeren Bilder, die beim anklicken kommen sind pixelig. Extremes Beispiel:
und sind für meinen Geschmack viel zu klein. Vierfache Größe (640x480) wäre als Minimum angemessen, besser noch größer.
Freundliche Grüße
Vinzenz
-
Hallo Vinzenz,
und sind für meinen Geschmack viel zu klein. Vierfache Größe (640x480) wäre als Minimum angemessen, besser noch größer.
Das habe ich ja auch schon angemerkt. („könnten beim anklicken ruhig hochauflösender werden“)
Jonathan
-
-
-
-
-
-
Hi there,
was haltet Ihr vom Aufbau und Design dieser Seite:
http://www.zillertal-aktiv.at?vom Typo her leider eine mittlere Katastrophe, ich hab alleine ohne die in den Logos verwendeten Schriften mindestens acht verschiedene Schriften/Schriftgrößen/Schriftschnitte/Schriftweiten gezählt. Damit macht jede Seite einen unruhigen Eindruck. Farbgestaltung und Bilder find' ich dem Sujet angemessen...
