1 / 20

Relaunch Uni-Homepage 2011

Drei-Säulen-Modell Neues Layout & Design Umsetzung Demo-Sites Suche Barrierefreiheit Zuständigkeiten Fazit. Relaunch Uni-Homepage 2011. Drei-Säulen-Modell. Management : CMS Layout/Design Informationsdesign Seitentypen Interaktivität Priorisierte Informationen.

zinna
Download Presentation

Relaunch Uni-Homepage 2011

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Drei-Säulen-Modell Neues Layout & Design Umsetzung Demo-Sites Suche Barrierefreiheit Zuständigkeiten Fazit Relaunch Uni-Homepage 2011 RUS/HKOM

  2. Drei-Säulen-Modell • Management: CMS • Layout/Design • Informationsdesign • Seitentypen • Interaktivität • Priorisierte Informationen

  3. Neues Layout & Design: Gestaltungs-Grundsätze • Nur Cascading Style Sheets (CSS): Layout und Inhalt getrennt • Kein Farbschema • Neutrale Seitenelemente (grau) • Farbe in Kopfgrafik • Verbesserte Typografie: 10pt, relativ und BITV-konform • Festes Layout (vs. fließende Layouts) • Keine Seitenzentrierung RUS/HKOM

  4. Neues Layout & Design 1 2 3 4 5 7 6 8 10 9 11 Referent

  5. Neues Layout & Design : Globalnavigation (1) Sprachversion Homepage Orga Druck • Globale Elemente: • Links zu übergeordneten Organisationseinheiten • Anpassbar • Gekoppelt an gewünschte URLs (suche/, sitemap/, kontakt/) RUS/HKOM

  6. Neues Layout & Design: Kopfgrafik (2) Einrichtungs-Name (Text) • „Visualisierung der Einrichtung“ • Leitthema „Überschneidung“ • Vollfarbgrafik • Eingebettete Logos • Transparenzen • Panorama, Collage, … • Photoshop-Vorlage • Unterstützung durch das RUS möglich Einrichtungs-Logo (4) Uni-Logo (3) RUS/HKOM

  7. Neues Layout & Design: Navigationsmenü (6) Home • „Menü“: • Konsolidiert diverse, verstreute Elemente der Vergangenheit • Beliebige Tiefe (sinnvoll 2-3) • Bildet direkt die Hierarchie ab • Interaktiv • Home ist Navigationselement der Ebene 0! RUS/HKOM

  8. Neues Layout & Design: Klickpfad (7) Breadcrumb • Breadcrumb: • Zeigt aktuelle Hierarchie-Ebenen • Praktisch für Deeplinks • Ebenen sind Hyperlinks RUS/HKOM

  9. Neues Layout & Design: linke Spalte (8,9) • Rubriken: • Zielgruppen (zusätzl. Navigationssicht zu tendenziell funktionaler Sicht der Hauptnavigation) • „Direkt-Zu“-Links RUS/HKOM

  10. Neues Layout & Design: Rechte Spalte • Rubriken: • Artikel • News • Veranstaltungen • Termine • Mehrwerte: • Automatische Einbettung • Programmatische Ausgabe • RSS-Feeds RUS/HKOM

  11. Umsetzung • OpenCms: • Für Kunden: nach Auftrag • Für Neukunden: Migrationsunterstützung, Schulungen • Downloadvorlagen http://www.rus.uni-stuttgart.de/dienste/internet/uniwww/ • Eigenanpassung für Skriptlösungen, eigene CMS, .. • Zeithorizont: 6 Monate RUS/HKOM

  12. Demo-Sites: Expo Referent

  13. Demo-Sites: ITV Referent

  14. Demo-Sites: Zentrale Studienberatung Referent

  15. Demo-Sites: Exzellenzinitiative Referent

  16. Demo-Sites: Eigenumsetzung der Informatik RUS/HKOM

  17. Verbesserte Suche (5) • Suchfeld auf jeder Seite • Suchtechnologie von Google • Eigene Hardware (Appliance) • Index mit aktuell 150T Elementen • Volltext • Konfigurierbar über Schlüsselwörter • Verbesserte Qualität der Suchergebnisse http://www.uni-stuttgart.de/suche/ RUS/HKOM

  18. Barrierefreiheit • „Die Hochschulen sind grundsätzlich verpflichtet, ihre Internetauftritte barrierefrei zu gestalten.“ (BITV und LBGG) • Template ist barrierefrei • Bei der Erstellung der Inhalte muss auf Barrierefreiheit geachtet werden • Qualitätssicherung durch RUS (Validität, Link-Integrität, ..) http://www.rus.uni-stuttgart.de/barrierefrei/ RUS/HKOM

  19. Zuständigkeiten • Rechenzentrum(RUS) • Technik, CMS • Funktionalität opencms-support@rus. www-support@rus. • Hochschulkommunikation (HKOM) • Online Redaktion (Homepage, News, Veranstaltungen) • Corporate Design hkom@uni-stuttgart.de RUS/HKOM

  20. Fazit: Vorteile OpenCms Template und automatische Aktualisierung (stetige Weiterentwicklung) Automatisierte Ausgaben: Navigation, News, Veranstaltungen, Mitarbeiterlisten, Sitemap, .. Kooperative Arbeit (wohlgeordnete Publikationsprozesse), sichere Arbeit (Versionierung, Wiederherstellung), getrennte Offline-, Online-Bereiche Hilfe bei der Migration www.rus.uni-stuttgart.de/dienste/internet/opencms/ Danke für Ihre Aufmerksamkeit!

More Related