Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Verbesserungen Layout vor Onlinegang #5

Closed
24 tasks done
fabianhauser opened this issue Mar 12, 2016 · 17 comments
Closed
24 tasks done

Verbesserungen Layout vor Onlinegang #5

fabianhauser opened this issue Mar 12, 2016 · 17 comments
Assignees
@michiwieland
Labels
help wanted
Milestone
2016-relaunch

Comments

@fabianhauser
Copy link
Member

fabianhauser commented Mar 12, 2016 •
edited by michiwieland
Loading

Was im aktuellen Design auf jeden Fall vor einer Aufschaltung angegangen werden sollte:

  • Haupt- und/oder Subnavigation soll mitscrollen (--> praktisch für lange Seiten) => Einklappbarer Content
  • Bei den Dokus sollten Ubuntu / OSX Anleitungen aufklappbar sein
  • "Back to Top" Link am Seitenende o.ä.
  • min-length für Dropdown menü (--> damit es nicht so "abgehackt" aussieht
  • Favicon
  • Tabellen, z.B. im styleguide
  • Subnavigation, z.B. bei E-Mail
  • Grundlayout
  • Navigation
  • Tabellen
  • Definition Lists
  • Code Tag
    • Graue Farbe für Kommentare (siehe hier)
  • Figures / Image Caption
  • Umschreiben in Jekyll Template
  • Inline-Codes im Styleguide sind nicht mehr Inline
  • Das Logo ist noch auf der Seite etwas abgeschnitten (Original)
  • Responsive Design
  • Buttons für Apt-Links
  • Kein Shadow für Smilies (Siehe hier)
  • Formatierung für Blockquotes (Auch hier)
  • Margin ca. 1rem nach p, Siehe auch 1 und 2
  • Produziere valides HTML
  • Github Icon

Falls irgendwem was auffällt, bitte gleich hier ^ in die Liste reinschreiben.

Wenn jemand Zeit und Lust hat, was ausführliches zu machen, das hier wäre evtl. einen Blick wert. Das war mal für den VSHSR angedacht, wurde aber irgendwie nie realisiert...
@olidias olidias assigned olidias and michiwieland and unassigned olidias and michiwieland Mar 12, 2016
@michiwieland
Copy link
Contributor

Im neuen Branch "template_preview" findet ihr eine statische Seite welche als Vorlage für das effektive Template dienen soll. Inputs eurerseits sind erwünscht :)

@raphiz
Copy link
Contributor

raphiz commented Mar 14, 2016

Super! Das layout find ich super! Merci!

Für mich ist das Banner - speziell bei Dokumentationen - zu domminant. Vorallem weil wir die ganze Mitgliederschaft ja noch im Detail anschauen müssen.

Auch müssen wir uns Fragen ob wir wirklich News machen - für den Anfang würde ich beim Vorschlag von @fabianhauser für die Landingpage bleiben.

fabianhauser added a commit that referenced this issue Mar 14, 2016
@fabianhauser
Convert layout draft to jekyll template #5
9126a1a
fabianhauser added a commit that referenced this issue Mar 14, 2016
@fabianhauser
Remove slider-head from app-layout #5
8fd7142
@fabianhauser
Copy link
Member Author

Mir gefällt das Design auch sehr gut! Habe es gerade schnell in ein Template umgewandelt 😉

Das Banner ist tatsächlich relativ dominant. Habe es beim übernehmen vom statischen Design auf der Home-Seite gelassen, aber sonst rausgenommen, sieht IMHO nicht so schlecht aus. Evtl. können wir ja den Button auf "Jetzt Mithelfen" mit dem Ziel http://altcomp.raphael.li/contribute/ ändern?

Ein paar Sachen sind mir gerade noch aufgefallen:

  • Ich würde Dokumentationen und Programme in der Sidebar genau in der umgekehrten Reihenfolge einfügen; vermutlich haben wir ja mehr Programmseiten als Dokumentationen.
  • Was denkt ihr, sollen wir die Sidebar auf der Startseite und auf allgemeinen Seiten wie z.B. Styleguide einbinden, oder nur eine minimalistische Landingpage gemäss meinem Vorschlag in Startseite erstellen #6 erstellen?

@michiwieland
Copy link
Contributor

Looking good. Besten Dank! Habe gerade noch einige Fixes reingemacht. Nun sollte alles wieder einigermassen sauber aussehen. (a2b6a79)

@fabianhauser fabianhauser reopened this Mar 18, 2016
fabianhauser added a commit that referenced this issue Mar 20, 2016
@fabianhauser
Add TOC to documentation pages #5
534432d
fabianhauser added a commit that referenced this issue Mar 20, 2016
@fabianhauser
Add correctly cropped / scaled logo #5
64dab88
@raphiz
Copy link
Contributor

raphiz commented Mar 21, 2016

Die Installation via Apt-Links wie in Issue #7 wäre etwas schicker mit Buttons - Analog zum Ubuntuusers-Wiki

