Das leidige Thema Design

Da dieses Thema oft angesprochen wird, trenne ich es mal aus dem Verbesserungsvorschläge-Thread heraus...

Immer wieder wird bei OC ja in erster Linie das Design bemängelt. Nun glaube ich zwar kaum das mit einem schicken Aussehen die Akzeptanz deutlich steigen wird, aber einen Versuch ist es schon wert, denn OC sieht wirklich recht, ähem, langweilig aus.

Nun wird man keinen Designprofi auftun können, also muß man sich anders behelfen. Und da fiel mir YAML ein, das Framework ist modern, flexibel und vor allem frei verwendbar (CC-A 2.0 Lizenz), passt also auch von der Philosophie her zu OC wie die Faust aufs Auge.

Unterschiedliche Styles können eingearbeitet werden, so das man letztlich sogar unterschiedliche Layouts anbieten kann, für jeden User eben das was ihm am ehesten gefällt.

Unklar ist mir, welchen Umfang ein Umbau hätte, denn ich weiß nicht ob die Seiten mit Templates oder direkt aus dem Scripts erzeugt werden. Im Falle von Templates sollte das eigentlich kaum Probleme bereiten und recht zügig implementiert sein.

Die Neugestaltung des Designs ist bereits auf unserer Todo und es gibt schon (längere Zeit) einen Design-Entwurf (natürlich Top-Secret).

YAML sieht interessant aus und scheint serverseitig keine Voraussetzungen zu haben (als reine Client / HTML / CSS / Javascript - Geschichte) ?!

Integration:
Das Design wird ja eh komplett überarbeitet ... vom demher der richtige Zeitpunkt

Gibt es einen Freiwilligen, der ein neues Design auf OC integrieren würde?
Programmierkenntnisse sind nicht notwendig bzw. mit den Vorlagen aus dem alten Design selbsterklärend ...

z.B. wird die News-Seite aktuell so gemacht:

<table width="100%" class="content">
<tr><td class="header"><img src="lang/de/stdstyle/images/description/22x22-description.png" border="0" width="22" height="22" alt="{t}News{/t}" title="{t}News{/t}" align="middle"><font size="4"> <b>{t}News{/t}</b></font></td></tr>
<tr><td class="spacer"></td></tr>

{foreach name=news from=$news item=newsItem}
<tr><td>{$newsItem.date_created|date_format:$opt.format.datetime} ({$newsItem.name}) {$newsItem.content}</td></tr>
{/foreach}
</table>

Zum Vergrößern anklicken....

Mit der Vorlage sollte jeder der sich mit HTML/CSS auskennt das Design umstellen können.
Das Table-Gemurkse kommt von mir ... dürft ihr gerne auf divs und so Zeug umstellen ...

Schrottie schrieb:

Unterschiedliche Styles können eingearbeitet werden, so das man letztlich sogar unterschiedliche Layouts anbieten kann, für jeden User eben das was ihm am ehesten gefällt.

Zum Vergrößern anklicken....

Das könnten wir auch bisher schon - aber wenn es keinen gibt, der das einpflegt, sitze ich nachher bei jeder Änderung doppelt so lange dran ... für eine kurze Umstellungsphase sind 2 Layouts ok ... auf Dauer wird es aber nur 1 Design geben.

Schrottie schrieb:

Unklar ist mir, welchen Umfang ein Umbau hätte, denn ich weiß nicht ob die Seiten mit Templates oder direkt aus dem Scripts erzeugt werden. Im Falle von Templates sollte das eigentlich kaum Probleme bereiten und recht zügig implementiert sein.

Zum Vergrößern anklicken....

Siehe oben - templates. Trotzdem ist es ein rießen Aufwand. Es ist ja nicht damit getan aus <table> einfach <div class=""> zu machen ...

Aktuell sind es ca. 70 Template-Files ... meistens einfache Sachen wie z.B. "Mein Profil" oder die Startseite ... wenn das neue Design nicht nur schick aussehen soll, sondern auch die Benutzerergenomie verbessern soll, muss vor allem die Cacheansicht ein wenig umstrukturiert werden ...

