Thema: JG-Weber.de - Neuentwurf

Hallole Leutz,

So, der Grossteil meiner eigenen Website http://www.jg-weber.de/ ist jetzt online.
War ne Menge Arbeit, die ganzen Beschreibungen zu texten, aber muss ja mal sein  <img border="0" title="" alt="[Lächeln]" src="images/icons/smile.gif" />

Wäre nett wenn Ihr mal ein bischen eure Kommentare abgeben könntet, damit ich weiss ob ich net total versagt habe.  <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" />

Falls sich jemand die Zeit nehmen möchte um die Texte der einzelnen Rubriken zu erfassen, und mir dann sagen könnte was er davon hält, wäre ich dankbar.

Mit der Belegung Navigation bin ich noch net so ganz zufrieden, daran wird noch gefeilt. Das Prinzip ist mal so:

- Im unteren Bereich weitere Links zum Thema
- Rechts sind Links mit ähnlichen Themen platziert
- Im oberen Bereich die Breadcrumpsleiste, um den bisherigen Weg nachzuvollziehen.

Achtung!
Skills - IT / Telekom, Skills - Journalismus, Persönliche Informationen und Lebenslauf geht noch net. Wird grad bearbeitet ..

Also ich freu mich auf Kommentare.

Liebe Grüsse,
-- Jochen.

Moderator devshare.de | Usability

Re: JG-Weber.de - Neuentwurf

Achso:

Etwas Ärgerliches tritt da noch auf.
Merkwürdigerweise zeigt die Adressleiste immer nur die URL an. Den genauen Pfad zur aufgerufenen Datei nicht. Das gleiche passiert beim aufrufen eines externen Links.

Titel Tages werden ebenfalls nicht interpretiert. Da sollte normalerweise "Jochen G. Weber | Webdesign - Usability - Fachjournalismus" in der Titelleiste stehn.

In Zusammenhang steht das wohl mit der Umleitung. Die Domain ist bei GMX platziert (war ursprünglich nur als Maildomain gedacht), und die Umleitung scheint diese Effekte irgendwie zu produzieren.

Beim Direktzugriff auf jgweber.article-24.com tritt der Effekt nämlich net auf ..   <img border="0" title="" alt="[Durcheinander]" src="images/icons/confused.gif" />    <img border="0" title="" alt="[Durcheinander]" src="images/icons/confused.gif" /> 

Kennt das Problem jemand?

Liebe Grüsse,
-- Jochen.

Moderator devshare.de | Usability

Re: JG-Weber.de - Neuentwurf

du brauchst dir nur mal den QT ansehen:
  </font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">Code:</font><hr /><pre style="font-size:x-small; font-family: monospace;">
<HTML><HEAD>
<META NAME="description" content=" ">
<META NAME="keywords" content=" ">
<TITLE> </TITLE>

</HEAD>
<FRAMESET ROWS="100%,*" BORDER="0" FRAMEBORDER="0">
<FRAME SRC="http://jgweber.article-24.com/" SCROLLING="AUTO" NAME="bannerframe" NORESIZE>
</FRAMESET>
<NOFRAMES>
 
<P>
<DIV ALIGN="CENTER"><A HREF="http://jgweber.article-24.com/">http://jg-weber.de/</A></DIV>
</NOFRAMES>
</HTML>

  [/code]</blockquote><font size="2" face="Verdana, Helvetica, sans-serif">

mfG whitehouse

Re: JG-Weber.de - Neuentwurf

Hey whitehouse,

@wh Gott sei dank es guckt mal jemand    <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" />   

Bitte????

Wo zum *** kommt dieser Code her?
ICH kann klicken was ich will ich bekomm nie das was du da oben präsentierst ...??

     <img border="0" title="" alt="[Durcheinander]" src="images/icons/confused.gif" />        <img border="0" title="" alt="[Durcheinander]" src="images/icons/confused.gif" />   

Wo hast du den her? Wie? Hilfeee?

Oki, mal Ernst:
Sieht ganz so aus als würde das irgendwie mit einem Frameset durchgeschleust. Ich verstehe nur nicht wie du da dran gekommen bist? Ich hab den Code mehrmals in mehreren Browser geradezu seziert .. Und das seh ich zum ersten Mal.

