Designfeedback gesucht und Frage zu einer Imagemap

Verfasst am: 22. 04. 2010 [17:00]
Beitrag hilfreich?
Gelöschter Benutzer Hallo Zusammen!

Derzeit beschäftige ich mich, ob ich im Kopf des Mainbereiches meiner Website ein Imagemap einbaue (Als Bild in der Anlage angefügt).

A) Feedback zur Optik

Zum einen interssiere ich mich, ob es Designtechnisch sinnvoll ist - kurz ob es gut aussieht.
(Die Bildzwischenstände werden noch optimiert und auf Breite des Satzspiegels ausgerichtet).

Des weiteren Frage ich mich, ob Imagemaps auch unter xhtml 1.0 strict valide sind:

Beispielcode:

HTML
<map name="green">
<area shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html">
<area shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html">
<area shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html">
</map>


B) Feedback zum Code

Gruß,
Claudio
Dateianhang
 Startseite-Druckerei-und-Print-Office.PNG (Typ: image/png, Größe: 276,51 Kilobyte) — 50 mal heruntergeladen
 
Verfasst am: 22. 04. 2010 [17:26]
Beitrag hilfreich?
Raptor
Dabei seit: 10.05.2009
Beiträge: 1174
Passe schrieb:

Zum einen interssiere ich mich, ob es Designtechnisch sinnvoll ist - kurz ob es gut aussieht.

Das finde ich eine gute und passende Idee, allerdings musste ich zweimal überlegen, um zu verstehen, wozu das dienen sollte. Du solltest den "Zweck" vielleicht noch oben hin schreiben.
Wenn ich es richtig interpretiert habe, soll das eine Produkt-Auswahl sein. Dann könnte man irgendwas hinschreiben wie "Wählen Sie ein Produkt" oder so.
Designtechnisch finde ich es auch nicht schlecht, es ist das erste, was man anschaut. Eventuell solltest du die Farben noch angleichen, besonders das Grün. Es sieht ein bisschen danach aus, als ob die Grafiken aus verschiedenen Icon-Sets zusammengestellt worden sind.

Passe schrieb:

Des weiteren Frage ich mich, ob Imagemaps auch unter xhtml 1.0 strict valide sind:

Ja, das sind sie. z.B. hier.
Meine Developer-Website mit den Web-Entwickler-Tools.
Meine Web-Entwicklungs-Dienstleistungen

Signatur-Regel: max. 4 Zeilen und 2 externe Links
Profil
WWW
 
Verfasst am: 22. 04. 2010 [17:49]
Beitrag hilfreich?
der_booker
Dabei seit: 11.06.2009
Beiträge: 2855
Raptor schrieb:

Passe schrieb:

Des weiteren Frage ich mich, ob Imagemaps auch unter xhtml 1.0 strict valide sind:

Ja, das sind sie. z.B. hier.


Auf meiner Startseite habe ich auch eine Imagemap eingebaut, damit ich den TeamViewer einbinden konnte. Valide sind sie auf jeden Fall, so wie Flo vor mir schon sagte.
Bevor man sich dafür entscheidet, sollte man sich genau überlegen, ob es nicht eine andere Lösung gibt. Für die nun schon angesprochene Produktauswahl, wäre es mit Sicherheit sinnvoll. Ist aber, wenn man sich nicht richtig auskennt, eine richtige Fitzelarbeit.

Ich persönlich werde mich davon trennen und einen div-Container verwenden. Der Code ist schmaler und besser.
Heiko Jendreck
personal helpdesk & webdesign
http://www.phw-jendreck.de
http://www.seo-labor.com
Profil
WWW
 
Verfasst am: 22. 04. 2010 [17:52]
Beitrag hilfreich?
Infidel
Dabei seit: 11.03.2010
Beiträge: 123
 Hmmm...


auf den ersten Blick hat mir das ganz gut gefallen. Dann habe ich deine Seite nochmal im Original geöffnet. Ohne die Imagemap wirkt die Seite steriler, mehr wie ein Standard-Aufbau. Das hat mir erst nicht gefallen, ich habe aber zwei Mal hingeschaut und dabei ist mir aufgefallen, dass die Seite zwar steriler, aber auch klarer strukturiert wirkt.

Klarere Struktur = intuitivere Benutzung: Ich persönlich gebe daher deiner aktuellen Seite den Vorzug (also der ohne Imagemap).

Gruß!
Tobias
Der späte Wurm überlebt den Vogel!

http://www.design-72.de Webdesign
Profil
WWW
 
Verfasst am: 22. 04. 2010 [20:38]
Beitrag hilfreich?
Gelöschter Benutzer Erst mal danke für Euer Feedback - ich überarbeite die Imagemap (alle Icons) und baue es mal ein. Mal schauen wie es dann ausschaut.

Sobald ich es fertig habe melde ich mich nochmal - vielleicht wirkt es dann harmonischer und besser passend zur Website.

Gruß,
Claudio
 
Verfasst am: 22. 04. 2010 [20:59]
Beitrag hilfreich?
lwulfe
Dabei seit: 02.10.2009
Beiträge: 804
 Hallo Claudio,