Oliver schrieb:

YAML sieht interessant aus und scheint serverseitig keine Voraussetzungen zu haben (als reine Client / HTML / CSS / Javascript - Geschichte) ?!

Zum Vergrößern anklicken....

Nur HTML/CSS, kein JS oder sonstiges.

Oliver schrieb:

Gibt es einen Freiwilligen, der ein neues Design auf OC integrieren würde?
Programmierkenntnisse sind nicht notwendig bzw. mit den Vorlagen aus dem alten Design selbsterklärend ...

Zum Vergrößern anklicken....

Hmm, ist immer eine Zeitfrage, aber grundsätzlich wäre ich bereit.

Schrottie schrieb:

Oliver schrieb:

Gibt es einen Freiwilligen, der ein neues Design auf OC integrieren würde?
Programmierkenntnisse sind nicht notwendig bzw. mit den Vorlagen aus dem alten Design selbsterklärend ...

Zum Vergrößern anklicken....

Hmm, ist immer eine Zeitfrage, aber grundsätzlich wäre ich bereit.

Zum Vergrößern anklicken....

Wow, super.

Zeitfrage ist es immer ... je mehr Leute wir sind, desto schneller geht es vorwärts ... und desto weniger bleibt am Einzelnen hängen. Ich schau mal wie weit unser neues Testsystem ist ...

frage ist nur noch welches template system verwendet wird? dä wäre z.B. smarty ein guter verfechter mit integriertem caching system. und integrierten funktionen um z.B. den hintergrund bei den logs mit alternierenden farben zu versehen.

dann natürlich z.B. jquery für den ganzen dynamischen kram wie hint ohne reload entschlüsseln, alle logs nachladen usw...
ich denke mal da ist jquery eleganter als eigene js funktionen IIRC aus dem gedächnis würde man dann z.B. so auf den hint zugreifen können $("#hint").

ach ja und versucht mit möglichst wenigen tabellen zu arbeiten… die logs statt in eine tabelle in div's stecken. navigation in eine klare saubere ungeordnete liste… => thema barrierefreiheit.

meiner bescheidenen meinung nach, sollte man die alten hässlichen IE 4-6 fixes nicht mehr berücksichtigen, denn auch der IE7 ist schon etwas betagter. deswegen bin ich der meinung, man sollte bei einer webseite nur noch zeitgemässe browser berücksichtigen und testen. z.B. IE8, FF3.5, Safari 4 usw...

der rest kann die seite dann zwar immer noch nutzen, jedoch vielleicht nicht mit dem vollen leistungs umfang. => anreitz endlich den browser upzudaten!
wer würde schon freiwillig eine 8 jahre alte virendefinitionsdatei verwenden und noch unterstützen? was dem IE6 entspräche (5.0 - 1999; 5.5 - 2000; 6.0 - 2001; 7.0 - 2006; 8.0 - 2009).

viel spass beim coden.

Smarty ist unsere Template Engine.

Browsersupport hat den Fokus auf Firefox, IE8, IE7 und falls es ohne große Verrenkungen geht IE6.

Oliver schrieb:

... und falls es ohne große Verrenkungen geht IE6.

Zum Vergrößern anklicken....

Das würde ich dringend anraten, da so wie bei mir, in etlichen (großen) Firmen noch der IE6 Standard ist.
Wer das Glück hat einen USB-Stick mit Firefox verwenden zu können ist auf der sicheren Seite.
In unserer Firma ist USB deaktiviert.
Bis jetzt war ich zufriedener OC Benutzer und das Design ist eine reine Geschmacksache, mir hat es immer gut gefallen.
Sorry, wenn ich Vielen hier widerspreche ....

Oliver schrieb:

Zeitfrage ist es immer ... je mehr Leute wir sind, desto schneller geht es vorwärts ... und desto weniger bleibt am Einzelnen hängen. Ich schau mal wie weit unser neues Testsystem ist ...

Zum Vergrößern anklicken....

Okay, melde Dich einfach mal per Mail wenn es Zeit wird richtige Brötchen zu backen.