[Edit: Jetzt hab ich's auch, direkt in der Sekunde des Aufrufs Quelltext ansehen ..]
[Edit²: So ein Mist. Domain Redirects via Frameset. Und sowas mir! KK!]

Liebe Grüsse,
-- Jochen
 
  <small>[ 27-05-2002, 12:33: Beitrag editiert von: Jochen ]</small>

Moderator devshare.de | Usability

5

Re: JG-Weber.de - Neuentwurf

Moin.

Nunja, sieht ganz seriös aus... Aber irgendwie verdammt ähnlich zu den ganzen anderen Seiten, die du hier schon so gepostet hast...   <img border="0" title="" alt="[Schüchtern]" src="images/icons/rolleyes.gif" />   

F.
 
  <small>[ 27-05-2002, 13:20: Beitrag editiert von: dev0 ]</small>

GPG key 2E1B4257

Re: JG-Weber.de - Neuentwurf

Hallole dev0,

Uhm? Jetzt bin ich ausnahmsweise mal sprachlos. Was meinst du denn damit?

Ich halte mich natürlich an meine eigenen Konventionen, benutze bewährte Navigationselemente und Layoutkonzepte. Das ist Webdesign und kein Jahrmarkt. Da müssen doch nicht täglich neue unnütze Attraktionen präsentiert werden?

Oder meinst du ich kopier mich selbst, oder wie?
*shocked*
Kann doch net dein Ernst sein.

Die sehn doch alle grundverschieden aus:
» Die Jungen Original Oberkrainer
» Die Albtalstreuner

Also nu aber mal raus mit der Sprache    <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" />       <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" />   

Liebe Grüsse,
-- Jochen.
[Edit: Rechtschreibfehler entfernt    <img border="0" title="" alt="[Schüchtern]" src="images/icons/rolleyes.gif" />   ]
 
  <small>[ 27-05-2002, 13:47: Beitrag editiert von: Jochen ]</small>

Moderator devshare.de | Usability

7

Re: JG-Weber.de - Neuentwurf

Nunja, ich meine vom layout her...

also

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">Code:</font><hr /><pre style="font-size:x-small; font-family: monospace;">
-------------------------
|     HEADER            |
|                       |
-------------------------
|   |               | ? |
| M |               | ? |
| E |               | ? |
| N |               | ? |
| U |               | ? |
|   |               | ? |
-------------------------
|     FOOTER            |
|                       |
-------------------------[/code]</blockquote><font size="2" face="Verdana, Helvetica, sans-serif">naja so in der Art  <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" />

F.

GPG key 2E1B4257

Re: JG-Weber.de - Neuentwurf

Hallole dev0,

Ah jetzt    <img border="0" title="" alt="[Lächeln]" src="images/icons/smile.gif" />   . Da hast du schon recht, das Layout ist in den Grundzügen der Bildschirmaufteilung bei mir immer ähnlich.

Das ist jetzt aber nicht etwa ein Produkt meiner Einfaltslosigkeit, man wird es kaum glauben, sondern das ist das Ergebnis sorgfältiger �berlegungen.

Ã?berlegungen zum Layout einer Website
In den Grundzügen sollte sich ein Layout an den momentan gebräuchlichsten Darstellungsarten, die der Benutzer bereits kennt und die sich im Alltag bewährt haben, orientieren. Viele Designentwürfe versuchen sich durch besondere Kreativität hervorzuheben, und wollen damit das Rad sozusagen noch einmal neu erfinden. Bedauerlicherweise ist diese Rad in den meisten Fällen ziemlich eckig. Der Benutzer ist nämlich in der Regel nicht gewillt etwas neues zu lernen, er überträgt die
Erfahrungen und Kenntnisse die er beim Besuche von anderen Websites erworben hat, einfach auf die ihm vorliegende. Funktioniert das nicht, wird er dieses ihm unverständliche Angebot verlassen.

Dreiteiliges Layout
Die gebräuchlichste, und damit benutzerfreundlichste, Layoutform ist das sogennante Dreiteilige Layout. Welches du uns übrgends mit deiner Darstellung recht gut gezeigt hast.

Hierbei wird das Layout in zwei gleich groÃ?e Bereiche ( je einer rechts und links ), und einen etwas gröÃ?eren für die eigentlichen Inhalte ( Mitte ) aufgespaltet. Oberhalb dieser Bereiche ist die sog. "Identitätssektion", hier wird dem Besucher durch ein Firmenlogo, CI Elemente, Navigation oder ähnlichem, mitgeteilt wo er sich befindet.  Im rechten Bereich platziert sich die Sitenavigation, und im Linken der sogenannte assoziative Content. Bei mir repräsentiert durch die Box "Ã?hnliche Themen".

Assoziativer Content ist deshalb so wichtig weil der User im Web in den seltesten Fällen auf Anhieb das findet was er sucht. Aus diesem Grunde ist der Suchende auch immer dankbar für Hilfestellungen falls er sich nur "um einen Link vertan" hat, bzw. das Thema ein kleines bissel verfehlt hat.

Noch Fragen?    <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" />   

Liebe Grüsse,
-- Jochen.
[Edit: Interpunktion, Rechtschreibung, Bla   <img border="0" title="" alt="[Schüchtern]" src="images/icons/rolleyes.gif" />  ]
 
  <small>[ 27-05-2002, 14:22: Beitrag editiert von: Jochen ]</small>

Moderator devshare.de | Usability

Re: JG-Weber.de - Neuentwurf

Das mit dem Frame sollte ja kein Problem sein. Machste einfach n kleines Javascript mit location.top rein, dann stimmt es ja wieder

10

Re: JG-Weber.de - Neuentwurf

also ich weiss nicht obs an mir liegt oder an der tageszeit, bei mir dauert alles seeeeeeeeeeeeeeeeeeeeeeehr langsam ??
soweit ich nicht die gedult verloren habe, ist das layout konsequent und der blickbereich knapp gehalten, also ich find schick.

'Audi, vide, tace, si tu vis vivere pace'

.:Höre, sieh und schweige, wenn du in Frieden leben willst:.
Have a Look at Emo & Rockabilly Shop

Re: JG-Weber.de - Neuentwurf

Hallole Poedder,

Thx für's Lob. Normalerweise kanns net am Server liegen. Ich hab nen dedizierten Server 1GHz mit 512MB in dem Rechenzentrum, der darf eigentlich net kriechen. Und bevor bei denen die Bandbreite eng wird, geht die Welt unter  <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" />

Könnt höchstens (dann krieg ich endgültig die krise mit denen) an dem PSeudo-Redirect von GMX liegen.

Probier bitte mal die direkte URL:
http://jgweber.article-24.com

Seid so gut und sagt mir's wenn Ihr da einen Unterschied feststellt.

Liebe Grüsse,
-- Jochen

Moderator devshare.de | Usability

12

Re: JG-Weber.de - Neuentwurf

um es kurz zu sagen, da ging es ab wie schmitts katze. entwerder es lag an dem redirect, oder aber am netzwerk auf meiner arbeit ;-). aber andere seiten konnt ich auch schnell laden.
ich werd dann mal nach hause gehen und an meiner seite weiterbasteln..