@fabianhauser fabianhauser modified the milestone: 2016-relaunch Mar 21, 2016
@fabianhauser
Copy link
Member Author

@raphiz und @michiwieland : Ich habe mir stinkfrech erlaubt, eure Checkliste in meinen ersten Kommentar zu verfrachten, damit wir hier nicht die Übersicht im Kommentarjungle verlieren.
Hoffe das ist OK :)

Falls noch was auffällt: Feel free to Edit!

@fabianhauser fabianhauser assigned michiwieland and unassigned olidias Mar 21, 2016
@raphiz
Copy link
Contributor

raphiz commented Mar 23, 2016

Wäre es nicht sinnvoller das Twitter Icon durch ein Github icon zu ersetzen?
Der Twitter-Account ist...nicht wirklich sehr informativ 😄

@fabianhauser
Copy link
Member Author

Das mit dem Twitter Account kann ja noch werden 😉
Aber ein Github Icon fände ich in der Tat auch eine gute Idee! Hab's mal in die Liste geschrieben.

@michiwieland
Copy link
Contributor

Die Sache mit dem validen HTML habe ich als erledigt markiert. Es werden nur noch Warnungen angezeigt, welche aus Kompatibilitätsgründen ratsam sind oder es geht um die Hinweise bezüglich den Headings. (IMHO, vernachlässigbar). Puristen dürfen das aber gerne selber angehen 😉

@raphiz
Copy link
Contributor

raphiz commented Apr 4, 2016

Ich hätte noch einen Vorschlag bezüglich den Überseiten "Programme" "Community" und "Dokumenationen". Meiner Meinung nach wäre es gut, die Unterseiten in der Sidebar analog der Tutorial Seiten anzuzeigen - damit wären diese auch immer mit Sicherheit via Mobile Geräte erreichbar und es ist etwas übersichtlich, als diese im Text suchen zu müssen wie bsp. bei Community.

Was meint ihr?

@fabianhauser
Copy link
Member Author

Stimmt, diese Seiten sind jetzt auf einem Mobile Device gar nicht direkt erreichbar...
Anstatt der Sidebar (welche relativ viel Platz braucht, auch auf dem Desktop) könnten wir sonst auch die Subnavigation anzeigen?

@michiwieland
Copy link
Contributor

Grundsätzlich ist beides möglich. Wie ihr denke ich auch, dass die Seiten schnell erreichbar sein müssen. Die Subnavi war sogar bereits schon einmal drin. Die haben wir dann aber zugunsten der Übersicht wieder entfernt :)

@murieletrentini
Copy link
Contributor

Habe noch zwei Punkte hinzugefügt bzgl. Nutzerfreundlichkeit
mitscrollende navigation und "back to Top" link
sowie min-length für die Dropdown menüs
ansonsten: tolles design thumps up

fabianhauser added a commit that referenced this issue Apr 24, 2016
@fabianhauser
Add toggle fluid tag and JS improvments #5
d205a2e
fabianhauser added a commit that referenced this issue Apr 24, 2016
@fabianhauser
Toggle functionality cleanup #5
526fc0f
fabianhauser added a commit that referenced this issue Apr 24, 2016
@fabianhauser
Add mobile navigation 🍔 with toggable #5
06b060d
fabianhauser added a commit that referenced this issue Apr 25, 2016
@fabianhauser
Change toggle icons to more intuitive ones #5
0dff121
@michiwieland
Copy link
Contributor

Ich denke wir können uns die fixe Sidebar und Navigation sparen. @fabianhauser hat tolle einklappbare Sektionen erstellt, welche die Seite genügend kompakt halten.
Was meint ihr?
Des Weiteren habe ich die Sidebar in der mobilen Ansicht wieder unter den eigentlichen Inhalt verschoben. Da der Inhalt der Sidebar in Zukunft stetig wachsen wird, befürchte ich, dass der Benutzer durch die lange Liste nur abgelenkt wird, bevor er es überhaupt zum eigentlichen Inhalt schafft.

@fabianhauser
Copy link
Member Author

Ja, das ist auf deutlich übersichtlicher! 👍
Die Frage ist, ob wir die Auflistungen der Programme und Dokus überhaupt zusätzlich auf Mobile Devices brauchen? Sonst könnten wir die TOC vor den Inhalt nehmen und die Auflistungen nach /display/none verbannen, die Subnavigation im Menü hast du ja für's Mobile fit gemacht 😉

@michiwieland
Copy link
Contributor

Ja, da bin ich auch deiner Meinung. Werde das noch anpassen..

@raphiz
Copy link
Contributor

raphiz commented Apr 27, 2016

@michiwieland @fabianhauser ich würde dieses Issue zumachen wenn wir soweit fertig sind - dann können wir für alles weitere neue Tickets erstellen!

Dazu noch ein grosses Dankeschön! Super arbeit 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@michiwieland michiwieland

Labels
help wanted
Projects
None yet
Milestone
2016-relaunch
Development

No branches or pull requests
5 participants
@fabianhauser @raphiz @olidias @murieletrentini @michiwieland