ich habe deine produktive Seite und die Testseite nebeneinander gestellt. Ganz subjektiv, gefällt mir die jetzige Seite besser. Die Testseite wirkt überladen, was sicher auch durch das WOT hervor gerufen wird.
Ist mir einfach zu viel. Dann noch die RSS-Feeds, Twitter, ...
Wenn du die Imagemap einsetzen willst, mach den rechten Content ruhiger.
Grüße
Lutz
Coaching-Kompass - die intuitive Coach-Suche
Meine Seite
Profil
WWW
 
Verfasst am: 22. 04. 2010 [22:49]
Beitrag hilfreich?
Gelöschter Benutzer Bin mit den Anpassungen soweit fertig!

War viel Arbeit - habe nicht nur alle Icons bearbeitet, sonder auch die Imagemap erstellt.

Sieh glaub ich etwas besser aus.

Mit der Bitte um Kritik verbleibe ich
Gruß,
Claudio.

@Lutz: Über die Überladenheit der Startseite denke ich die tage nochmal nach und versuche hier etwas zu machen - mal schauen was rauskommt , vielleicht gefällt es den Kollegen ja auch - mal schauen wie die Kritik jetzt ausfällt.

Nachtrag: Der Code ist noch nicht valide. habe mir jetzt noch nicht den kopf zerbrochen wie ich das hinkriege - falls Euch etwas auf die schnelle auffällt und mir "Kopfzerbrechen" ersparen möchtet, dann nur her mit den Verbesserungen.
Gruß,
Claudio

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 22.04.2010 um 23:10.]
 
Verfasst am: 22. 04. 2010 [23:14]
Beitrag hilfreich?
Raptor
Dabei seit: 10.05.2009
Beiträge: 1174
 Sieht schon mal nicht schlecht aus. Evtl. könnte man noch ein Top- und Bottom-Margin von 5px bei der Grafik/Imagemap einbauen.
Aber irgendwie passt jetzt die rechte Sidebar nicht mehr (RSS und WoT). Es wäre besser, wenn "Termine & Events" oder eine andere "Box" zu oberst kommen würde.
Meine Developer-Website mit den Web-Entwickler-Tools.
Meine Web-Entwicklungs-Dienstleistungen

Signatur-Regel: max. 4 Zeilen und 2 externe Links
Profil
WWW
 
Verfasst am: 22. 04. 2010 [23:15]
Beitrag hilfreich?
joerg
Dabei seit: 09.06.2009
Beiträge: 1459
 Hallo Claudio

Kopfzerbrechen?

Ich sehe da jetzt 3 Fehler! Das Image müsstest du so schliessen! />

Dann fehlt noch ein alt Attribut und ein id Attribut!

Kann sein das du das name Attribut durch das id Attribut ersetzen kannst!

Gruß

Jörg
Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools
Profil
WWW
 
Verfasst am: 23. 04. 2010 [07:04]
Beitrag hilfreich?
Gelöschter Benutzer Hallo Claudio,
Die imagemap ist für mich ein Bild ohne Funktion. Wenn das ein Menu sein soll, schreibt man das besser dazu.
Deine 2-Spalter Article würde ich noch auf text-align: justify; setzen das sieht mit den gefloateten Bildern dann bissl gerader aus.
 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:

RSS Feed abonnieren »


2 Mitglieder Mitglieder waren innerhalb der letzten 15 Minuten (23 heute gesamt) online:
presse

Administratoren und Moderatoren:
seitenreport

Seitenreport hat 16343 registrierte Mitglieder, 2862 Themen und 28001 Beiträge.
Seitenreport hat einen Mitgliederzuwachs von durchschnittlich 25 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 3 neue Themen und 17 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

SEO und Website-Analyse

Seitenreport ist eine der bekanntesten Website-Analyse-Dienste im WEB. Über 9.200 registrierte Mitglieder (keine Freemailer-Accounts), 1/4 Millionen Seitenaufrufe pro Monat, über 100 Premium-Kunden und namhafte Referenzen sprechen für sich. Seitenreport gibt es seit 2007. Wie Du davon profitierst? Hier kannst Du sicher sein, dass es um Qualität und Beständigkeit geht!

Seitenreport auf Facebook!

238 unserer Mitglieder sind bereits Seitenreport Fan auf Facebook. Dein Vorteil: Schnellere Kenntnis von neuen Features, News in Echtzeit, Tipps und Tricks für SEO und Web. Du kannst unsere Beiträge auch kommentieren und dadurch Deine Besucherzahlen und das Interesse an Deinem Account erhöhen. Folge Seitenreport auf Facebook!

Seitenreport Partnerprogramm

Eines der wenigen Partnerprogramm im Bereich SEO und WEB. Erhalte 12% Lifetime Provision auf alle Buchungen von Dir geworbener neuer Mitglieder! Jedes von Dir geworbene Mitglied wird dauerhaft mit Deinem Partnerkonto verknüpft und bei jeder kostenpflichtigen Buchung mit 12% provisioniert. Lifetime - so lange es Seitenreport gibt!
Seitenreport Partnerprogramm

* = Partnerlinks