'Audi, vide, tace, si tu vis vivere pace'

.:Höre, sieh und schweige, wenn du in Frieden leben willst:.
Have a Look at Emo & Rockabilly Shop

13

Re: JG-Weber.de - Neuentwurf

...hab grad nicht die Zeit um auf die Seite einzugehen. Nur was zu dem Frameset-Quelltext:
Im MSIE an den rechten Bildschirmrand -> rechte Maustaste -> Quelltext anzeigen...

B.

14

Re: JG-Weber.de - Neuentwurf

Hallo Jochen,

um den Frame-Quelltext zu sehen zu bekommen,
ist es am sichersten, Du klickst im Browser
auf "Ansicht/Quelltext anzeigen".
Funktioniert in jedem Browser würd ich sagen.

Viele Grüße,
lu

15

Re: JG-Weber.de - Neuentwurf

hi jochen!
das mit dem blinden - frame, das du ja schon in anderen threads bemängelt hast, das habe ich auch bei allen subdomains. mache einfach an jeden link ein target="_parent" dran! So habe ich meine freecity domain userfreundlich gemacht!  http://www.deusexx.de   <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" />

Primary Email: kb@deusexx.de
Primary Homepage: http://www.deusexx.de

Alter Name: k.byte

16

Re: JG-Weber.de - Neuentwurf

achja! unbedingt noch a: pseudoformate drüberlegen, hover, active und so, das ist heutzutage standart würde ich mal behaupten.

