[Layout] schulprojekt hp für ein piercingstudio *updated*

Dieses Thema im Forum "Webdesign" wurde erstellt von reQ, 22. September 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 22. September 2008
    schulprojekt hp für ein piercingstudio *updated*

    hi rrler ich würde euch gerne als usability tester für meine seite nutzen :]


    wir haben ein schulprojekt und sollen in 15tagen eine internetseite fürn nen piercer erstellen.

    wir sind ein 2er teams und sind inzwischen zu 80% fertig, heute ist der 11. tag

    gästebuch, email (soll über php laufen), bildergallerie rechts und kleine feinschliffe werden noch folgen.

    die seite ist auf 1024x786 optimiert, deshalb schaut es bitte auf dieser auflösung an.

    http://www.zone-lippstadt.com/demirholm/
     
  3. 22. September 2008
    AW: schulprojekt hp für ein piercingstudio

    die seite gefällt mir schon mal gut, sie ist schlicht gehalten und nicht zu überladen. das menü ist selbsterklärend und einfach gehalten.

    rechts die schrift gefällt mir (die von oben nach untern geht), aber die schrift im menü solltest du noch ändern (hatteste aber siche reh noch vor).

    bei der anfahrt musste dich mal erkundigen wie das rechtlich ist. hab mal gelesen das einige betreiber ärger bekommen haben, weil sie karte online gestellt haben, ohne ne erlaubnis dafür zu haben.

    ansonsten ne coole seite!

    /edit: was ne nette sache wäre, wäre das die bilder rechts beim draufklicken in nem extra fenster vergrößert angezeigt werden, so dass die besucher die referenzen besser sehen können...
     
  4. 22. September 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: schulprojekt hp für ein piercingstudio

    Also die usability ist denke ich mal ganz okay. Aber die Technick die da hinter steckt ist es nicht. Meiner meinung nach.

    Eure Webseite setzt auf Frames und frames sollte man nicht (mehr) für solche sachen verwenden. Dafür gibt es heutzutage z.B. Ajax.

    Frames sind auch nicht grade suchmaschinenfreundlich, okay Ajax wahrscheinlich auch nicht.

    Was mich am Meisten stört ist aber das:

    Bild
    Sorry ich steh auf xHTML ^^

    Aber ganz okay. Hab schon schlimmeres gesehen

    PS: Auf was für einer Schule bist du? Ich wollte sowas immer haben aber auf der Berufsschule haben wir sowas nie gemacht. :-(
     
  5. 22. September 2008
    AW: schulprojekt hp für ein piercingstudio

    @ amx, freut mich sowas zu hören. deine kritik, steht in unserem plan

    @ StrikeFreedom, dass isn billighoster, nur für euch ... der eigentliche hoster wird 1&1 sein. von ajax hab ich keine ahnung. für so ne kleine seite sind frames ganz ok. das mit den suchmaschinen ist immer so ne sache ...
     
  6. 22. September 2008
    AW: schulprojekt hp für ein piercingstudio

    WIeso hast du für jedes bild einen extra frame gemacht? Im prinzip würde es ja reichen dass das wo der content rein kommt ein iframe ist. Und das ganze verlinken machste dann einfach über den target parameter.

    Desweiteren würde ich die bilder in der bildlaufleiste etwas verkleinern, verbraucht unnötig traffic und performance. 1536x2048 ist etwas zuu groß. Die Bilder verkleinerst du am besten du mit photoshop oder sowas bessere ergebnisse beim scalen.
     
  7. 22. September 2008
    AW: schulprojekt hp für ein piercingstudio

    speicher die Bilder in der Groesse, wie du sie anzeigst.
     
  8. 22. September 2008
    AW: schulprojekt hp für ein piercingstudio

    Das was mich am meisten stört ist das das Design unglaublich häßlich ist. Und die Bilder die am Rechten Rand scrollen. Das hättet ihr vllt besser mit nem eigenen Menüpunkt "galerie" und dann vllt ne Flash Lösung.

    Das mit den Frames wurde bereits gesagt.

    Der Header ist auch echt häßlich ^_^ vieel zu Grau.
    Es werden nicht alle Bilder angezeigt.
    Umlaute werden nicht korrekt dargstellt (rechtliches )
    Die Öffnungszeiten sind blödsinnig aufgelistet.
    Unter Preise steht nix
    UNter Piercings ist die Navi nicht ankllicklbar
    Das glecihe unter die Zone
    Im Impressum sind auch zeichenfehler
     
  9. 22. September 2008
    AW: schulprojekt hp für ein piercingstudio

    vieles wurde ja schon gesagt.

    IMHO werden links nicht eindeutig genug gekennzeichnet. sprich das weis zu gelb als hover effekt is ein wenig schwach. leute mit ner sehbehinderung können sich hier schnell verlieren.

    javaskript und frames sind sowieso nen nogo im purem seitenaufbau.
    dazu kommen aber auch die tabellen im aufbau (zb hauptnavi... hab nicht alles angesehen).

    vom look and feel würde ich mir allerdings auch denken das die seite 10 jahre alt ist. sorry!


    als ganz wichtig erachte ich aber den screene von gmaps... weg damit sofort! da dann lieber auf ajax setzen und gmap per javascript einbinden, sonst könnte es rechtliche auseinandersetzungen geben.
     
  10. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio

    das was ich sagen würde wurde schon gesagt aber mach bitte für ü ä usw das sieht besser aus
    utf8-code:
    ü ü
    ö ö
    ä ä

     
  11. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio *updated*

    updated .... am besten schaut ihr es nochmal.
     
  12. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio *updated*

    1. Piercing > Altersbeschr�nkung (Umlaut wird nicht angezeigt)
    2. Die Bildlaufleiste macht immer nach einem Durchlauf einen Ruckler bei dem schwarz-weiß Bild mit dem Nackentattoo.
    3. Genau dieses Foto lässt sich als einziges in der Leiste anklicken, verlinkt aber auf eine nicht existierende Bilddatei.
    4. Das Studio > Information: Die Texte neben den Bildern werden rechts einfach abgeschnitten zum Teil. Davon abgesehen, macht das "auch" im ersten Satz keinen Sinn, da es zu keiner vorherigen Aussage bezug nimmt.
    5. Das Mail-Formular geht nicht. (Weiß nicht, ob das beabsichtigt ist.)
    6. Das Gästebuch finde ich etwas unübersichtlich.
    7. Paar Rechtschreibfehler und Ausdrücke, die das ganze unseriös wirken lassen. "Jetzt rechts rum[..]" Die Seite ist eher seriös gestaltet und der Inhalt sollte auch dementsprechend wirken. Bei einem anderen Layout, bei dem ihr ein eher "kumpelhaftes" Image erzeugt, wären solche Formulierungen in Ordnung.
    8. Quelltext mangelhaft/ungenügend > Statt frames werden div-layer + css zur Gestaltung genutzt > Stichwort: barrierefreies Internet
     
  13. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio *updated*

    nein, ich glaube Du hast dir keinen der bisher guten genannten Ratschläge wirklich zu Herzen genommen.

    Bei einem Schulprojekt ist doch das Design eher nebensache, weil das halt nicht jeder so gut kann. Aber mal im ernst, was nutzt dir ne gut aussehende seite, wenn (mal übertrieben gesagt) 40% der Besucher, die seite nicht fehlerfrei angucken können, aufgrund ihrer auflösung/internetverbindung.
    Die Technik, sprich der Quelltext und der allgemeine Aufbau der Seite dürfte das ausschlaggebende Merkmal für die Note sein. Also zumindest wäre es fair so.
     
  14. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio *updated*

    m00pd00p danke für deine auflistung, wir werden morgen mal alles nacheinander abarbeiten.

    wir sind ja wie gesagt noch nicht fertig sind bei 80% und ich finds gut, dass ihr eure meinungen raushaut. jedoch solltet ihr euer mundwerk nicht zu weit aufreißen wenn ihr nicht genau wisst was ihr schreibt.

    ihr könnt garkeinen quelltext sehen, wenn ihr einfach auf den link klickt, werdet ihr über RR verlinkt. erstmal nen quelltext lesen können und dann was dazu sagen, dass ist der quelltext von RR .

    naja mehr kritik ist erwünscht

    zudem solltet ihr auch mal meinen 1. post lesen

    ___________________________________________________________

    hi rrler ich würde euch gerne als usability tester für meine seite nutzen :]


    wir haben ein schulprojekt und sollen in 15tagen eine internetseite fürn nen piercer erstellen.

    wir sind ein 2er teams und sind inzwischen zu 80% fertig, heute ist der 11. tag

    gästebuch, email (soll über php laufen), bildergallerie rechts und kleine feinschliffe werden noch folgen.

    die seite ist auf 1024x786 optimiert, deshalb schaut es bitte auf dieser auflösung an.

    http://www.zone-lippstadt.com/demirholm/
     
  15. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio *updated*

    öhm, hälst du die benutzer dieses forums für vollpfosten?
    natürlich kann man den quelltext lesen
    und das hier ist unter aller sau:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
 <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body class="der_index" scroll="no"><center><iframe width="981px" height="560px" frameborder="0" src="iframe.html"></iframe></center>
</body>
</html>
    also nimm doch bitte endlich den rat an und design das ordentlich
    und mal abgesehen davon, dass die datei iframe.html unflexibel wie sonst was ist, benutzt du da schonwieder frames
    ich weiß, dass manche lehrer einem das immernoch beibringen (meiner z.B.) aber wenn dir schon gesagt wird, dass du das anders machen sollst, dann nimm dir das doch bitte auch zu herzen
     
  16. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio *updated*

    Find sie auch ganz gut. Mich stört nur das es irgendwie keine besondere Page ist (wiedererkennungswert). Außerdem ist sie (noch?) ein bisschen leer.
     
  17. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio *updated*

    Joah ganz i.O. soweit.
    Die Bildergalerie rechts funktioniert bei mir aber nicht. Also wenn ich auf ein Bild klicke passiert nix!
    Außerdem wäre es schön wenn die Galerie stehen bleibt bei mouseover und nicht nur langsamer, dann hat man mehr Zeit ein Bild zu begutachten, aber das ist Geschmackssache.

    Ehmmm was die "Skizze" bei "Anfahrt" angeht... Entweder du musst das über ein IFRame direkt von google einblenden oder mindestens ein Copyright aufs Bild machen, sonst ist es glaube ich verboten das zu benutzen!
     
  18. 6. Oktober 2008
    AW: schulprojekt hp für ein piercingstudio *updated*

    Ja also ich hab mir den Quelltext schon genauer angesehen, also nicht nur die Index, sondern auch die einzelnen eingebundenen Frames

    Und da muss man wirklich sagen, dass das nicht sehr gut gemacht ist. (nett ausgedrückt^^)

    Layouts werden nunmal weder mit Tabellen, noch mit Frames gemacht. Dafür gibt es viele verschiedene gut Gründe, die ich jetzt nicht alle aufliste, aber google hilft dir da sofort (wie gesagt: barrierefreies Internet). Vor allem eine seriöse Seite sollte darauf achten, denn nicht nur Layout und Inhalt zählen, sondern auch der Quelltext und damit verbunden die Kompatibilität für verschiedene Auflösungen/Browser/Handhelds und Behinderte, die Homepages nur mit Zusatzprogrammen wie z.B. Screenreader benutzen können.
     
  19. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.