DunkleAura schrieb:

meiner bescheidenen meinung nach, sollte man die alten hässlichen IE 4-6 fixes nicht mehr berücksichtigen, denn auch der IE7 ist schon etwas betagter. deswegen bin ich der meinung, man sollte bei einer webseite nur noch zeitgemässe browser berücksichtigen und testen. z.B. IE8, FF3.5, Safari 4 usw...

Zum Vergrößern anklicken....

Naja, das von mir vorgeschlagene YAML berücksichtigt eigentlich alle IE-Bugs die so auftreten (abgesehen von einigen Kleinigkeiten), so das man da auf jeden Fall auf der richtigen Seite ist.

Geo-Johnny schrieb:

Oliver schrieb:

... und falls es ohne große Verrenkungen geht IE6.

Zum Vergrößern anklicken....

Das würde ich dringend anraten, da so wie bei mir, in etlichen (großen) Firmen noch der IE6 Standard ist.

Zum Vergrößern anklicken....

meiner bescheidenen meinung nach, gehört so etwas eigentlich unter strafe gestellt…
da sieht man mal wieder wo die kompetenzen liegen, das sind sicher auch die firmen,
die keine firewalls haben, das absolut sichere windows 98 einsetzen da windows me ja so fehler anfällig ist,
die FiBu software ünterstützt nur DEM wer braucht schon Euro, oder? irate_wink:

aber mal ehrlich unter uns, in drei (3) jahren nicht einmal so ein kleines stück software installieren zu können ist peinlich, zumal da es kostenlos erhältlich ist.

Schrottie schrieb:

…YAML berücksichtigt eigentlich alle IE-Bugs…

Zum Vergrößern anklicken....

stark, die leute noch ermutigen solche fossilien weiter zu nutzen, echt toll! irate_roll:

nennt mich nur troll oder kleinkariert aber irgendwann muss man doch einen schlussstrich ziehen oder?

vorsicht dieses posting könnte ironie und einen touch sarkasmus enthalten…

DunkleAura schrieb:

Schrottie schrieb:

…YAML berücksichtigt eigentlich alle IE-Bugs…

Zum Vergrößern anklicken....

stark, die leute noch ermutigen solche fossilien weiter zu nutzen, echt toll! irate_roll:

Zum Vergrößern anklicken....

Tja, aber eben ganz offensichtlich notwendig, denn Winzigweich kriegt es ja nicht hin einen vernünftigen Browser zu bauen, selbst aktuelle IE sind ja noch buggy bis dorthinaus, nur merkts keiner, die denken alle da muß so sein und die anderen machen es falsch.

DunkleAura schrieb:

Geo-Johnny schrieb:

Oliver schrieb:

... und falls es ohne große Verrenkungen geht IE6.

Zum Vergrößern anklicken....

Das würde ich dringend anraten, da so wie bei mir, in etlichen (großen) Firmen noch der IE6 Standard ist.

Zum Vergrößern anklicken....

meiner bescheidenen meinung nach, gehört so etwas eigentlich unter strafe gestellt…
da sieht man mal wieder wo die kompetenzen liegen, das sind sicher auch die firmen,
die keine firewalls haben, das absolut sichere windows 98 einsetzen da windows me ja so fehler anfällig ist,
die FiBu software ünterstützt nur DEM wer braucht schon Euro, oder? irate_wink:

Zum Vergrößern anklicken....

Wie, den IE6 gibt es für Win98??? (Ja, allerdings nicht mehr das zweite Service Pack.)

Meines Wissens wurde WinXP, das heute noch vielfach im Einsatz ist, mit IE6 ausgeliefert und IE7 war nur ein optionales Update bzw. Microsoft selbst warnte vor dem automatischen Update: heise.de vom 22.01.2008

DunkleAura schrieb:

aber mal ehrlich unter uns, in drei (3) jahren nicht einmal so ein kleines stück software installieren zu können ist peinlich, zumal da es kostenlos erhältlich ist.

Zum Vergrößern anklicken....