Primary Email: kb@deusexx.de
Primary Homepage: http://www.deusexx.de

Alter Name: k.byte

17

Re: JG-Weber.de - Neuentwurf

Hallo Jochen,

mich irritiert, dass die externen Links im gleichen Fenster geladen werden. (kein target=_blank)

Das ist umso unangenehmer, da Du ja das Problem mit dem Frameset und Deinem ständig eingeblendeten URL noch nicht gelöst hast.
   <img border="0" title="" alt="[Ha!]" src="images/icons/tongue.gif" /> 

Gruss
Rainer

18

Re: JG-Weber.de - Neuentwurf

servus,
also http://mistel.article-24.com/
ist doch net dein ernst? oder? das ist ja praktisch  ne kopie bei der lediglich das CSS ausgetauscht wurde ... wenn es allerdings ein sonderangebot für den kunden war find ich es grundsätzlich okay wenn man vorhandene, gute, designs mehrfach verkauft, natürlich mit anpassungen...

grüssle & fetten segen
manu

Source Code Editor in Perl
http://proton-ce.sf.net

19

Re: JG-Weber.de - Neuentwurf

löl manu  <img border="0" title="" alt="[Lächeln]" src="images/icons/smile.gif" /> 

F.

GPG key 2E1B4257

Re: JG-Weber.de - Neuentwurf

Hallole Leutz,

Jetzt hab ich grad eine 1/2 Stunde getippt, absenden gedrückt und was passiert? Sie haben einen Smiley zuviel .. Bitte die "Zurück Taste" drücken.. Text weg. Aargh    <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" /> 

@manu
Das ist ein nerviges Kapitel, der Kunde bekommt das im Bundle mit der Oberkrainer Site dazu. Das war ein super sonder Angebot, wenn ich da noch richtig Zeit investiert hätte wär ich völlig im Eimer gewesen.   <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" /> 

Der Kunde bekommt so ein Design das weitaus besser aussieht wie das vorherige, und muss sich net finanziell verausgaben.

Genehmigt?   <img border="0" title="" alt="[Lächeln]" src="images/icons/smile.gif" /> 

@dev0
Dankeschön. Was soll das mee too Posting?    <img border="0" title="" alt="[Enttäscht]" src="images/icons/frown.gif" />   

Liebe Grüsse,
-- Jochen

[Edit: MSG an dev0 und manu eingefügt]
 
  <small>[ 28-05-2002, 18:05: Beitrag editiert von: Jochen ]</small>

Moderator devshare.de | Usability

Re: JG-Weber.de - Neuentwurf

Hallole Leutz,

So erstmal ein ganz herzliches Dankeschön an alle die mir weiterhelfen wollten.

Ich geh jetzt mal kurz(grins) auf eure Anregungen ein:

- location.top Javascript
- target="_parent"
- Quelltext mit der rechten Maustaste

Ist alles 100% richtig. Nur möchte ich wirklich nicht sämtliche Links mit unnötigen Attributen versehen müssen, nur weil mein Domain Provider Mist baut. Ich hab mich entschieden einen KK zu machen, und hab gleichzeitig noch eine weitere Domain geschaltet. Das Problem wird so am besten gelöst sein.
» http://www.jgweber.de

Das mit dem Quelltext stimmt natürlich auch, nur selbstverständlich weiss ich das selber.   <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" />    <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" /> 
Der Frame war nicht dauerhaft da, sondern nur ganz kurz im Moment des redirects. Hat man sich das ganze angesehen als die Page geladen war, bemerkte man keinen Frame mehr. (Deswegen hatte ich auch erst Probleme mit der Fehlerfixierung   <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" />   )
Oki, Thema abgehakt. Thx@all

So noch etwas was mir auf der Seele liegt:

Pseudoformate / Links
Viele erachten das anscheinend als Quasi Standard den Links erstmal ne andere Farbe zu verpassen. Irgendwie scheint sich da der Gedanke festgefressen zu haben das damit ein professionelleres Layout zu erreichen ist.

Ein Trugschluss wie wir Ihn schon vom Thema JS kennen. Viele meinen Sie müssten Ticker und allesmögliche Präsentieren nur um zu beweisen das ein Profi am Werke war.

Falsch!

Die Linkfarben gehören mit zu den orientierungsabhängigen Punkten auf einer Website. Jeder User, ob erfahren oder nicht, weiss das ein blauer Link ein noch nicht besuchter, und ein roter Link ein bereits besuchter Verweis ist. Nimmt man dem User das, indem man kategorisch alle Farben ändert verwirrt man ihn. Der User weiss nicht mehr, ob er dem Verweis schon folgte oder nicht. Resultat ist dann das der User vielleicht die Website zu früh verlässt, weil er denkt schon alles gesehen zu haben, oder das er etwas 2mal anschaut. Jared Spool von User Interface Engeering hat in einer Studie einmal festgestellt das die Linkfarben, in Korrelation mit einer zu erledigenden Aufgabe, immerhin einen Faktor von 16% der Entscheidungsfähigkeit eines Users während des Erledigens der Aufgabe darstellen.
Die Farben sind nicht das wichtigste, aber sie beeinträchtigen falsch eingesetzt die navigatorische Usability

Ich selber hab jetzt nur im Oberen und im unteren Bereich Pseudoformate verwendet, da hab ich die Hoffnung gehabt das ich am wenigsten Verwirrung anrichte. (Beim Kleingedruckten, und den 5 Websitebereichen würds halt blau auf schwarz fürchterlich unleserlich sein)   <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" /> 

Externe Links
Externe Links in einem neuem Fenster zu öffnen ist eigentlich eine unsinnige Abart. Empfehlen kann ich das überhaupt nicht aus mehreren Gründen:

- Navigationsschwierigkeiten für den User
Zurück Button im Browser funktioniert nicht!

- Fenster und Popup Abneigung
Bei solchen Bevormundungen reagiert der User eher allergisch. Wenn ein neues Fenster gewünscht ist wird eines geöffnet.

Der Gedanke der dahinter steckt ist zwar nachvollziehbar, aber falsch: Nämlich Den User auf der Website halten zu wollen. Es gibt vom schliessen des Fenster an genügend Möglichkeiten die Site zu verlassen, da bringt das sinnlose Fenster auch nichts mehr.
Darüberhinaus gehört mir der User nicht, auch hier sollte eine Bevormundung vermieden werden.

Sodele, ich hoffe ich bin niemandem mit dem Bulldozer über die Zehen gefahren. *smile*

Liebe Grüsse,
-- Jochen.
[Edit: Rechtschreibfehler, Umformulierung]
 
  <small>[ 28-05-2002, 18:58: Beitrag editiert von: Jochen ]</small>

Moderator devshare.de | Usability

22

Re: JG-Weber.de - Neuentwurf

</font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">Zitat:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif"> @dev0
Dankeschön. Was soll das mee too Posting? </font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">Das muss ich nicht verstehen oder? Ich fands nur lustig, dass manu ne Seite gefunden hat, die wirklich sehr ähnlich ist    <img border="0" title="" alt="[Lächeln]" src="images/icons/smile.gif" />    Die hatte ich zuvor noch nicht gesehen. Bei denen, die ich ursprünglich meinte, war nur das Layout dasselbe.

F.

[Edit]
Kleine Anmerkung:
Auf http://www.jgweber.de/privacy.shtml steht   </font><blockquote><font size="1" face="Verdana, Helvetica, sans-serif">Zitat:</font><hr /><font size="2" face="Verdana, Helvetica, sans-serif"> Privacy Statement for http://www.jg-weber.de.de  </font><hr /></blockquote><font size="2" face="Verdana, Helvetica, sans-serif">Da ist wohl eon de zuviel  <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" />
 
  <small>[ 28-05-2002, 19:03: Beitrag editiert von: dev0 ]</small>

GPG key 2E1B4257

Re: JG-Weber.de - Neuentwurf

Axso, Sorry, Klang irgendwie seltsam.   <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" /> 
War aber trotdem ein überflüssiges mee too   <img border="0" title="" alt="[Breites Grinsen]" src="images/icons/grin.gif" /> 

[Edit]
Thx, habs verbessert.  <img border="0" title="" alt="[Winken]" src="images/icons/wink.gif" />
[/Edit]

Liebe Grüsse,
-- Jochen.
 
  <small>[ 28-05-2002, 19:09: Beitrag editiert von: Jochen ]</small>

Moderator devshare.de | Usability