Können ja, aber wollen? In Firmen liegen da die Prioritäten meist etwas anders.

P.S. Ich bin auch kein IE6-Verfechter, aber leider sind wir ihn noch nicht und auch nicht so schnell los.

War das Thema des Freds hier IE? Ihr schweift ab.
Gruß,
wittels

wittels schrieb:

War das Thema des Freds hier IE? Ihr schweift ab.

Zum Vergrößern anklicken....

Eben. Über betriebswirtschaftlichen Sinn (oder Unsinn) müssen wir hier nicht streiten. Surft zuhause, dann könnt ihr nutzen was ihr wollt.

Wir müssen ja nur unsere Logdateien auswerten, um zu sehen wie viele IE6er noch draussen unterwegs sind ... da das neue Design nicht morgen schon online sein wird und der IE8 so wie ich es sehe per Autoupdate verteilt wird, werden es wohl nochmals weniger IE6er.

Deshalb denke ich sollten wir folgendes anstreben:
1) Vollfunktionsfähige Darstellung inkl. aler JavaScripts der Website mit Firefox 3 und IE7/8
2) Testen und wenn es geringer Aufwand ist ggf. Probleme beheben mit: IE6, FF2, Chrome, Opera, Safari und evtl. noch einen mobilen Browser?

Bei 2) soll aber nur sichergestellt werden, dass man die Seite nutzen kann. Wenn ein JavaScript nicht funktioniert wird es bei diesem Browser für diese Seite komplett deaktiviert. Das könnte vor allem den HTML-Editor bei Caches/Logs betreffen ... der funktioniert aber bisher mit allem was so genutzt wird und vermutlich haben wir da auch nicht mehr die aktuellste Version.

Ausserdem denke ich sollten wir JavaScript öfters einsetzen, aber auf dynamische Nachlade-Geschichten verzichten. Dafür haben wir im Moment nicht die notwendigen Backend-Funktionen. z.B. den Hint per Javascript zu entschlüsseln steht schon lange auf der Todo

Oliver schrieb:

Dafür haben wir im Moment nicht die notwendigen Backend-Funktionen. z.B. den Hint per Javascript zu entschlüsseln steht schon lange auf der Todo

Zum Vergrößern anklicken....

leider weiss ich gerade nicht wie es bei OC aussieht, aber das sollte noch das einfachste sein.
irgendwo bei den üblichen verdächtigen script sammlungen ein lgpl rot13 script suchen und noch das formular text element auf ein getelementbyid ändern und schon sollte das eigentlich funktionieren. oder kann man bei oc im hint auch html elemente nutzen?

evtl. nutzt dies, hab nur ganz kurz gegoogelt, deswegen keine garantie auf funktion:
ROT13 Verschlüsselung
ROT13 (diesen dank wikipedia gefunden)

DunkleAura schrieb:

Oliver schrieb:

Dafür haben wir im Moment nicht die notwendigen Backend-Funktionen. z.B. den Hint per Javascript zu entschlüsseln steht schon lange auf der Todo

Zum Vergrößern anklicken....

leider weiss ich gerade nicht wie es bei OC aussieht, aber das sollte noch das einfachste sein.
irgendwo bei den üblichen verdächtigen script sammlungen ein lgpl rot13 script suchen und noch das formular text element auf ein getelementbyid ändern und schon sollte das eigentlich funktionieren. oder kann man bei oc im hint auch html elemente nutzen?

Zum Vergrößern anklicken....

Es werden nur Zeilenumbrüche (<br />) und Entities durch OC ergänzt ...
... ich hab auch schonmal einen Quellcode zugeschickt bekommen ...
... ist die 6. von 103 noch nicht abgearbeiteten E-Mails ...
... soviel zum Thema (private) Todo-Liste

Mein Plan sieht aktuell so aus, das neue Design anzugehen und in dem dann die ganzen tollen Ideen umzusetzen. In dem alten Design möchte ich nur noch möglichst wenig Zeit investieren ...

so viel zum thema IE6! «YouTube stellt Unterstützung für Internet Explorer 6 ein»
vorbildlich irate_smilie: